{"title":"Tous nos produits","description":"","products":[{"product_id":"vermifuge-liquide-vermipets-chien-et-chat-200ml","title":"Vermi'Protect+ : Vermifuge Liquide Chien \u0026 Chat - 200ml - Phyto'Lab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vermi'Protect+ - Vermifuge liquide pour chiens et chats\nPalette détectée:\n - Primaire: #3a9d8c (vert turquoise\/menthe du packaging - frais, naturel, santé animale)\n - Secondaire: #2d7a6d (vert foncé - profondeur, nature)\n - Accent: #5cb8a8 (vert clair - fraîcheur, herbes médicinales)\n - Background: #f7faf9 (vert très pâle - douceur, naturel)\nAmbiance: Naturel\/phytothérapie, univers vétérinaire, packaging pharmaceutique ambre avec étiquette verte, entouré de plantes (menthe, romarin, lavande), approche douce et rassurante\nPréfixe CSS: vp\n--\u003e\n\u003cdiv class=\"vp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"vp-hero\"\u003e\n\u003cdiv class=\"vp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vp-hero-content\"\u003e\n\u003cdiv class=\"vp-badges-top\"\u003e\n\u003cspan class=\"vp-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"vp-badge\"\u003e🐕 Chiens \u0026amp; chats\u003c\/span\u003e \u003cspan class=\"vp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vp-hero-title\"\u003eVermi'Protect+\u003c\/span\u003e\n\u003cp class=\"vp-subtitle\"\u003eVermifuge liquide naturel aux 8 plantes\u003c\/p\u003e\n\u003cp class=\"vp-description\"\u003eRepousse et expulse les parasites intestinaux, assure une bonne hygiène intestinale et renforce la flore de vos compagnons. Sans effets secondaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🛡️ Une protection naturelle complète\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🦠 Élimine les parasites\u003c\/h3\u003e\n\u003cp\u003eAction vermifuge puissante contre les vers intestinaux, ascaris et oxyures grâce à la synergie de 8 plantes médicinales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n\u003cp\u003eStimule les défenses naturelles de l'organisme pour une meilleure résistance aux infestations futures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌱 Flore intestinale saine\u003c\/h3\u003e\n\u003cp\u003ePurifie et restaure l'équilibre du microbiote intestinal pour une digestion optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e💧 Format liquide pratique\u003c\/h3\u003e\n\u003cp\u003eS'administre facilement mélangé à la nourriture. Absorption rapide et efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌿 Sans effets secondaires\u003c\/h3\u003e\n\u003cp\u003eFormulation 100% végétale douce qui respecte l'organisme de votre animal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌙 Protocole lunaire\u003c\/h3\u003e\n\u003cp\u003eEfficacité optimisée en suivant le cycle de la pleine lune, période d'activité maximale des parasites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🌿 8 plantes médicinales sélectionnées\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid\"\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌼 Tanaisie\u003c\/h3\u003e\n\u003cp\u003ePropriétés vermifuges puissantes. Élimine efficacement les ascaris et oxyures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n\u003cp\u003eActions bactéricides et antivirales. Stimule les défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Fenugrec\u003c\/h3\u003e\n\u003cp\u003eEfficace contre les parasites protozoaires. Favorise la prise de masse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Menthe poivrée\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antiseptiques. Aide à l'expulsion des parasites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🥕 Carotte\u003c\/h3\u003e\n\u003cp\u003eRiche en bêta-carotène, détruit les œufs de vers et soutient l'immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Sarriette\u003c\/h3\u003e\n\u003cp\u003eAction antibactérienne naturelle. Favorise la digestion et tonifie l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🍂 Armoise\u003c\/h3\u003e\n\u003cp\u003eStimulant digestif reconnu. Favorise l'expulsion douce des vers intestinaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Clou de girofle\u003c\/h3\u003e\n\u003cp\u003eAntiparasitaire, antibactérien et anti-inflammatoire naturel puissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📋 Posologie selon le poids\u003c\/h2\u003e\n\u003cdiv class=\"vp-dosage-grid\"\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003e\u0026lt; 4 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e2 ml\/jour\u003c\/div\u003e\n\u003cp\u003eChiots, chatons, petits chats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-card vp-dosage-highlight\"\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003e4 - 10 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e3 ml\/jour\u003c\/div\u003e\n\u003cp\u003eChats adultes, petits chiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003e\u0026gt; 10 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e5 ml\/kg et par jour\u003c\/div\u003e\n\u003cp\u003eChiens moyens à grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-tip-box\"\u003e\n\u003ch3\u003e💡 Conseil d'administration\u003c\/h3\u003e\n\u003cp\u003eMélangez la dose directement à la nourriture (croquettes ou pâtée). La formule liquide se disperse facilement pour une absorption optimale. Vous pouvez également administrer directement dans la gueule de l'animal grâce à la\u003cstrong\u003e pipette graduée incluse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PROTOCOLE LUNAIRE --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🌕 Le protocole lunaire\u003c\/h2\u003e\n\u003cdiv class=\"vp-lunar-box\"\u003e\n\u003cdiv class=\"vp-lunar-main\"\u003e\n\u003cdiv class=\"vp-lunar-icon\"\u003e🌕\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-content\"\u003e\n\u003ch3\u003eCure en période de pleine lune\u003c\/h3\u003e\n\u003cdiv class=\"vp-lunar-steps\"\u003e\n\u003cdiv class=\"vp-lunar-step\"\u003e\n\u003cspan class=\"vp-step-marker\"\u003eJ-4\u003c\/span\u003e \u003cspan\u003eCommencer 4 jours avant la pleine lune\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-step\"\u003e\n\u003cspan class=\"vp-step-marker\"\u003e🌕\u003c\/span\u003e \u003cspan\u003ePleine lune : pic d'activité parasitaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-step\"\u003e\n\u003cspan class=\"vp-step-marker\"\u003eJ+4\u003c\/span\u003e \u003cspan\u003eContinuer 4 jours après\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-lunar-frequency\"\u003eÀ renouveler \u003cstrong\u003e4 fois par an\u003c\/strong\u003e pour une protection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-alt\"\u003e\n\u003ch3\u003e📅 Alternative hors cycle lunaire\u003c\/h3\u003e\n\u003cp\u003eCure de \u003cstrong\u003e10 jours consécutifs\u003c\/strong\u003e pour un traitement complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🐾 Pour quels animaux ?\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid-compact\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🐕 Chiens\u003c\/h3\u003e\n\u003cp\u003eToutes races et gabarits, du chihuahua au berger allemand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🐈 Chats\u003c\/h3\u003e\n\u003cp\u003eChatons et chats adultes. Formule douce bien tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🏡 Animaux d'intérieur\u003c\/h3\u003e\n\u003cp\u003eProtection recommandée même sans sorties fréquentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌳 Animaux d'extérieur\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour ceux en contact avec la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid-compact\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n\u003cp\u003e200 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n\u003cp\u003e3 à 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🔄 Fréquence\u003c\/h3\u003e\n\u003cp\u003e4 fois par an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003ePhyto'Lab - France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"vp-accordion\"\u003e\n\u003cdetails class=\"vp-accordion-item\"\u003e\n\u003csummary class=\"vp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vp-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eUsage oral uniquement.\u003c\/strong\u003e Ne pas appliquer sur la peau ou les yeux.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFemelles gestantes ou allaitantes :\u003c\/strong\u003e consulter un vétérinaire avant utilisation.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEn cas d'infestation importante :\u003c\/strong\u003e consultez votre vétérinaire.\u003c\/p\u003e\n\u003cp\u003eCe produit est un aliment complémentaire, il n'est pas un médicament vétérinaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vp-accordion-item\"\u003e\n\u003csummary class=\"vp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"vp-accordion-content\"\u003e\n\u003cp\u003eBien refermer après usage. À conserver au réfrigérateur après ouverture et en cas de fortes chaleurs. 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\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"vp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"vp-cta-box\"\u003e\n\u003cp\u003e🐾 \u003cstrong\u003eProtégez naturellement votre compagnon\u003c\/strong\u003e avec la puissance de 8 plantes médicinales. Une formule 100% naturelle, facile à administrer et respectueuse de son organisme pour une protection antiparasitaire efficace et sans effets secondaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vp-cream: #f7faf9;\n --vp-white: #ffffff;\n --vp-primary: #3a9d8c;\n --vp-primary-dark: #2d7a6d;\n --vp-primary-light: #e6f5f2;\n --vp-secondary: #47b09e;\n --vp-accent: #5cb8a8;\n\n --vp-text: #1a1a1a;\n --vp-text-light: #5a5a5a;\n\n --vp-border: #d4e8e3;\n --vp-shadow: 0 4px 24px rgba(58, 157, 140, .08);\n --vp-shadow-lg: 0 12px 48px rgba(58, 157, 140, .15);\n --vp-radius: 20px;\n --vp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vp-hero {\n position: relative;\n background: linear-gradient(135deg, #3a9d8c 0%, #47b09e 50%, #2d7a6d 100%);\n border-radius: var(--vp-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(--vp-shadow-lg);\n}\n\n.vp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\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='.4'\/%3E%3C\/svg%3E\");\n}\n\n.vp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vp-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.vp-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(--vp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vp-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.vp-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.vp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vp-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.vp-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(--vp-primary), var(--vp-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.vp-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vp-shadow-lg);\n border-color: var(--vp-primary);\n}\n\n.vp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vp-card-ingredient {\n border-left: 4px solid var(--vp-primary);\n text-align: left;\n}\n\n.vp-card-ingredient:hover {\n border-left-color: var(--vp-secondary);\n}\n\n\/* === DOSAGE === *\/\n.vp-dosage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.vp-dosage-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: 2rem 1.5rem;\n text-align: center;\n box-shadow: var(--vp-shadow);\n border: 2px solid var(--vp-border);\n transition: all .3s ease;\n}\n\n.vp-dosage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--vp-shadow-lg);\n}\n\n.vp-dosage-highlight {\n background: var(--vp-primary-light);\n border-color: var(--vp-primary);\n transform: scale(1.03);\n}\n\n.vp-dosage-weight {\n font-size: 14px;\n font-weight: 700;\n color: var(--vp-secondary);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.vp-dosage-amount {\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--vp-primary-dark);\n margin-bottom: .5rem;\n}\n\n.vp-dosage-card p {\n font-size: 13px;\n color: var(--vp-text-light);\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vp-tip-box {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius);\n padding: 1.5rem 2rem;\n border: 2px solid var(--vp-primary);\n}\n\n.vp-tip-box h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.vp-tip-box p {\n font-size: 15px;\n color: var(--vp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === LUNAR === *\/\n.vp-lunar-box {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 1.5rem;\n}\n\n.vp-lunar-main {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: 2rem;\n box-shadow: var(--vp-shadow);\n border: 3px solid var(--vp-primary);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.vp-lunar-icon {\n font-size: 56px;\n flex-shrink: 0;\n}\n\n.vp-lunar-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.vp-lunar-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.vp-lunar-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 14px;\n color: var(--vp-text);\n}\n\n.vp-step-marker {\n background: linear-gradient(135deg, var(--vp-primary), var(--vp-secondary));\n color: white;\n min-width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 13px;\n box-shadow: 0 3px 12px rgba(58, 157, 140, .3);\n}\n\n.vp-lunar-frequency {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius-sm);\n padding: 1rem;\n font-size: 15px;\n color: var(--vp-text);\n text-align: center;\n}\n\n.vp-lunar-frequency strong {\n color: var(--vp-primary-dark);\n}\n\n.vp-lunar-alt {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius);\n padding: 2rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: center;\n}\n\n.vp-lunar-alt h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.vp-lunar-alt p {\n font-size: 15px;\n color: var(--vp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.vp-lunar-alt strong {\n color: var(--vp-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.vp-accordion {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n box-shadow: var(--vp-shadow);\n overflow: hidden;\n}\n\n.vp-accordion-item {\n border-bottom: 1px solid var(--vp-border);\n margin: 0;\n padding: 0;\n}\n\n.vp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vp-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.vp-accordion-header:hover {\n background: var(--vp-primary-light);\n}\n\n.vp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vp-primary);\n transition: transform .2s ease;\n}\n\n.vp-accordion-item[open] .vp-accordion-header::after {\n content: '−';\n}\n\n.vp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.vp-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.vp-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.vp-cta-box {\n background: linear-gradient(135deg, var(--vp-primary) 0%, var(--vp-primary-dark) 100%);\n border-radius: var(--vp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vp-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 text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.vp-cta-box strong {\n font-weight: 800;\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n margin-bottom: .5rem;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 991px) {\n .vp-lunar-box {\n grid-template-columns: 1fr;\n }\n \n .vp-lunar-main {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .vp-lunar-steps {\n align-items: center;\n }\n}\n\n@media (max-width: 767px) {\n .vp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vp-dosage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vp-dosage-highlight {\n transform: scale(1);\n }\n \n .vp-card {\n padding: 1.125rem;\n }\n \n .vp-section {\n margin-bottom: 1.75rem;\n }\n \n .vp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vp-radius-sm);\n }\n \n .vp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vp-grid-compact {\n gap: .625rem;\n }\n \n .vp-grid-compact .vp-card {\n padding: .75rem;\n }\n \n .vp-grid-compact .vp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .vp-grid-compact .vp-card p {\n font-size: 12px;\n }\n \n .vp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vp-tip-box {\n padding: 1.25rem;\n }\n \n .vp-lunar-main {\n padding: 1.5rem;\n }\n \n .vp-lunar-alt {\n padding: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vp-card:nth-child(1) { animation-delay: .05s; }\n .vp-card:nth-child(2) { animation-delay: .1s; }\n .vp-card:nth-child(3) { animation-delay: .15s; }\n .vp-card:nth-child(4) { animation-delay: .2s; }\n .vp-card:nth-child(5) { animation-delay: .25s; }\n .vp-card:nth-child(6) { animation-delay: .3s; }\n .vp-card:nth-child(7) { animation-delay: .35s; }\n .vp-card:nth-child(8) { animation-delay: .4s; }\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 .vp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PHYTO'LAB","offers":[{"title":"Default Title","offer_id":45754659700893,"sku":"VERMIPETSLIQUIDE","price":11.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vermiprotect__chien-chat_phytolab_packshot_11zon.jpg?v=1766999332"},{"product_id":"probiotic-10-sachets-quinton","title":"Probiotic - 10 Sachets - Quinton","description":"\u003cdiv class=\"qprob-premium\"\u003e\n \u003cdiv class=\"qprob-hero\"\u003e\n \u003cdiv class=\"qprob-hero-pattern\"\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\n \u003cspan class=\"qprob-badge\"\u003e🦠 Ferments vivants\u003c\/span\u003e\n \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\n \u003csection class=\"qprob-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce probiotique 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\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\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\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\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\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":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/probiotic-10-sachets-quinton-packshothd.webp?v=1776758927"},{"product_id":"spray-dermo-action-spray-100-ml-quinton","title":"Spray Dermo Action - Hydrate, Apaise \u0026 Revitalise - 100 ml - Quinton","description":"\u003cdiv class=\"qda-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qda-hero\"\u003e\n\u003cdiv class=\"qda-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qda-hero-content\"\u003e\n\u003cdiv class=\"qda-badges-top\"\u003e\n\u003cspan class=\"qda-badge\"\u003e🌊 Eau de mer pure Quinton\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🧴 Format spray 100 ml\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qda-hero-title\"\u003eSpray Dermo Action Quinton\u003c\/span\u003e\n\u003cp class=\"qda-subtitle\"\u003eHydrate, apaise \u0026amp; revitalise votre peau\u003c\/p\u003e\n\u003cp class=\"qda-description\"\u003eUne solution hypertonic d'eau de mer pure, enrichie en oligo-éléments marins, pour offrir à votre peau un soin intensif et 100% naturel. Sans conservateurs, sans parfums artificiels, sans colorants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO : Présentation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003cp class=\"qda-section-intro\"\u003eDécouvrez le \u003cstrong\u003eSpray Dermo Action 100 ml de Quinton\u003c\/strong\u003e, une solution 100% naturelle élaborée pour offrir à votre peau une hydratation et un soin intensifs. Formulé à partir de l'eau de mer d'origine pure Quinton, ce spray innovant est idéal pour apaiser les irritations, hydrater en profondeur et revitaliser l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid-compact\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003ePénètre en profondeur pour nourrir et désaltérer la peau durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et rougeurs même sur les peaux les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e✨ Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eStimule le renouvellement des cellules cutanées pour une peau revitalisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🛡️ Barrière protectrice\u003c\/h3\u003e\n\u003cp\u003eRenforce la protection naturelle de la peau contre les agressions extérieures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-section-intro\" style=\"margin-top: 1.25rem;\"\u003eConçu pour convenir à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles. Son format pratique de 100 ml l'accompagne partout, pour une peau rafraîchie et revitalisée en toutes circonstances.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003ePour profiter pleinement des bienfaits du \u003cstrong\u003eSpray Dermo Action Quinton\u003c\/strong\u003e, suivez ces quelques étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"qda-timeline\"\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez bien avant chaque utilisation pour mélanger uniformément les composants actifs marins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eVaporisez directement sur la peau propre et sèche, en couvrant bien la zone souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale, ne frottez pas : laissez le produit pénétrer et sécher à l'air libre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez au besoin\u003c\/h3\u003e\n\u003cp\u003eUtilisez plusieurs fois par jour pour maintenir une hydratation continue et apaiser les irritations éventuelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-tip\"\u003e\n\u003cspan class=\"qda-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe spray peut également être utilisé comme \u003cstrong\u003etonique après le nettoyage de la peau\u003c\/strong\u003e, pour une sensation de fraîcheur immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : Composition --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003eLa formule du Spray Dermo Action est entièrement naturelle, conçue pour respecter et revitaliser la peau.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer isotonic Quinton\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés thérapeutiques et régénératrices, elle apporte une mine de nutriments essentiels et oligo-éléments indispensables à votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🐚 Extraits marins\u003c\/h3\u003e\n\u003cp\u003eDes extraits riches en minéraux pour hydrater et purifier la peau en profondeur, issus de l'environnement marin pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eFormule pure et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans parfums artificiels\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eSoin naturel et sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : Origine et fabrication --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"qda-accordion\"\u003e\n\u003cdetails class=\"qda-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🏛️ Les laboratoires Quinton\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLe Spray Dermo Action est fabriqué à partir d'eau de mer validée par les \u003cstrong\u003elaboratoires Quinton\u003c\/strong\u003e pour sa pureté et ses bienfaits. Fondés par le biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, ces laboratoires sont situés en \u003cstrong\u003eEspagne\u003c\/strong\u003e et bénéficient d'une renommée internationale pour leurs produits naturels et biologiques. Chaque flacon est préparé avec la plus grande exigence pour garantir une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qda-accordion-item\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🌍 Engagement éco-responsable\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLa mer, source de vie et de bienfaits, est au cœur de ce produit fabriqué de manière \u003cstrong\u003eéco-responsable\u003c\/strong\u003e. De la récolte de l'eau de mer jusqu'à l'emballage du produit fini, chaque étape est réalisée dans le respect de l'environnement, assurant ainsi un impact minimal sur notre planète.\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=\"qda-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"qda-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau le pouvoir régénérant de la mer avec le Spray Dermo Action Quinton, hydratation, apaisement et revitalisation en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Produit cosmétique, ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --qda-cream: #FFF9F2;\n --qda-white: #ffffff;\n --qda-primary: #E8922A;\n --qda-primary-dark: #B5691A;\n --qda-primary-light: #FFF3E6;\n --qda-secondary: #C4466C;\n --qda-accent: #F5B731;\n --qda-text: #1a1a1a;\n --qda-text-light: #5a5a5a;\n --qda-border: #F0E0D0;\n --qda-shadow: 0 4px 24px rgba(0,0,0,.08);\n --qda-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --qda-radius: 20px;\n --qda-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qda-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qda-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qda-hero {\n position: relative;\n background: linear-gradient(135deg, #E8922A 0%, #D9753E 35%, #C4466C 70%, #9B3A6A 100%);\n border-radius: var(--qda-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(--qda-shadow-lg);\n}\n\n.qda-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 60% 60%, rgba(255,255,255,.04) 0%, transparent 30%);\n opacity: 1;\n}\n\n.qda-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.qda-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.qda-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.qda-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.qda-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qda-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(--qda-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qda-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qda-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qda-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qda-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.qda-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(--qda-primary), var(--qda-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qda-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qda-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.qda-card {\n background: var(--qda-white);\n border-radius: var(--qda-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qda-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qda-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qda-shadow-lg);\n border-color: var(--qda-primary);\n}\n\n.qda-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qda-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qda-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qda-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qda-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qda-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qda-grid-compact .qda-card {\n padding: 1rem;\n}\n\n.qda-grid-compact .qda-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qda-grid-compact .qda-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qda-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qda-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qda-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qda-primary), var(--qda-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.qda-timeline-content {\n flex: 1;\n background: var(--qda-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qda-radius-sm);\n box-shadow: var(--qda-shadow);\n}\n\n.qda-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qda-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qda-timeline-content p {\n font-size: 14px;\n color: var(--qda-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qda-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qda-primary-light);\n border-radius: var(--qda-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qda-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qda-tip p {\n font-size: 14px;\n color: var(--qda-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.qda-accordion {\n background: var(--qda-white);\n border-radius: var(--qda-radius);\n box-shadow: var(--qda-shadow);\n overflow: hidden;\n}\n\n.qda-accordion-item {\n border-bottom: 1px solid var(--qda-border);\n margin: 0;\n padding: 0;\n}\n\n.qda-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qda-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qda-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.qda-accordion-header:hover {\n background: var(--qda-primary-light);\n}\n\n.qda-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qda-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qda-primary);\n transition: transform .2s ease;\n}\n\n.qda-accordion-item[open] .qda-accordion-header::after {\n content: '−';\n}\n\n.qda-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qda-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qda-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.qda-cta-box {\n background: linear-gradient(135deg, var(--qda-primary) 0%, var(--qda-secondary) 100%);\n border-radius: var(--qda-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qda-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.qda-disclaimer {\n font-size: 12px;\n color: var(--qda-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 .qda-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qda-card {\n padding: 1.125rem;\n }\n\n .qda-section {\n margin-bottom: 1.75rem;\n }\n\n .qda-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qda-radius-sm);\n }\n\n .qda-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qda-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qda-grid-compact {\n gap: .625rem;\n }\n\n .qda-grid-compact .qda-card {\n padding: .75rem;\n }\n\n .qda-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qda-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qda-timeline-content h3 {\n font-size: 14px;\n }\n\n .qda-timeline-content p {\n font-size: 13px;\n }\n\n .qda-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qda-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qda-card {\n animation: qdaFadeInUp .5s ease backwards;\n }\n .qda-card:nth-child(1) { animation-delay: .05s; }\n .qda-card:nth-child(2) { animation-delay: .1s; }\n .qda-card:nth-child(3) { animation-delay: .15s; }\n .qda-card:nth-child(4) { animation-delay: .2s; }\n .qda-card:nth-child(5) { animation-delay: .25s; }\n .qda-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qdaFadeInUp {\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 .qda-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":45754679066781,"sku":"QU0005","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-dermo-action-quinton-100-ml-hydrate-apaise-revitalise-lifestyle.webp?v=1770973831"},{"product_id":"spray-hygiene-nasale-isotonique-spray-100-ml-quinton","title":"Spray Hygiène Nasale (isotonique) - Spray 100 Ml - Quinton","description":"\u003cdiv class=\"qn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qn-hero\"\u003e\n\u003cdiv class=\"qn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qn-hero-content\"\u003e\n\u003cdiv class=\"qn-badges-top\"\u003e\n\u003cspan class=\"qn-badge\"\u003e🌊 Eau de mer isotonique\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e🇪🇸 Fabriqué en Espagne\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e👩👦 Toute la famille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qn-hero-title\"\u003eSpray Hygiène Nasale isotonique Quinton\u003c\/span\u003e\n\u003cp class=\"qn-subtitle\"\u003e100 ml · Solution isotonique d'eau de mer stérile\u003c\/p\u003e\n\u003cp class=\"qn-description\"\u003eUn allié indispensable pour préserver une hygiène nasale optimale au quotidien. Dégagez et hydratez vos fosses nasales grâce à la pureté de l'eau de mer du golfe de Gascogne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO \/ BÉNÉFICES --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003e🌬️ Pourquoi choisir ce spray nasal ?\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eLe Spray Hygiène Nasale Isotonique de Quinton est formulé à partir d'eau de mer stérile et micro-filtrée à froid pour garantir une pureté maximale.\u003c\/p\u003e\n\u003cdiv class=\"qn-grid\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e💧 Hydratation optimale\u003c\/h3\u003e\n\u003cp\u003eMaintient une hydratation idéale des muqueuses nasales pour un confort respiratoire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n\u003cp\u003eProtège contre les agressions extérieures : pollution, allergènes et agents irritants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🤧 Soulagement nasal\u003c\/h3\u003e\n\u003cp\u003eAide à prévenir les infections nasales et à soulager les symptômes du rhume et de la congestion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e👶 Adapté à tous\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille, particulièrement recommandé pour les enfants et les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🧪 Pureté garantie\u003c\/h3\u003e\n\u003cp\u003eSolution isotonique stérile, micro-filtrée à froid, sans conservateurs ni additifs chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eAction douce et respectueuse des muqueuses nasales, formulée à base d'eau de mer naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : Conseils d'utilisation --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eUtilisez le Spray Hygiène Nasale Isotonique Quinton en suivant ces étapes simples, deux à trois fois par jour pour une hygiène nasale optimale.\u003c\/p\u003e\n\u003cdiv class=\"qn-timeline\"\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eInclinez la tête\u003c\/h3\u003e\n\u003cp\u003ePenchez la tête sur le côté pour faciliter l'écoulement de la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eInsérez l'embout\u003c\/h3\u003e\n\u003cp\u003eIntroduisez délicatement l'embout du spray dans la narine supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez la solution\u003c\/h3\u003e\n\u003cp\u003eAppuyez fermement sur le spray pour libérer la solution dans la narine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eLaissez s'écouler\u003c\/h3\u003e\n\u003cp\u003eLaissez la solution s'écouler naturellement, puis mouchez-vous doucement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eRépétez de l'autre côté\u003c\/h3\u003e\n\u003cp\u003eEffectuez la même opération pour l'autre narine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-tip\"\u003e\n\u003cspan class=\"qn-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe spray est particulièrement utile en période de rhume, d'allergies ou d'exposition à des environnements pollués. Utilisez-le \u003cstrong\u003e2 à 3 fois par jour\u003c\/strong\u003e pour une hygiène nasale optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : Composition --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eUne formulation minimaliste et naturelle, sans conservateurs ni additifs chimiques.\u003c\/p\u003e\n\u003cdiv class=\"qn-grid-compact\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer isotonique\u003c\/h3\u003e\n\u003cp\u003eConcentration à 9‰, stérile et micro-filtrée à froid pour une pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e⚗️ Solution isotonique\u003c\/h3\u003e\n\u003cp\u003eConcentrée à 0.9%, parfaitement équilibrée pour respecter les muqueuses nasales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-tip\"\u003e\n\u003cspan class=\"qn-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eCette composition offre une action douce, respectueuse et naturelle des muqueuses nasales, \u003cstrong\u003esans conservateurs ni additifs chimiques\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : Origine et fabrication --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"qn-grid\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e📍 Golfe de Gascogne\u003c\/h3\u003e\n\u003cp\u003eL'eau de mer est prélevée au large du golfe de Gascogne, une zone reconnue pour la qualité et la pureté exceptionnelle de ses eaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🔬 Micro-filtration à froid\u003c\/h3\u003e\n\u003cp\u003eL'eau est stérilisée et micro-filtrée à froid pour garantir la protection optimale des oligo-éléments et minéraux naturellement présents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🇪🇸 Fabriqué en Espagne\u003c\/h3\u003e\n\u003cp\u003eProduit selon les normes les plus strictes en matière de sécurité et de qualité pharmaceutique européenne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"qn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"qn-cta-box\"\u003e\n\u003cp\u003e🌊 Adoptez le Spray Hygiène Nasale Isotonique de Quinton pour une hygiène nasale quotidienne naturelle et efficace !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qn-disclaimer\"\u003eCe produit n'est pas un médicament. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --qn-cream: #f4f8fb;\n --qn-white: #ffffff;\n --qn-primary: #2E8BC0;\n --qn-primary-dark: #1a5f8a;\n --qn-primary-light: #e8f4fa;\n --qn-secondary: #5BAED4;\n --qn-accent: #C4A35A;\n --qn-text: #1a1a1a;\n --qn-text-light: #5a6a7a;\n --qn-border: #dde8ef;\n --qn-shadow: 0 4px 24px rgba(46,139,192,.08);\n --qn-shadow-lg: 0 12px 48px rgba(46,139,192,.15);\n --qn-radius: 20px;\n --qn-radius-sm: 12px;\n}\n\n.qn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--qn-primary-dark) 0%, var(--qn-primary) 40%, var(--qn-secondary) 100%);\n border-radius: var(--qn-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(--qn-shadow-lg);\n}\n\n.qn-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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.qn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qn-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(--qn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qn-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.qn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.qn-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\/* === SECTIONS === *\/\n.qn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qn-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.qn-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(--qn-primary), var(--qn-secondary));\n border-radius: 2px;\n}\n\n.qn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qn-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.qn-card {\n background: var(--qn-white);\n border-radius: var(--qn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qn-shadow-lg);\n border-color: var(--qn-primary);\n}\n\n.qn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qn-grid-compact .qn-card {\n padding: 1rem;\n}\n\n.qn-grid-compact .qn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qn-grid-compact .qn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qn-primary), var(--qn-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.qn-timeline-content {\n flex: 1;\n background: var(--qn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qn-radius-sm);\n box-shadow: var(--qn-shadow);\n}\n\n.qn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qn-timeline-content p {\n font-size: 14px;\n color: var(--qn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qn-primary-light);\n border-radius: var(--qn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qn-tip p {\n font-size: 14px;\n color: var(--qn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qn-cta-box {\n background: linear-gradient(135deg, var(--qn-primary) 0%, var(--qn-primary-dark) 100%);\n border-radius: var(--qn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qn-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.qn-disclaimer {\n font-size: 12px;\n color: var(--qn-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 .qn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qn-card {\n padding: 1.125rem;\n }\n\n .qn-section {\n margin-bottom: 1.75rem;\n }\n\n .qn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qn-radius-sm);\n }\n\n .qn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qn-grid-compact {\n gap: .625rem;\n }\n\n .qn-grid-compact .qn-card {\n padding: .75rem;\n }\n\n .qn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qn-timeline-content h3 {\n font-size: 14px;\n }\n\n .qn-timeline-content p {\n font-size: 13px;\n }\n\n .qn-tip {\n padding: .875rem 1rem;\n }\n\n .qn-tip-icon {\n font-size: 20px;\n }\n\n .qn-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qn-card {\n animation: qnFadeInUp .5s ease backwards;\n }\n .qn-card:nth-child(1) { animation-delay: .05s; }\n .qn-card:nth-child(2) { animation-delay: .1s; }\n .qn-card:nth-child(3) { animation-delay: .15s; }\n .qn-card:nth-child(4) { animation-delay: .2s; }\n .qn-card:nth-child(5) { animation-delay: .25s; }\n .qn-card:nth-child(6) { animation-delay: .3s; }\n\n .qn-timeline-item {\n animation: qnFadeInUp .5s ease backwards;\n }\n .qn-timeline-item:nth-child(1) { animation-delay: .05s; }\n .qn-timeline-item:nth-child(2) { animation-delay: .1s; }\n .qn-timeline-item:nth-child(3) { animation-delay: .15s; }\n .qn-timeline-item:nth-child(4) { animation-delay: .2s; }\n .qn-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes qnFadeInUp {\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 .qn-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":45754679459997,"sku":"QU0010","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-hygiene-nasale-isotonique-spray-100-ml-quinton-lifestyle.webp?v=1770974852"},{"product_id":"spray-hygiene-nasal-pediatric-spray-100-ml-quinton","title":"Spray Hygiène Nasale Pediatric - Spray 100 ml - Quinton","description":"\u003cdiv class=\"qn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qn-hero\"\u003e\n\u003cdiv class=\"qn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qn-hero-content\"\u003e\n\u003cdiv class=\"qn-badges-top\"\u003e\n\u003cspan class=\"qn-badge\"\u003e🌊 Eau de mer isotonique\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e👶 Spécial bébé \u0026amp; enfant\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e🇪🇸 Fabriqué en Espagne\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qn-hero-title\"\u003eSpray Hygiène Nasale Pédiatrique Quinton\u003c\/span\u003e\n\u003cp class=\"qn-subtitle\"\u003eLa douceur de l'océan pour les petits nez sensibles\u003c\/p\u003e\n\u003cp class=\"qn-description\"\u003eUne solution 100 % naturelle à base d'eau de mer microfiltrée à froid, conçue pour dégager, hydrater et protéger les voies nasales de votre enfant. Sans conservateurs, sans additifs. Juste la pureté de la mer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eUn geste simple et doux pour le confort respiratoire quotidien de votre enfant. Suivez ces étapes pour une hygiène nasale optimale.\u003c\/p\u003e\n\u003cdiv class=\"qn-timeline\"\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eInstaller l'enfant\u003c\/h3\u003e\n\u003cp\u003eAllongez l'enfant sur le dos, la tête légèrement inclinée sur le côté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eIntroduire l'embout\u003c\/h3\u003e\n\u003cp\u003eIntroduisez délicatement l'embout du spray dans la narine supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003ePulvériser\u003c\/h3\u003e\n\u003cp\u003eAppuyez légèrement pour pulvériser la solution saline dans la narine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eRépéter\u003c\/h3\u003e\n\u003cp\u003eRépétez l'opération dans l'autre narine en inclinant la tête de l'autre côté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eEssuyer et nettoyer\u003c\/h3\u003e\n\u003cp\u003eEssuyez doucement le nez de l'enfant avec un mouchoir propre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-tip\"\u003e\n\u003cspan class=\"qn-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUtilisez \u003cstrong\u003e2 à 3 fois par jour\u003c\/strong\u003e ou selon les recommandations de votre médecin. Idéal en période hivernale ou lors d'épisodes allergiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eUne formule d'une simplicité absolue : un seul ingrédient, toute la richesse de l'océan.\u003c\/p\u003e\n\u003cdiv class=\"qn-grid\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée dans des zones océaniques protégées, loin de toute pollution, pour une pureté irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🔬 Microfiltrée à froid\u003c\/h3\u003e\n\u003cp\u003eProcessus de filtration douce qui conserve 100 % des minéraux et oligo-éléments naturellement présents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e⚖️ Solution isotonique (9‰)\u003c\/h3\u003e\n\u003cp\u003eDiluée à la concentration idéale pour respecter les muqueuses sensibles des tout-petits, sans irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-tip\"\u003e\n\u003cspan class=\"qn-tip-icon\"\u003e🧾\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau de mer naturelle isotonique (9‰). Sans conservateurs, sans additifs chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eUn savoir-faire centenaire au service de la santé de vos enfants.\u003c\/p\u003e\n\u003cdiv class=\"qn-grid\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🇪🇸 Laboratoires Quinton\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Espagne par des spécialistes reconnus de l'eau de mer depuis plus de \u003cstrong\u003e100 ans\u003c\/strong\u003e d'expertise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🛡️ Zones protégées\u003c\/h3\u003e\n\u003cp\u003eL'eau de mer est prélevée dans des zones océaniques rigoureusement sélectionnées, à l'abri de toute source de pollution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n\u003cp\u003eUn procédé exclusif qui préserve toutes les propriétés naturelles de l'eau de mer, sans chaleur ni traitement chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVANTAGES DU PRODUIT --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eAvantages du produit\u003c\/h2\u003e\n\u003cdiv class=\"qn-grid-compact\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌿 Naturel et sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eComposé exclusivement d'eau de mer, sans conservateurs ni additifs chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e👶 Sûr et adapté aux enfants\u003c\/h3\u003e\n\u003cp\u003eFormulation isotonique spécialement conçue pour les nez sensibles des plus jeunes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e✈️ Pratique et hygiénique\u003c\/h3\u003e\n\u003cp\u003eFlacon spray de 100 ml facile à utiliser et à transporter partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e✅ Efficacité prouvée\u003c\/h3\u003e\n\u003cp\u003eAide à dégager les voies nasales et à prévenir les infections respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"qn-section\"\u003e\n\u003cdiv class=\"qn-cta-box\"\u003e\n\u003cp\u003eEn choisissant le Spray Hygiène Nasal Pédiatrique de Quinton, vous offrez à votre enfant une solution naturelle et efficace pour \u003cstrong\u003erespirer librement et en toute sérénité\u003c\/strong\u003e. Une hygiène nasale quotidienne optimale pour un confort familial au quotidien. 🌊👶\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qn-disclaimer\"\u003eLes compléments alimentaires et produits de soins ne se substituent pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez votre pédiatre en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --qn-cream: #F4F9FC;\n --qn-white: #ffffff;\n --qn-primary: #4BA8D4;\n --qn-primary-dark: #1E6E99;\n --qn-primary-light: #E6F4FA;\n --qn-secondary: #A8D8EA;\n --qn-accent: #E8963A;\n\n --qn-text: #1a1a1a;\n --qn-text-light: #556B78;\n\n --qn-border: #D6E9F2;\n --qn-shadow: 0 4px 24px rgba(30, 110, 153, .08);\n --qn-shadow-lg: 0 12px 48px rgba(30, 110, 153, .15);\n --qn-radius: 20px;\n --qn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qn-premium *, .qn-premium *::before, .qn-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qn-hero {\n position: relative;\n background: linear-gradient(135deg, #1E6E99 0%, #4BA8D4 45%, #A8D8EA 100%);\n border-radius: var(--qn-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(--qn-shadow-lg);\n}\n\n.qn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.qn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qn-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.qn-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.qn-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.qn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qn-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(--qn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qn-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.qn-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(--qn-primary), var(--qn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.qn-card {\n background: var(--qn-white);\n border-radius: var(--qn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qn-shadow-lg);\n border-color: var(--qn-primary);\n}\n\n.qn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qn-grid-compact .qn-card {\n padding: 1rem;\n}\n\n.qn-grid-compact .qn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qn-grid-compact .qn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qn-primary), var(--qn-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(75, 168, 212, .3);\n}\n\n.qn-timeline-content {\n flex: 1;\n background: var(--qn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qn-radius-sm);\n box-shadow: var(--qn-shadow);\n}\n\n.qn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qn-timeline-content p {\n font-size: 14px;\n color: var(--qn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qn-primary-light);\n border-radius: var(--qn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qn-tip p {\n font-size: 14px;\n color: var(--qn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qn-cta-box {\n background: linear-gradient(135deg, var(--qn-primary) 0%, var(--qn-primary-dark) 100%);\n border-radius: var(--qn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qn-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%);\n}\n\n.qn-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.qn-disclaimer {\n font-size: 12px;\n color: var(--qn-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 .qn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qn-card {\n padding: 1.125rem;\n }\n\n .qn-section {\n margin-bottom: 1.75rem;\n }\n\n .qn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qn-radius-sm);\n }\n\n .qn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qn-grid-compact {\n gap: .625rem;\n }\n\n .qn-grid-compact .qn-card {\n padding: .75rem;\n }\n\n .qn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qn-timeline-content h3 {\n font-size: 14px;\n }\n\n .qn-timeline-content p {\n font-size: 13px;\n }\n\n .qn-tip {\n padding: .875rem 1rem;\n }\n\n .qn-tip-icon {\n font-size: 20px;\n }\n\n .qn-tip p {\n font-size: 13px;\n }\n\n .qn-badges-top {\n gap: 6px;\n }\n\n .qn-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qn-card {\n animation: qnFadeInUp .5s ease backwards;\n }\n .qn-card:nth-child(1) { animation-delay: .05s; }\n .qn-card:nth-child(2) { animation-delay: .1s; }\n .qn-card:nth-child(3) { animation-delay: .15s; }\n .qn-card:nth-child(4) { animation-delay: .2s; }\n .qn-card:nth-child(5) { animation-delay: .25s; }\n .qn-card:nth-child(6) { animation-delay: .3s; }\n\n .qn-timeline-item {\n animation: qnFadeInUp .5s ease backwards;\n }\n .qn-timeline-item:nth-child(1) { animation-delay: .05s; }\n .qn-timeline-item:nth-child(2) { animation-delay: .1s; }\n .qn-timeline-item:nth-child(3) { animation-delay: .15s; }\n .qn-timeline-item:nth-child(4) { animation-delay: .2s; }\n .qn-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes qnFadeInUp {\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 .qn-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":45754679853213,"sku":"QU0015","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-hygiene-nasal-pediatric-spray-100-ml-quinton-lifestyle.webp?v=1770975424"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quinton-hypertonic--min.jpg?v=1736517630"},{"product_id":"spray-hygiene-nasale-action-hypertonique-spray-100-ml-quinton","title":"Spray Hygiène Nasale Action + (hypertonique) - Spray 100 Ml - Quinton","description":"\u003cdiv class=\"qn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qn-hero\"\u003e\n\u003cdiv class=\"qn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qn-hero-content\"\u003e\n\u003cdiv class=\"qn-badges-top\"\u003e\n\u003cspan class=\"qn-badge\"\u003e🌊 Eau de mer pure\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e🧂 Solution hypertonique\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e \u003cspan class=\"qn-badge\"\u003e🇪🇸 Laboratoires Quinton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qn-hero-title\"\u003eSpray Hygiène Nasale Action +\u003c\/span\u003e\n\u003cp class=\"qn-subtitle\"\u003eSolution hypertonique d'eau de mer - 100 ml\u003c\/p\u003e\n\u003cp class=\"qn-description\"\u003eDécongestionnez naturellement vos voies respiratoires grâce à la puissance des 78 minéraux et oligo-éléments marins, prélevés dans des zones marines protégées et microfiltrés à froid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eSpray Nasal Hypertonique Quinton Action + : une respiration libérée grâce à l'eau de mer\u003c\/h2\u003e\n\u003cp class=\"qn-section-intro\"\u003eUn spray nasal hypertonique efficace et 100 % naturel pour décongestionner vos voies respiratoires et retrouver un confort nasal durable.\u003c\/p\u003e\n\u003cdiv class=\"qn-grid\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌊 Action hypertonique\u003c\/h3\u003e\n\u003cp\u003eSa concentration saline supérieure à celle de vos cellules attire naturellement l'eau hors des tissus enflammés, réduisant l'œdème nasal efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e💧 Évacuation du mucus\u003c\/h3\u003e\n\u003cp\u003eFacilite le drainage et l'évacuation du mucus pour un nez dégagé rapidement. Idéal en cas de nez bouché, rhinite ou sinusite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e⚖️ Hypertonique vs isotonique\u003c\/h3\u003e\n\u003cp\u003eContrairement à un spray isotonique dédié à l'hygiène quotidienne douce, la formule hypertonique offre une action décongestionnante ciblée et puissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce spray nasal eau de mer hypertonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qn-grid-compact\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e👩👦 Adultes \u0026amp; enfants\u003c\/h3\u003e\n\u003cp\u003eCongestion nasale passagère ou récurrente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌸 Allergies saisonnières\u003c\/h3\u003e\n\u003cp\u003ePollens, acariens, poussières\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e❄️ Période hivernale\u003c\/h3\u003e\n\u003cp\u003eNettoyage nasal en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e💊 Complément de soin\u003c\/h3\u003e\n\u003cp\u003eEn appui d'un traitement rhinite ou sinusite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-tip\"\u003e\n\u003cspan class=\"qn-tip-icon\"\u003e🤰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFemmes enceintes :\u003c\/strong\u003e ce produit à base d'eau de mer pure et sans conservateur constitue une option naturelle. Toutefois, demandez toujours l'avis de votre médecin ou pharmacien avant toute utilisation pendant la grossesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003ePourquoi choisir le spray Quinton plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cdiv class=\"qn-grid\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire centenaire\u003c\/h3\u003e\n\u003cp\u003eLes laboratoires Quinton, basés en Espagne, exploitent un savoir-faire historique dans l'utilisation thérapeutique de l'eau de mer depuis plus de 100 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌍 Zones marines protégées\u003c\/h3\u003e\n\u003cp\u003eL'eau est prélevée dans des zones éloignées de toute source de pollution, puis microfiltrée à froid pour préserver l'intégralité de ses 78 minéraux et oligo-éléments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🚫 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun additif chimique, aucun gaz propulseur nocif : un produit d'une pureté remarquable pour votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e✨ Embout ergonomique\u003c\/h3\u003e\n\u003cp\u003eDiffusion douce et homogène adaptée aux adultes comme aux enfants. Format 100 ml pratique à emporter partout avec vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"qn-grid-compact\"\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003eSolution hypertonique purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🧂 Chlorure de sodium\u003c\/h3\u003e\n\u003cp\u003eNaCl naturellement présent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eFormule pure et clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-card\"\u003e\n\u003ch3\u003e♻️ Sans gaz propulseur\u003c\/h3\u003e\n\u003cp\u003eAucun gaz nocif ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-tip\"\u003e\n\u003cspan class=\"qn-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa richesse minérale naturelle de l'eau de mer Quinton (magnésium, potassium, calcium, zinc…) contribue à \u003cstrong\u003eapaiser et régénérer la muqueuse nasale\u003c\/strong\u003e tout en la décongestionnant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qn-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qn-timeline\"\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez légèrement le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eInclinez la tête\u003c\/h3\u003e\n\u003cp\u003ePenchez légèrement la tête sur le côté pour faciliter l'écoulement de la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eIntroduisez l'embout\u003c\/h3\u003e\n\u003cp\u003ePlacez délicatement l'embout dans la narine supérieure et appuyez brièvement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eLaissez s'écouler et mouchez\u003c\/h3\u003e\n\u003cp\u003eLaissez la solution s'écouler par l'autre narine, puis mouchez-vous doucement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eRépétez de l'autre côté\u003c\/h3\u003e\n\u003cp\u003eEffectuez la même opération pour l'autre narine. Utilisez \u003cstrong\u003e1 à 3 fois par jour\u003c\/strong\u003e selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-item\"\u003e\n\u003cdiv class=\"qn-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"qn-timeline-content\"\u003e\n\u003ch3\u003eNettoyez l'embout\u003c\/h3\u003e\n\u003cp\u003eRincez l'embout à l'eau tiède savonneuse après chaque usage pour une hygiène optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"qn-section\"\u003e\n\u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n\u003cdiv class=\"qn-accordion\"\u003e\n\u003cdetails class=\"qn-accordion-item\"\u003e\n\u003csummary class=\"qn-accordion-header\"\u003e⚠️ Avertissement médical\u003c\/summary\u003e\n\u003cdiv class=\"qn-accordion-content mt-3\"\u003e\n\u003cp\u003eCe spray hygiène nasale hypertonique est un dispositif d'hygiène et de confort. Il \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. En cas de symptômes persistants, de saignements de nez ou de douleurs inhabituelles, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qn-accordion-item\"\u003e\n\u003csummary class=\"qn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qn-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le produit à température ambiante, à l'abri de la chaleur directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qn-accordion-item\"\u003e\n\u003csummary class=\"qn-accordion-header\"\u003e🛡️ Hygiène\u003c\/summary\u003e\n\u003cdiv class=\"qn-accordion-content mt-3\"\u003e\n\u003cp\u003eNe partagez pas l'embout nasal pour des raisons d'hygiène. Nettoyez-le après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qn-cta-box\"\u003e\n\u003cp\u003eAvec le Spray Quinton Action +, faites le choix d'une solution naturelle, éprouvée et respectueuse de votre organisme pour retrouver une \u003cstrong\u003erespiration libre et apaisée\u003c\/strong\u003e au quotidien 🌊\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qn-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Complément d'hygiène nasale, ne remplace pas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --qn-cream: #f0f5fa;\n --qn-white: #ffffff;\n --qn-primary: #1a5fa4;\n --qn-primary-dark: #0e3d6b;\n --qn-primary-light: #e8f0f8;\n --qn-secondary: #4aa8d8;\n --qn-accent: #c9a84c;\n --qn-text: #1a1a1a;\n --qn-text-light: #5a6a7a;\n --qn-border: #d8e4ef;\n --qn-shadow: 0 4px 24px rgba(26, 95, 164, .08);\n --qn-shadow-lg: 0 12px 48px rgba(14, 61, 107, .15);\n --qn-radius: 20px;\n --qn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qn-premium *,\n.qn-premium *::before,\n.qn-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--qn-primary-dark) 0%, var(--qn-primary) 45%, var(--qn-secondary) 100%);\n border-radius: var(--qn-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(--qn-shadow-lg);\n}\n\n.qn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 120% 80% at 20% 80%, rgba(255,255,255,.07) 0%, transparent 60%),\n radial-gradient(ellipse 80% 60% at 80% 20%, rgba(255,255,255,.05) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.04' d='M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,218.7C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C\/path%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: center bottom;\n background-size: cover;\n opacity: 1;\n}\n\n.qn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.qn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qn-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(--qn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qn-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.qn-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.qn-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qn-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.qn-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(--qn-primary), var(--qn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qn-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.qn-card {\n background: var(--qn-white);\n border-radius: var(--qn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qn-shadow-lg);\n border-color: var(--qn-primary);\n}\n\n.qn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qn-grid-compact .qn-card {\n padding: 1rem;\n}\n\n.qn-grid-compact .qn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qn-grid-compact .qn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qn-primary), var(--qn-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 3px 12px rgba(26, 95, 164, .25);\n}\n\n.qn-timeline-content {\n flex: 1;\n background: var(--qn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qn-radius-sm);\n box-shadow: var(--qn-shadow);\n}\n\n.qn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qn-timeline-content p {\n font-size: 14px;\n color: var(--qn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qn-primary-light);\n border-radius: var(--qn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--qn-border);\n}\n\n.qn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qn-tip p {\n font-size: 14px;\n color: var(--qn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.qn-accordion {\n background: var(--qn-white);\n border-radius: var(--qn-radius);\n box-shadow: var(--qn-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.qn-accordion-item {\n border-bottom: 1px solid var(--qn-border);\n margin: 0;\n padding: 0;\n}\n\n.qn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qn-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.qn-accordion-header:hover {\n background: var(--qn-primary-light);\n}\n\n.qn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qn-primary);\n transition: transform .2s ease;\n}\n\n.qn-accordion-item[open] .qn-accordion-header::after {\n content: '−';\n}\n\n.qn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qn-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.qn-cta-box {\n background: linear-gradient(135deg, var(--qn-primary) 0%, var(--qn-primary-dark) 100%);\n border-radius: var(--qn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qn-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(74,168,216,.2) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.qn-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\/* === DISCLAIMER === *\/\n.qn-disclaimer {\n font-size: 12px;\n color: var(--qn-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 .qn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qn-card {\n padding: 1.125rem;\n }\n\n .qn-section {\n margin-bottom: 1.75rem;\n }\n\n .qn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qn-radius-sm);\n }\n\n .qn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qn-grid-compact {\n gap: .625rem;\n }\n\n .qn-grid-compact .qn-card {\n padding: .75rem;\n }\n\n .qn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qn-timeline-content h3 {\n font-size: 14px;\n }\n\n .qn-timeline-content p {\n font-size: 13px;\n }\n\n .qn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qn-tip {\n padding: .875rem 1rem;\n }\n\n .qn-tip-icon {\n font-size: 20px;\n }\n\n .qn-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qn-card {\n animation: qnFadeInUp .5s ease backwards;\n }\n .qn-card:nth-child(1) { animation-delay: .05s; }\n .qn-card:nth-child(2) { animation-delay: .1s; }\n .qn-card:nth-child(3) { animation-delay: .15s; }\n .qn-card:nth-child(4) { animation-delay: .2s; }\n .qn-card:nth-child(5) { animation-delay: .25s; }\n .qn-card:nth-child(6) { animation-delay: .3s; }\n\n .qn-timeline-item {\n animation: qnFadeInUp .5s ease backwards;\n }\n .qn-timeline-item:nth-child(1) { animation-delay: .05s; }\n .qn-timeline-item:nth-child(2) { animation-delay: .1s; }\n .qn-timeline-item:nth-child(3) { animation-delay: .15s; }\n .qn-timeline-item:nth-child(4) { animation-delay: .2s; }\n .qn-timeline-item:nth-child(5) { animation-delay: .25s; }\n .qn-timeline-item:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qnFadeInUp {\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 .qn-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":45754680475805,"sku":"QU0020","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-hygiene-nasal-action-hypertonique-spray-100-ml-quinton-lifestyle.webp?v=1770975247"},{"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":"harpagophytum-bio-90-comprimes-superdiet","title":"Harpagophytum Bio - 90 Comprimés - Superdiet","description":"\u003cdiv class=\"hp-premium\"\u003e\n \u003cdiv class=\"hp-hero\"\u003e\n \u003cdiv class=\"hp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hp-hero-content\"\u003e\n \u003cdiv class=\"hp-badges-top\"\u003e\n \u003cspan class=\"hp-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e♻️ Flacon éco-conçu\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hp-hero-title\"\u003eHarpagophytum Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"hp-subtitle\" style=\"color:white;\"\u003eLa \"griffe du diable\" au service de vos articulations\u003c\/p\u003e\n \u003cp class=\"hp-description\" style=\"color:white;\"\u003e80 comprimés bio pour une cure complète de 40 jours. Une formule courte, pure et tracée pour accompagner votre mobilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eHarpagophytum Bio Superdiet : un allié naturel pour vos articulations\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eSurnommé la \u003cstrong\u003e\"griffe du diable\"\u003c\/strong\u003e en raison de la forme particulière de ses fruits, l'\u003cstrong\u003eHarpagophytum procumbens\u003c\/strong\u003e est une plante originaire des régions semi-désertiques d'Afrique australe, traditionnellement utilisée pour soutenir le confort articulaire.\u003c\/p\u003e\n \u003cp class=\"hp-section-intro\"\u003eAvec ses \u003cstrong\u003e80 comprimés bio\u003c\/strong\u003e (et non 90 comme indiqué par erreur sur certaines références), Superdiet vous propose une cure de 40 jours, idéale pour accompagner votre mobilité au quotidien. Ce complément alimentaire \u003cstrong\u003efabriqué en France\u003c\/strong\u003e séduit par sa formule courte, sa traçabilité et la qualité de sa racine d'harpagophytum issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'harpagophytum bio\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eL'harpagophytum bio est aujourd'hui l'une des plantes les plus reconnues pour \u003cstrong\u003econtribuer au bon fonctionnement des articulations\u003c\/strong\u003e et au maintien d'une bonne mobilité. Ses racines secondaires renferment des composés actifs naturels, les harpagosides, étudiés pour leur intérêt sur le confort articulaire.\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🦴 Souplesse articulaire\u003c\/h3\u003e\n \u003cp\u003eAide au maintien de la souplesse des genoux, hanches, dos, poignets et cervicales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🚶 Confort de mouvement\u003c\/h3\u003e\n \u003cp\u003eSoutient le confort articulaire au quotidien, à chaque geste et chaque pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🏃 Pour les actifs \u0026amp; seniors\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes actives, sportives ou seniors souhaitant préserver leur mobilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n \u003cp\u003eComprimés faciles à avaler, sans excipient controversé, pour une prise simple au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eLa version \u003cstrong\u003ebio\u003c\/strong\u003e garantit une racine cultivée sans pesticides ni engrais chimiques, pour un produit plus respectueux de votre organisme et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003ePour 2 comprimés (dose journalière) :\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🌿 Harpagophytum bio*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e700 mg\u003c\/strong\u003e d'extrait sec de racines – \u003cem\u003eHarpagophytum procumbens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🍃 Gomme d'acacia bio*\u003c\/h3\u003e\n \u003cp\u003eAgent de charge naturel issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🍎 Fibres de pomme bio*\u003c\/h3\u003e\n \u003cp\u003eSource naturelle de fibres, pour une formule simple et claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e*Ingrédients issus de l'agriculture biologique. Certifié \u003cstrong\u003eAB – Agriculture Biologique\u003c\/strong\u003e. Sans gluten, sans lactose, sans OGM, convient aux vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eComment prendre l'harpagophytum Superdiet ?\u003c\/h2\u003e\n \u003cdiv class=\"hp-timeline\"\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e2 comprimés par jour, à avaler avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence au moment des repas pour une meilleure tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne boîte permet une cure complète de 40 jours, à renouveler selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-item\"\u003e\n \u003cdiv class=\"hp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003eMoments clés\u003c\/h3\u003e\n \u003cp\u003eParticulièrement indiqué lors des changements de saison ou en période d'efforts physiques intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eL'harpagophytum bio est généralement bien toléré, mais certaines \u003cstrong\u003econtre-indications\u003c\/strong\u003e doivent être respectées :\u003c\/p\u003e\n \u003cdiv class=\"hp-accordion\"\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e🤰 Grossesse, allaitement et enfants\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e🩺 Ulcère gastrique ou duodénal\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant d'un ulcère gastrique ou duodénal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e💊 Traitements médicaux en cours\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin en cas de traitement anticoagulant, antidiabétique ou en cas de pathologie cardiaque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants, à conserver dans un endroit frais et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hp-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical. En cas de douleur persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Superdiet ?\u003c\/h2\u003e\n \u003cdiv class=\"hp-grid-compact\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🏛️ + 60 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eLaboratoire français pionnier des compléments à base de plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué dans les Hauts-de-France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eMatière recyclée et recyclable pour un engagement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🔍 Racine tracée\u003c\/h3\u003e\n \u003cp\u003eSélection rigoureuse et contrôles stricts pour une pureté optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eAvec l'\u003cstrong\u003eHarpagophytum Bio Superdiet\u003c\/strong\u003e, vous misez sur une solution naturelle, simple et efficace pour prendre soin de vos articulations jour après jour. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hp-cream: #f5f3ee;\n --hp-white: #ffffff;\n --hp-primary: #4a6b3a;\n --hp-primary-dark: #2f4a25;\n --hp-primary-light: #e8ede3;\n --hp-secondary: #a0522d;\n --hp-accent: #c0392b;\n --hp-text: #1a1a1a;\n --hp-text-light: #5a5a5a;\n --hp-border: #e0dcd3;\n --hp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hp-radius: 20px;\n --hp-radius-sm: 12px;\n}\n\n.hp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hp-text);\n line-height: 1.6;\n}\n\n.hp-premium p { color: var(--hp-text); }\n.hp-premium strong { color: var(--hp-primary-dark); font-weight: 700; }\n\n.hp-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b3a 0%, #2f4a25 50%, #1f3318 100%);\n border-radius: var(--hp-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(--hp-shadow-lg);\n}\n\n.hp-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 50%),\n radial-gradient(circle at 80% 70%, rgba(160,82,45,.4) 0%, transparent 50%);\n opacity: .15;\n}\n\n.hp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hp-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.hp-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 font-style: italic;\n}\n\n.hp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.hp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hp-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(--hp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hp-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.hp-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(--hp-primary), var(--hp-secondary));\n border-radius: 2px;\n}\n\n.hp-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--hp-text-light);\n margin: 0 auto 1.5rem;\n max-width: 760px;\n line-height: 1.7;\n}\n\n.hp-card {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hp-shadow-lg);\n border-color: var(--hp-primary);\n}\n\n.hp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hp-grid-compact .hp-card { padding: 1rem; }\n.hp-grid-compact .hp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.hp-grid-compact .hp-card p { font-size: 12px; }\n\n.hp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.hp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hp-primary), var(--hp-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.hp-timeline-content {\n flex: 1;\n background: var(--hp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hp-radius-sm);\n box-shadow: var(--hp-shadow);\n}\n\n.hp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hp-timeline-content p {\n font-size: 14px;\n color: var(--hp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hp-accordion {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n box-shadow: var(--hp-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.hp-accordion-item {\n border-bottom: 1px solid var(--hp-border);\n margin: 0;\n padding: 0;\n}\n\n.hp-accordion-item:last-child { border-bottom: none; }\n\n.hp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hp-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.hp-accordion-header:hover { background: var(--hp-primary-light); }\n.hp-accordion-header::-webkit-details-marker { display: none; }\n\n.hp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hp-primary);\n transition: transform .2s ease;\n}\n\n.hp-accordion-item[open] .hp-accordion-header::after { content: '−'; }\n\n.hp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hp-accordion-content p { margin: 0; }\n\n.hp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hp-primary-light);\n border-radius: var(--hp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hp-primary);\n}\n\n.hp-tip-icon { font-size: 24px; flex-shrink: 0; }\n.hp-tip p { font-size: 14px; color: var(--hp-text); margin: 0; line-height: 1.6; }\n\n.hp-cta-box {\n background: linear-gradient(135deg, var(--hp-primary) 0%, var(--hp-primary-dark) 100%);\n border-radius: var(--hp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hp-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.hp-cta-box strong { color: #fff; }\n\n.hp-disclaimer {\n font-size: 12px;\n color: var(--hp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .hp-grid { grid-template-columns: 1fr; gap: 1rem; }\n .hp-card { padding: 1.125rem; }\n .hp-section { margin-bottom: 1.75rem; }\n .hp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--hp-radius-sm); }\n .hp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .hp-premium h2::after { width: 40px; height: 3px; }\n .hp-grid-compact { gap: .625rem; }\n .hp-grid-compact .hp-card { padding: .75rem; }\n .hp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .hp-timeline-content { padding: .875rem 1rem; }\n .hp-timeline-content h3 { font-size: 14px; }\n .hp-timeline-content p { font-size: 13px; }\n .hp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .hp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hp-card { animation: fadeInUp .5s ease backwards; }\n .hp-card:nth-child(1) { animation-delay: .05s; }\n .hp-card:nth-child(2) { animation-delay: .1s; }\n .hp-card:nth-child(3) { animation-delay: .15s; }\n .hp-card:nth-child(4) { animation-delay: .2s; }\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 .hp-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754686374045,"sku":"NBAISUP0056","price":15.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/harpagophytum-bio-90-comprimes-superdiet-packshothd.webp?v=1776425539"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-benefits.webp?v=1776429478"},{"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":"quatuor-brule-graisse-bio-20-ampoules-superdiet","title":"Quatuor Brûle Graisse Bio - 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qbg-premium\"\u003e\n \u003cdiv class=\"qbg-hero\"\u003e\n \u003cdiv class=\"qbg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qbg-hero-content\"\u003e\n \u003cdiv class=\"qbg-badges-top\"\u003e\n \u003cspan class=\"qbg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"qbg-badge\"\u003e⚡ +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"qbg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qbg-badge\"\u003e💧 20 ampoules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qbg-hero-title\"\u003eQuatuor Brûle-Graisse Bio\u003c\/span\u003e\n \u003cp class=\"qbg-subtitle\"\u003eGuarana • Maté • Thé Vert • Papaye\u003c\/p\u003e\n \u003cp class=\"qbg-description\"\u003eLa synergie de 4 plantes emblématiques en ampoules ultra-concentrées, pour relancer naturellement votre métabolisme et accompagner votre démarche minceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003cp class=\"qbg-section-intro\"\u003eEnvie de relancer votre \u003cstrong\u003emétabolisme\u003c\/strong\u003e naturellement et d'accompagner votre démarche minceur ? Le \u003cstrong\u003eQuatuor Brûle-Graisse Bio de Superdiet\u003c\/strong\u003e réunit dans une même ampoule les vertus de 4 plantes emblématiques : guarana, maté, thé vert et papaye. Une synergie pensée pour soutenir l'organisme dans la combustion des graisses et le contrôle du poids, en complément d'une hygiène de vie saine.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce brûle-graisse bio en ampoules ?\u003c\/h2\u003e\n \u003cp class=\"qbg-section-intro\"\u003eContrairement à une simple \u003cstrong\u003etisane brûle-graisse bio\u003c\/strong\u003e, les ampoules Superdiet offrent une concentration élevée de principes actifs, prêts à l'emploi et facilement assimilables. La \u003cstrong\u003eméthode Canopée\u003c\/strong\u003e exclusive à Superdiet permet d'obtenir \u003cstrong\u003e+125 % d'actifs\u003c\/strong\u003e par rapport à une infusion classique. Un véritable atout face aux avis souvent mitigés sur les tisanes brûle-graisse bio, parfois jugées peu efficaces en raison d'un dosage limité.\u003c\/p\u003e\n \u003cdiv class=\"qbg-grid-compact\"\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e⚡ +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eMéthode Canopée exclusive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e💧 Dosage précis\u003c\/h3\u003e\n \u003cp\u003e10 ml prêt à l'emploi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🌿 100% Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié FR-BIO-10\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans alcool, conservateur ni colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule (10 ml)\u003c\/h2\u003e\n \u003cdiv class=\"qbg-grid\"\u003e\n \u003cdiv class=\"qbg-card qbg-card-highlight\"\u003e\n \u003ch3\u003e🌰 Guarana (graine)*\u003c\/h3\u003e\n \u003cp class=\"qbg-dose\"\u003e1125 mg**\u003c\/p\u003e\n \u003cp\u003eDont 25 mg de caféine naturelle***\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card qbg-card-highlight\"\u003e\n \u003ch3\u003e🍃 Maté (feuille)*\u003c\/h3\u003e\n \u003cp class=\"qbg-dose\"\u003e400 mg**\u003c\/p\u003e\n \u003cp\u003ePlante énergisante traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card qbg-card-highlight\"\u003e\n \u003ch3\u003e🍵 Thé vert (feuille)*\u003c\/h3\u003e\n \u003cp class=\"qbg-dose\"\u003e250 mg**\u003c\/p\u003e\n \u003cp\u003eRiche en catéchines antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card qbg-card-highlight\"\u003e\n \u003ch3\u003e🥭 Papaye (fruit)*\u003c\/h3\u003e\n \u003cp class=\"qbg-dose\"\u003e250 mg**\u003c\/p\u003e\n \u003cp\u003eEnzymes naturelles digestives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"qbg-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique — **Équivalent plante sèche — ***Quantité moyenne\u003cbr\u003eSans alcool, sans conservateur, sans colorant. Certifié Agriculture Biologique (FR-BIO-10).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003ch2\u003eLes bienfaits du quatuor de plantes\u003c\/h2\u003e\n \u003cdiv class=\"qbg-grid\"\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🔥 Guarana bio\u003c\/h3\u003e\n \u003cp\u003eSource naturelle de caféine, il soutient le métabolisme des lipides et contribue au contrôle du poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e⚡ Maté bio\u003c\/h3\u003e\n \u003cp\u003ePlante énergisante qui aide à stimuler le métabolisme et à maintenir la vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🌱 Thé vert bio\u003c\/h3\u003e\n \u003cp\u003eRiche en catéchines et en antioxydants, il favorise l'élimination et soutient le métabolisme des graisses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🍈 Papaye bio\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses enzymes naturelles, elle accompagne la digestion, alliée précieuse dans une démarche minceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003ch2\u003eComment prendre le Quatuor Brûle-Graisse Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"qbg-timeline\"\u003e\n \u003cdiv class=\"qbg-timeline-item\"\u003e\n \u003cdiv class=\"qbg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre ampoule\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 ampoule par jour, diluée dans un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-item\"\u003e\n \u003cdiv class=\"qbg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-content\"\u003e\n \u003ch3\u003eAu petit-déjeuner\u003c\/h3\u003e\n \u003cp\u003eÀ consommer pendant ou juste après le petit-déjeuner. Ne pas consommer à jeun ni en fin de journée en raison de la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-item\"\u003e\n \u003cdiv class=\"qbg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLa cure idéale dure 20 jours, renouvelable si besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-item\"\u003e\n \u003cdiv class=\"qbg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"qbg-timeline-content\"\u003e\n \u003ch3\u003eOptimisez vos résultats\u003c\/h3\u003e\n \u003cp\u003eAssociez la cure à une alimentation équilibrée, une hydratation suffisante (1,5 L d'eau\/jour) et une activité physique régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003ch2\u003eAvis et conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"qbg-testimonial\"\u003e\n \u003cp class=\"qbg-testimonial-text\"\u003e\"Ce brûle-graisse bio est particulièrement apprécié pour son format pratique, son goût agréable et sa concentration en actifs. Contrairement à une simple infusion, l'ampoule garantit un dosage précis et constant. Idéal en cure de démarrage au printemps ou avant l'été, il s'intègre facilement dans votre routine matinale.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qbg-accordion\"\u003e\n \u003cdetails class=\"qbg-accordion-item\"\u003e\n \u003csummary class=\"qbg-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"qbg-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne pas consommer à jeun ni avant le coucher. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbg-accordion-item\"\u003e\n \u003csummary class=\"qbg-accordion-header\"\u003e☕ Teneur en caféine\u003c\/summary\u003e\n \u003cdiv class=\"qbg-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas associer à d'autres produits contenant du thé vert le même jour. Ne pas dépasser 200 mg de caféine par jour (25 mg\/ampoule).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbg-accordion-item\"\u003e\n \u003csummary class=\"qbg-accordion-header\"\u003e🩺 Contre-indications médicales\u003c\/summary\u003e\n \u003cdiv class=\"qbg-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter en cas de troubles cardiovasculaires, d'ulcère, d'insuffisance rénale, d'hyperthyroïdie ou de glaucome. Demandez conseil à votre médecin en cas de traitement médicamenteux ou de troubles hépatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbg-accordion-item\"\u003e\n \u003csummary class=\"qbg-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"qbg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée associée à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"qbg-grid-compact\"\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans alcool, conservateur ni colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eDans les Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-card\"\u003e\n \u003ch3\u003e📦 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e20 ampoules de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbg-cta-box\" style=\"margin-top:2rem;\"\u003e\n \u003cp\u003e🌱 Offrez à votre organisme le pouvoir concentré de 4 plantes bio, pour une démarche minceur naturelle et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qbg-cream: #f5f9f2;\n --qbg-white: #ffffff;\n --qbg-primary: #5ba745;\n --qbg-primary-dark: #2d6a1f;\n --qbg-primary-light: #e8f3e2;\n --qbg-secondary: #c8102e;\n --qbg-accent: #f4a820;\n --qbg-text: #1a2e15;\n --qbg-text-light: #5a6b55;\n --qbg-border: #d9e4d2;\n --qbg-shadow: 0 4px 24px rgba(45,106,31,.08);\n --qbg-shadow-lg: 0 12px 48px rgba(45,106,31,.18);\n --qbg-radius: 20px;\n --qbg-radius-sm: 12px;\n}\n\n.qbg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qbg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qbg-text);\n}\n\n.qbg-hero {\n position: relative;\n background: linear-gradient(135deg, #5ba745 0%, #2d6a1f 60%, #1e4d15 100%);\n border-radius: var(--qbg-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(--qbg-shadow-lg);\n}\n\n.qbg-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(244,168,32,.25) 0%, transparent 50%);\n opacity: .3;\n}\n\n.qbg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qbg-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.05;\n}\n\n.qbg-subtitle {\n color: #f4e7a1;\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .08em;\n text-transform: uppercase;\n}\n\n.qbg-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.qbg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qbg-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(--qbg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qbg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qbg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qbg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qbg-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.qbg-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(--qbg-primary), var(--qbg-accent));\n border-radius: 2px;\n}\n\n.qbg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qbg-text-light);\n margin: 0 auto 1.5rem auto;\n max-width: 750px;\n line-height: 1.7;\n}\n\n.qbg-section-intro strong {\n color: var(--qbg-primary-dark);\n}\n\n.qbg-card {\n background: var(--qbg-white);\n border-radius: var(--qbg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qbg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qbg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qbg-shadow-lg);\n border-color: var(--qbg-primary);\n}\n\n.qbg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qbg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qbg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qbg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbg-card-highlight {\n background: linear-gradient(180deg, #ffffff 0%, var(--qbg-primary-light) 100%);\n}\n\n.qbg-dose {\n font-size: clamp(18px, 3vw, 24px) !important;\n font-weight: 900 !important;\n color: var(--qbg-primary) !important;\n margin: .25rem 0 .5rem 0 !important;\n letter-spacing: -.02em;\n}\n\n.qbg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n gap: 1.25rem;\n}\n\n.qbg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qbg-grid-compact .qbg-card {\n padding: 1rem;\n}\n\n.qbg-grid-compact .qbg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qbg-grid-compact .qbg-card p {\n font-size: 12px;\n}\n\n.qbg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 750px;\n margin: 0 auto;\n}\n\n.qbg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qbg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qbg-primary), var(--qbg-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(45,106,31,.3);\n}\n\n.qbg-timeline-content {\n flex: 1;\n background: var(--qbg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qbg-radius-sm);\n box-shadow: var(--qbg-shadow);\n}\n\n.qbg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qbg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qbg-timeline-content p {\n font-size: 14px;\n color: var(--qbg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qbg-testimonial {\n background: var(--qbg-white);\n border-radius: var(--qbg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qbg-shadow);\n border-left: 4px solid var(--qbg-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.qbg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qbg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.qbg-accordion {\n background: var(--qbg-white);\n border-radius: var(--qbg-radius);\n box-shadow: var(--qbg-shadow);\n overflow: hidden;\n max-width: 850px;\n margin: 0 auto;\n}\n\n.qbg-accordion-item {\n border-bottom: 1px solid var(--qbg-border);\n margin: 0;\n padding: 0;\n}\n\n.qbg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qbg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qbg-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.qbg-accordion-header:hover {\n background: var(--qbg-primary-light);\n}\n\n.qbg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qbg-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qbg-primary);\n transition: transform .2s ease;\n}\n\n.qbg-accordion-item[open] .qbg-accordion-header::after {\n content: '−';\n}\n\n.qbg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qbg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qbg-accordion-content p {\n margin: 0;\n}\n\n.qbg-cta-box {\n background: linear-gradient(135deg, var(--qbg-primary) 0%, var(--qbg-primary-dark) 100%);\n border-radius: var(--qbg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--qbg-shadow-lg);\n}\n\n.qbg-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.qbg-disclaimer {\n font-size: 12px;\n color: var(--qbg-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n.mt-3 { margin-top: 10px; }\n\n@media (max-width: 767px) {\n .qbg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qbg-card {\n padding: 1.125rem;\n }\n .qbg-section {\n margin-bottom: 1.75rem;\n }\n .qbg-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qbg-radius-sm);\n }\n .qbg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qbg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qbg-grid-compact {\n gap: .625rem;\n }\n .qbg-grid-compact .qbg-card {\n padding: .75rem;\n }\n .qbg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qbg-timeline-content {\n padding: .875rem 1rem;\n }\n .qbg-timeline-content h3 {\n font-size: 14px;\n }\n .qbg-timeline-content p {\n font-size: 13px;\n }\n .qbg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qbg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .qbg-testimonial {\n padding: 1.25rem;\n }\n .qbg-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qbg-card {\n animation: qbgFadeInUp .5s ease backwards;\n }\n .qbg-card:nth-child(1) { animation-delay: .05s; }\n .qbg-card:nth-child(2) { animation-delay: .1s; }\n .qbg-card:nth-child(3) { animation-delay: .15s; }\n .qbg-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes qbgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qbg-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":45754702364829,"sku":"NBAISUP0016","price":21.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-brule-graisse-bio-20-ampoules-superdiet-packshothd.webp?v=1776409067"},{"product_id":"quatuor-bio-drainage-20-ampoules-superdiet","title":"Quatuor Bio Detox - 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qd-premium\"\u003e\n \u003cdiv class=\"qd-hero\"\u003e\n \u003cdiv class=\"qd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qd-hero-content\"\u003e\n \u003cdiv class=\"qd-badges-top\"\u003e\n \u003cspan class=\"qd-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"qd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qd-badge\"\u003e💧 +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"qd-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qd-hero-title\"\u003eQuatuor Détox Bio\u003c\/span\u003e\n \u003cp class=\"qd-subtitle\"\u003eCure de 20 ampoules — Superdiet\u003c\/p\u003e\n \u003cp class=\"qd-description\"\u003eOffrez à votre organisme une pause purifiante grâce à 4 plantes biologiques reconnues pour soutenir les fonctions naturelles d'élimination du foie et des reins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qd-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire détox foie ?\u003c\/h2\u003e\n \u003cp class=\"qd-section-intro\"\u003ePollution, alimentation riche, stress, manque de sommeil… au quotidien, notre organisme accumule des toxines que le \u003cstrong\u003efoie\u003c\/strong\u003e et les \u003cstrong\u003ereins\u003c\/strong\u003e doivent filtrer.\u003c\/p\u003e\n \u003cdiv class=\"qd-grid-compact\"\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e😴 Fatigue inhabituelle\u003c\/h3\u003e\n \u003cp\u003eUn signal que vos émonctoires sont surchargés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🍽️ Digestion lourde\u003c\/h3\u003e\n \u003cp\u003eLe foie peine à filtrer les excès alimentaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e✨ Teint terne\u003c\/h3\u003e\n \u003cp\u003eReflet d'une accumulation de toxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e💧 Rétention d'eau\u003c\/h3\u003e\n \u003cp\u003eBesoin d'un drainage rénal complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-tip\"\u003e\n \u003cspan class=\"qd-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eContrairement à une simple tisane, la \u003cstrong\u003eformule concentrée en ampoule\u003c\/strong\u003e garantit un dosage précis et une assimilation rapide. La \u003cstrong\u003eméthode Canopée\u003c\/strong\u003e de Superdiet permet d'obtenir \u003cstrong\u003e+125 % d'actifs\u003c\/strong\u003e par rapport à une formule classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qd-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"qd-grid\"\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🌿 Artichaut (feuille)*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1500 mg**\u003c\/strong\u003e\u003cbr\u003eTitré à 3,5 mg de cynarines***\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🌱 Bouleau (feuille)*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e600 mg**\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🌼 Pissenlit (racine)*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e600 mg**\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🍇 Jus concentré de Sureau (fruit)*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e600 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"qd-disclaimer\"\u003e*Issu de l'agriculture biologique — **Équivalent plante sèche — ***Quantité moyenne\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qd-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque plante\u003c\/h2\u003e\n \u003cdiv class=\"qd-grid\"\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🌿 Artichaut\u003c\/h3\u003e\n \u003cp\u003eStar des plantes hépatiques, il contribue au \u003cstrong\u003ebon fonctionnement du foie\u003c\/strong\u003e et soutient la digestion grâce à ses cynarines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🌱 Bouleau\u003c\/h3\u003e\n \u003cp\u003ePlante drainante par excellence, il favorise l'\u003cstrong\u003eélimination rénale\u003c\/strong\u003e et aide l'organisme à se débarrasser de l'eau et des déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🌼 Pissenlit\u003c\/h3\u003e\n \u003cp\u003eIl agit en synergie sur les sphères hépatique et urinaire pour une \u003cstrong\u003edétox globale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🍇 Sureau\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, il complète cette formule en accompagnant l'\u003cstrong\u003eélimination des toxines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qd-section\"\u003e\n \u003ch2\u003eComment prendre le Quatuor Détox ?\u003c\/h2\u003e\n \u003cdiv class=\"qd-timeline\"\u003e\n \u003cdiv class=\"qd-timeline-item\"\u003e\n \u003cdiv class=\"qd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qd-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin, avant ou pendant le petit-déjeuner.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-timeline-item\"\u003e\n \u003cdiv class=\"qd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qd-timeline-content\"\u003e\n \u003ch3\u003eDiluer dans un grand verre d'eau\u003c\/h3\u003e\n \u003cp\u003eAgitez l'ampoule avant utilisation pour profiter de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-timeline-item\"\u003e\n \u003cdiv class=\"qd-timeline-content-wrapper\" style=\"flex:1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qd-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable 2 à 3 fois par an, idéalement aux changements de saison (printemps et automne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-tip\"\u003e\n \u003cspan class=\"qd-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003ePour optimiser votre \u003cstrong\u003ecure détox\u003c\/strong\u003e, buvez au moins \u003cstrong\u003e1,5 L d'eau par jour\u003c\/strong\u003e, privilégiez fruits et légumes frais et limitez alcool, sucre et aliments transformés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qd-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qd-accordion\"\u003e\n \u003cdetails class=\"qd-accordion-item\"\u003e\n \u003csummary class=\"qd-accordion-header\"\u003e👶 Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"qd-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=\"qd-accordion-item\"\u003e\n \u003csummary class=\"qd-accordion-header\"\u003e🌾 Allergies\u003c\/summary\u003e\n \u003cdiv class=\"qd-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ éviter en cas d'allergie aux Astéracées, au pollen de bouleau ou aux dérivés salicylés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qd-accordion-item\"\u003e\n \u003csummary class=\"qd-accordion-header\"\u003e⚕️ Conditions médicales\u003c\/summary\u003e\n \u003cdiv class=\"qd-accordion-content mt-3\"\u003e\n \u003cp\u003eNon recommandé en cas de pathologie hépatique, biliaire, cardiaque, rénale, d'ulcère ou de diabète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qd-accordion-item\"\u003e\n \u003csummary class=\"qd-accordion-header\"\u003e💊 Traitements médicamenteux\u003c\/summary\u003e\n \u003cdiv class=\"qd-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ éviter avec un traitement anticoagulant ou diurétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qd-accordion-item\"\u003e\n \u003csummary class=\"qd-accordion-header\"\u003e💧 Hydratation\u003c\/summary\u003e\n \u003cdiv class=\"qd-accordion-content mt-3\"\u003e\n \u003cp\u003eMaintenez un apport hydrique suffisant pendant toute la durée de la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"qd-disclaimer\"\u003e\u003cstrong\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. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes plus du produit\u003c\/h2\u003e\n \u003cdiv class=\"qd-grid-compact\"\u003e\n \u003cdiv class=\"qd-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=\"qd-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; clean\u003c\/h3\u003e\n \u003cp\u003eSans alcool, colorant ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e💧 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003e+125 % d'actifs concentrés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e20 ampoules de 10 ml prêtes à l'emploi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003e28 % d'emballage en moins, majoritairement recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qd-cta-box\" style=\"margin-top:2rem;\"\u003e\n \u003cp\u003e✨ Offrez à votre organisme un vrai coup de pouce pour retrouver \u003cstrong\u003elégèreté et vitalité\u003c\/strong\u003e à chaque changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qd-cream: #f5f8f4;\n --qd-white: #ffffff;\n --qd-primary: #6ba84f;\n --qd-primary-dark: #3d6b2a;\n --qd-primary-light: #e6f0df;\n --qd-secondary: #d4a574;\n --qd-accent: #c0392b;\n --qd-text: #1a1a1a;\n --qd-text-light: #5a6b52;\n --qd-border: #d9e3d3;\n --qd-shadow: 0 4px 24px rgba(61,107,42,.08);\n --qd-shadow-lg: 0 12px 48px rgba(61,107,42,.18);\n --qd-radius: 20px;\n --qd-radius-sm: 12px;\n}\n\n.qd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qd-text);\n line-height: 1.6;\n}\n\n.qd-hero {\n position: relative;\n background: linear-gradient(135deg, #6ba84f 0%, #8bc268 50%, #3d6b2a 100%);\n border-radius: var(--qd-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(--qd-shadow-lg);\n}\n\n.qd-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 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .15;\n}\n\n.qd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qd-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.qd-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.qd-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.qd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qd-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(--qd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qd-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.qd-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(--qd-primary), var(--qd-secondary));\n border-radius: 2px;\n}\n\n.qd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qd-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.qd-card {\n background: var(--qd-white);\n border-radius: var(--qd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qd-shadow-lg);\n border-color: var(--qd-primary);\n}\n\n.qd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qd-grid-compact .qd-card {\n padding: 1rem;\n}\n\n.qd-grid-compact .qd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qd-grid-compact .qd-card p {\n font-size: 12px;\n}\n\n.qd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qd-primary), var(--qd-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,107,42,.3);\n}\n\n.qd-timeline-content {\n flex: 1;\n background: var(--qd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qd-radius-sm);\n box-shadow: var(--qd-shadow);\n}\n\n.qd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qd-timeline-content p {\n font-size: 14px;\n color: var(--qd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qd-accordion {\n background: var(--qd-white);\n border-radius: var(--qd-radius);\n box-shadow: var(--qd-shadow);\n overflow: hidden;\n}\n\n.qd-accordion-item {\n border-bottom: 1px solid var(--qd-border);\n margin: 0;\n padding: 0;\n}\n\n.qd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qd-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.qd-accordion-header:hover {\n background: var(--qd-primary-light);\n}\n\n.qd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qd-primary);\n transition: transform .2s ease;\n}\n\n.qd-accordion-item[open] .qd-accordion-header::after {\n content: '−';\n}\n\n.qd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qd-accordion-content p {\n margin: 0;\n}\n\n.qd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qd-primary-light);\n border-radius: var(--qd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qd-primary);\n}\n\n.qd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qd-tip p {\n font-size: 14px;\n color: var(--qd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qd-cta-box {\n background: linear-gradient(135deg, var(--qd-primary) 0%, var(--qd-primary-dark) 100%);\n border-radius: var(--qd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qd-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.qd-disclaimer {\n font-size: 12px;\n color: var(--qd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n@media (max-width: 767px) {\n .qd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qd-card {\n padding: 1.125rem;\n }\n .qd-section {\n margin-bottom: 1.75rem;\n }\n .qd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qd-radius-sm);\n }\n .qd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qd-grid-compact {\n gap: .625rem;\n }\n .qd-grid-compact .qd-card {\n padding: .75rem;\n }\n .qd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qd-timeline-content {\n padding: .875rem 1rem;\n }\n .qd-timeline-content h3 {\n font-size: 14px;\n }\n .qd-timeline-content p {\n font-size: 13px;\n }\n .qd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qd-card {\n animation: qdFadeInUp .5s ease backwards;\n }\n .qd-card:nth-child(1) { animation-delay: .05s; }\n .qd-card:nth-child(2) { animation-delay: .1s; }\n .qd-card:nth-child(3) { animation-delay: .15s; }\n .qd-card:nth-child(4) { animation-delay: .2s; }\n .qd-card:nth-child(5) { animation-delay: .25s; }\n .qd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qdFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qd-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":45754705445021,"sku":"NBAISUP0015","price":21.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-bio-detox-20-ampoules-superdiet-packshothd.webp?v=1776422707"},{"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":true}],"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":"vigne-rouge-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Vigne Rouge Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vigne Rouge Bio - Superdiet\nPalette détectée:\n - Primaire: #D91E3C (rouge vigne intense du logo et de l'ampoule)\n - Secondaire: #7CB342 (vert bio\/nature des feuilles)\n - Accent: #C62828 (rouge automnal des feuilles de vigne)\n - Neutre: #FFF8F0 (crème chaleureux)\nAmbiance: Bio\/Naturel\/Santé - packaging avec feuilles vertes tropicales, feuilles de vigne rouge automnales, ambiance wellness naturelle, certifications bio (AB), fabrication française. Univers chaleureux et rassurant axé sur la nature et la phytothérapie.\nPréfixe CSS: vr\n--\u003e\n\n\u003cdiv class=\"vr-premium\"\u003e\n \u003cdiv class=\"vr-hero\"\u003e\n \u003cdiv class=\"vr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vr-hero-content\"\u003e\n \u003cdiv class=\"vr-badges-top\"\u003e\n \u003cspan class=\"vr-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e\n \u003cspan class=\"vr-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"vr-badge\"\u003e🍃 Sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vr-hero-title\"\u003eVigne Rouge Bio\u003c\/span\u003e\n \u003cp class=\"vr-subtitle\"\u003eVotre allié naturel pour une circulation légère\u003c\/p\u003e\n \u003cp class=\"vr-description\"\u003e20 ampoules concentrées en extraits purs de Vigne Rouge, la plante traditionnellement reconnue pour soutenir la circulation veineuse et apaiser les jambes lourdes. Une formule 100% naturelle, sans alcool ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir notre Vigne Rouge Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"vr-grid\"\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🦵\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eCirculation optimale\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eAide à maintenir une bonne circulation dans les jambes et renforce naturellement les parois veineuses pour un confort quotidien retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eJambes légères\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eDiminue efficacement la sensation de jambes lourdes, engourdies et fatiguées, particulièrement en fin de journée ou lors des fortes chaleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003ePureté garantie\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eExtraits végétaux obtenus sans solvant chimique, préservant l'intégrité des actifs naturels. Formule clean sans conservateurs ni colorants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🍇\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eDosage concentré\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003e375 mg d'extrait pur de Vigne Rouge par ampoule, une concentration élevée pour une efficacité maximale dès la première cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eAgriculture bio\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003ePlants cultivés sans produits chimiques de synthèse, dans le respect du cycle naturel et des certifications biologiques strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-card\"\u003e\n \u003cdiv class=\"vr-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3 class=\"vr-card-title\"\u003eMade in France\u003c\/h3\u003e\n \u003cp class=\"vr-card-text\"\u003eFabriqué en France avec des exigences qualité rigoureuses, traçabilité totale et savoir-faire reconnu en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e🔬 Composition ultra-pure\u003c\/h2\u003e\n \u003cdiv class=\"vr-composition-box\"\u003e\n \u003cdiv class=\"vr-composition-grid\"\u003e\n \u003cdiv class=\"vr-ingredient-card\"\u003e\n \u003cdiv class=\"vr-ingredient-icon\"\u003e🍇\u003c\/div\u003e\n \u003cdiv class=\"vr-ingredient-content\"\u003e\n \u003ch3 class=\"vr-ingredient-name\"\u003eVigne Rouge Bio\u003c\/h3\u003e\n \u003cp class=\"vr-ingredient-latin\"\u003eVitis vinifera\u003c\/p\u003e\n \u003cdiv class=\"vr-ingredient-dosage\"\u003e\n \u003cspan class=\"vr-dosage-number\"\u003e375 mg\u003c\/span\u003e\n \u003cspan class=\"vr-dosage-unit\"\u003epar ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"vr-ingredient-desc\"\u003eExtrait fluide concentré, obtenu par extraction douce sans solvant chimique pour préserver tous les actifs naturels de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-badges\"\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans colorant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-purity-item\"\u003e\n \u003cspan class=\"vr-purity-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan class=\"vr-purity-text\"\u003eSans additif synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi simplifié\u003c\/h2\u003e\n \u003cdiv class=\"vr-usage-timeline\"\u003e\n \u003cdiv class=\"vr-step\"\u003e\n \u003cdiv class=\"vr-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vr-step-content\"\u003e\n \u003ch3 class=\"vr-step-title\"\u003eUne ampoule par jour\u003c\/h3\u003e\n \u003cp class=\"vr-step-text\"\u003ePrendre \u003cstrong\u003e1 ampoule de 15 ml\u003c\/strong\u003e chaque matin, de préférence à jeun pour une absorption optimale des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-step\"\u003e\n \u003cdiv class=\"vr-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vr-step-content\"\u003e\n \u003ch3 class=\"vr-step-title\"\u003eDiluer dans un demi-verre d'eau\u003c\/h3\u003e\n \u003cp class=\"vr-step-text\"\u003eL'ampoule est prête à l'emploi : cassez les extrémités, versez dans un demi-verre d'eau (environ 100 ml) et mélangez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-step\"\u003e\n \u003cdiv class=\"vr-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vr-step-content\"\u003e\n \u003ch3 class=\"vr-step-title\"\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp class=\"vr-step-text\"\u003eProgramme complet avec ce coffret. Renouvelez idéalement aux \u003cstrong\u003echangements de saison\u003c\/strong\u003e (printemps et automne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e⏱️ Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"vr-results-grid\"\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eDès les premiers jours\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eSensation de légèreté progressive dans les jambes, amélioration du confort en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eAprès 10-15 jours\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eDiminution notable des sensations de jambes lourdes et engourdies, meilleure circulation veineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eAprès 20 jours\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eBénéfices optimaux : jambes légères, parois veineuses renforcées, confort durable même en période chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-result-card\"\u003e\n \u003cdiv class=\"vr-result-timeline\"\u003eSur le long terme\u003c\/div\u003e\n \u003cp class=\"vr-result-text\"\u003eAvec des cures régulières (2 fois par an), maintien d'une bonne santé veineuse et prévention des inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"vr-grid\"\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e👩‍💼\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eActivité prolongée debout\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eCommerçants, infirmières, coiffeurs, enseignants... toute personne restant debout de longues heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🪑\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003ePosition assise prolongée\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eEmployés de bureau, chauffeurs, voyageurs fréquents qui sollicitent peu leur circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eSensibilité à la chaleur\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003ePersonnes dont les jambes gonflent et deviennent lourdes lors des périodes chaudes ou en été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eTerrain familial\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003ePersonnes ayant des antécédents familiaux de troubles circulatoires et souhaitant prévenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eChangements hormonaux\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eFemmes enceintes (sur avis médical) ou en période de ménopause connaissant des variations circulatoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-profile-card\"\u003e\n \u003cdiv class=\"vr-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"vr-profile-title\"\u003eAdeptes du naturel\u003c\/h3\u003e\n \u003cp class=\"vr-profile-text\"\u003eToute personne recherchant une solution 100% bio et naturelle pour prendre soin de sa circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vr-warning-box\"\u003e\n \u003cdiv class=\"vr-warning-grid\"\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e📏\u003c\/span\u003e\n \u003cp\u003eRespecter la dose journalière recommandée (1 ampoule par jour). Ne pas dépasser sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-warning-item\"\u003e\n \u003cspan class=\"vr-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"vr-grid\"\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eContenance\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003e20 ampoules × 15 ml\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eSoit 300 ml au total\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e📅\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eDurée d'utilisation\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003e20 jours\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eProgramme complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eCertification\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003eAB Agriculture Biologique\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eLabel Eurofeuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eOrigine\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003eFabriqué en France\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eMarque Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eExtraction\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003eSans solvant chimique\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eProcess naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vr-info-card\"\u003e\n \u003cdiv class=\"vr-info-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"vr-info-title\"\u003eComposition\u003c\/h3\u003e\n \u003cp class=\"vr-info-value\"\u003e100% plantes\u003c\/p\u003e\n \u003cp class=\"vr-info-detail\"\u003eAucun additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vr-cta-box\"\u003e\n \u003cdiv class=\"vr-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vr-cta-content\"\u003e\n \u003cp class=\"vr-cta-title\"\u003e🌿 Retrouvez la légèreté dans vos jambes naturellement\u003c\/p\u003e\n \u003cp\u003eAvec notre Vigne Rouge Bio, offrez-vous une cure complète de 20 jours pour soutenir votre circulation et dire adieu aux jambes lourdes. Une formule 100% naturelle, certifiée bio et fabriquée en France, sans aucun compromis sur la qualité. Parce que votre bien-être mérite ce qu'il y a de plus pur dans la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vr-cream: #FFF8F0;\n --vr-white: #ffffff;\n --vr-primary: #D91E3C;\n --vr-primary-dark: #B01830;\n --vr-primary-light: #FFE8EC;\n --vr-secondary: #7CB342;\n --vr-accent: #C62828;\n --vr-text: #1a1a1a;\n --vr-text-light: #5a5a5a;\n --vr-border: #e0e0e0;\n --vr-shadow: 0 4px 24px rgba(217, 30, 60, .08);\n --vr-shadow-lg: 0 12px 48px rgba(217, 30, 60, .15);\n --vr-radius: 20px;\n --vr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--vr-text);\n}\n\n\/* === HERO === *\/\n.vr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-secondary) 100%);\n border-radius: var(--vr-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(--vr-shadow-lg);\n}\n\n.vr-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.vr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vr-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.vr-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(--vr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.vr-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.vr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.vr-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vr-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--vr-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.vr-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(--vr-primary), var(--vr-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.vr-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vr-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-primary);\n}\n\n.vr-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-card-text {\n font-size: 15px;\n color: var(--vr-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.vr-composition-box {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-composition-grid {\n display: grid;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.vr-ingredient-card {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--vr-primary-light) 0%, rgba(124, 179, 66, .1) 100%);\n border-radius: var(--vr-radius-sm);\n border: 2px solid var(--vr-border);\n}\n\n.vr-ingredient-icon {\n font-size: 56px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .2));\n}\n\n.vr-ingredient-content {\n flex: 1;\n}\n\n.vr-ingredient-name {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.25rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-ingredient-latin {\n font-size: 14px;\n font-style: italic;\n color: var(--vr-text-light);\n margin: 0 0 1rem 0;\n}\n\n.vr-ingredient-dosage {\n display: flex;\n align-items: baseline;\n gap: 8px;\n margin-bottom: 1rem;\n}\n\n.vr-dosage-number {\n font-size: clamp(28px, 4vw, 36px);\n font-weight: 900;\n color: var(--vr-primary);\n letter-spacing: -.03em;\n}\n\n.vr-dosage-unit {\n font-size: 14px;\n font-weight: 600;\n color: var(--vr-text-light);\n}\n\n.vr-ingredient-desc {\n font-size: 15px;\n color: var(--vr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.vr-purity-badges {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.vr-purity-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 16px;\n background: var(--vr-primary-light);\n border-radius: var(--vr-radius-sm);\n}\n\n.vr-purity-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n background: var(--vr-primary);\n color: white;\n border-radius: 50%;\n font-weight: 900;\n font-size: 16px;\n flex-shrink: 0;\n}\n\n.vr-purity-text {\n font-size: 15px;\n font-weight: 700;\n color: var(--vr-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.vr-usage-timeline {\n display: grid;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.vr-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.vr-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--vr-primary), var(--vr-accent));\n color: white;\n border-radius: 50%;\n font-size: 24px;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(217, 30, 60, .3);\n}\n\n.vr-step-content {\n flex: 1;\n background: var(--vr-white);\n padding: 1.5rem;\n border-radius: var(--vr-radius-sm);\n box-shadow: var(--vr-shadow);\n}\n\n.vr-step-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-step-text {\n font-size: 15px;\n color: var(--vr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.vr-step-text strong {\n color: var(--vr-primary);\n font-weight: 700;\n}\n\n\/* === RÉSULTATS === *\/\n.vr-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.vr-result-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vr-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-secondary);\n}\n\n.vr-result-timeline {\n display: inline-block;\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--vr-primary), var(--vr-secondary));\n color: white;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 800;\n margin-bottom: 1rem;\n letter-spacing: -.01em;\n}\n\n.vr-result-text {\n font-size: 15px;\n color: var(--vr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.vr-profile-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vr-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-primary);\n}\n\n.vr-profile-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(217, 30, 60, .15));\n}\n\n.vr-profile-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-profile-text {\n font-size: 14px;\n color: var(--vr-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.vr-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFE8B3 100%);\n border-radius: var(--vr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 3px solid #FFD700;\n box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.vr-warning-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n\n.vr-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.vr-warning-item p {\n font-size: 14px;\n color: #856404;\n line-height: 1.6;\n margin: 0;\n font-weight: 600;\n}\n\n\/* === INFO CARDS === *\/\n.vr-info-card {\n background: var(--vr-white);\n border-radius: var(--vr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--vr-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vr-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vr-shadow-lg);\n border-color: var(--vr-secondary);\n}\n\n.vr-info-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(124, 179, 66, .2));\n}\n\n.vr-info-title {\n font-size: 16px;\n font-weight: 800;\n color: var(--vr-primary-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n}\n\n.vr-info-value {\n font-size: clamp(18px, 2.5vw, 24px);\n font-weight: 900;\n color: var(--vr-primary);\n margin: 0 0 0.25rem 0;\n letter-spacing: -.02em;\n}\n\n.vr-info-detail {\n font-size: 13px;\n color: var(--vr-text-light);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.vr-cta-box {\n background: linear-gradient(135deg, var(--vr-primary) 0%, var(--vr-accent) 50%, var(--vr-primary-dark) 100%);\n border-radius: var(--vr-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--vr-shadow-lg);\n}\n\n.vr-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vr-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.vr-cta-title {\n color: white;\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vr-cta-box p:not(.vr-cta-title) {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .vr-grid,\n .vr-results-grid,\n .vr-warning-grid,\n .vr-purity-badges {\n grid-template-columns: 1fr;\n }\n\n .vr-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n\n .vr-ingredient-dosage {\n justify-content: center;\n }\n\n .vr-step {\n flex-direction: column;\n text-align: center;\n }\n\n .vr-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vr-card,\n .vr-result-card,\n .vr-profile-card,\n .vr-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .vr-card:nth-child(1),\n .vr-result-card:nth-child(1),\n .vr-profile-card:nth-child(1),\n .vr-info-card:nth-child(1) { animation-delay: .1s; }\n \n .vr-card:nth-child(2),\n .vr-result-card:nth-child(2),\n .vr-profile-card:nth-child(2),\n .vr-info-card:nth-child(2) { animation-delay: .2s; }\n \n .vr-card:nth-child(3),\n .vr-result-card:nth-child(3),\n .vr-profile-card:nth-child(3),\n .vr-info-card:nth-child(3) { animation-delay: .3s; }\n \n .vr-card:nth-child(4),\n .vr-result-card:nth-child(4),\n .vr-profile-card:nth-child(4),\n .vr-info-card:nth-child(4) { animation-delay: .4s; }\n \n .vr-card:nth-child(5),\n .vr-profile-card:nth-child(5),\n .vr-info-card:nth-child(5) { animation-delay: .5s; }\n \n .vr-card:nth-child(6),\n .vr-profile-card:nth-child(6),\n .vr-info-card:nth-child(6) { animation-delay: .6s; }\n\n .vr-step {\n animation: fadeInLeft .6s ease backwards;\n }\n\n .vr-step:nth-child(1) { animation-delay: .1s; }\n .vr-step:nth-child(2) { animation-delay: .2s; }\n .vr-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes 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 .vr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .vr-premium {\n --vr-shadow: 0 0 0 2px currentColor;\n --vr-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .vr-premium {\n background: white;\n }\n \n .vr-card,\n .vr-result-card,\n .vr-profile-card,\n .vr-info-card {\n box-shadow: none;\n border: 1px solid #ddd;\n page-break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754710818973,"sku":"NBAISUP0019","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vigne_rouge_ampoules_superdiet_3_11zon.jpg?v=1758789718"},{"product_id":"quatuor-bio-articulation-150-gelules-superdiet","title":"Quatuor Bio Articulation - 150 Gélules - Superdiet","description":"\u003cdiv class=\"qba-premium\"\u003e\n \u003cdiv class=\"qba-hero\"\u003e\n \u003cdiv class=\"qba-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qba-hero-content\"\u003e\n \u003cdiv class=\"qba-badges-top\"\u003e\n \u003cspan class=\"qba-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"qba-badge\"\u003e🇫🇷 Fabrication France\u003c\/span\u003e\n \u003cspan class=\"qba-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"qba-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qba-hero-title\"\u003eQuatuor Bio Articulation\u003c\/span\u003e\n \u003cp class=\"qba-subtitle\"\u003eSuperdiet • 150 gélules • Cure de 50 jours\u003c\/p\u003e\n \u003cp class=\"qba-description\"\u003eLa synergie de 4 plantes bio — Curcuma, Cassis, Harpagophytum \u0026amp; Ortie — pour soutenir votre confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eQuatuor Bio Articulation Superdiet : la synergie végétale pour votre confort articulaire\u003c\/h2\u003e\n \u003cp class=\"qba-section-intro\"\u003eVos genoux craquent au réveil, vos doigts peinent à se déplier, vos épaules protestent après le sport ou le jardinage ? Le \u003cstrong\u003eQuatuor Bio Articulation de Superdiet\u003c\/strong\u003e est un complément alimentaire conçu pour soutenir votre mobilité au quotidien. Sa formule associe quatre plantes emblématiques issues de l'agriculture biologique, reconnues pour accompagner la souplesse et le confort des articulations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour articulation ?\u003c\/h2\u003e\n \u003cp class=\"qba-section-intro\"\u003eAvec l'âge, la sédentarité ou au contraire la pratique sportive intensive, nos articulations sont mises à rude épreuve. Le Quatuor Superdiet se distingue par :\u003c\/p\u003e\n \u003cdiv class=\"qba-grid\"\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌿 100 % Bio certifié\u003c\/h3\u003e\n \u003cp\u003eFormule issue de l'agriculture biologique, sans additifs controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eProduction locale respectueuse de l'environnement et des savoir-faire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌱 Gélules vegan\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'origine végétale, faciles à avaler au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eMatière recyclée et recyclable pour réduire l'empreinte écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e📅 Cure complète 50 jours\u003c\/h3\u003e\n \u003cp\u003e150 gélules pour une cure longue durée, renouvelable selon besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e💪 Sportifs \u0026amp; seniors\u003c\/h3\u003e\n \u003cp\u003eUn allié polyvalent aussi bien en prévention qu'après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eUne synergie de 4 plantes pour vos articulations\u003c\/h2\u003e\n \u003cdiv class=\"qba-grid\"\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n \u003cp\u003eLa \"griffe du diable\" africaine, traditionnellement utilisée pour favoriser la souplesse articulaire et le confort de mouvement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n \u003cp\u003eSes feuilles contiennent des flavonoïdes qui contribuent à la flexibilité articulaire et au bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en silice organique, un oligo-élément essentiel à la structure du cartilage et des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n \u003cp\u003eReconnue pour soutenir le drainage de l'organisme et participer à l'équilibre articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-tip\"\u003e\n \u003cspan class=\"qba-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette association ciblée fait de ce complément un allié polyvalent, aussi bien pour les personnes actives que pour celles qui ressentent les premiers signes d'inconfort liés à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 3 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"qba-grid-compact\"\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e225 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"qba-disclaimer\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose (origine végétale).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"qba-timeline\"\u003e\n \u003cdiv class=\"qba-timeline-item\"\u003e\n \u003cdiv class=\"qba-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e3 gélules par jour, à prendre au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-item\"\u003e\n \u003cdiv class=\"qba-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003e1 à 3 mois en continu, renouvelable si besoin selon vos ressentis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-item\"\u003e\n \u003cdiv class=\"qba-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-content\"\u003e\n \u003ch3\u003eRespectez la dose\u003c\/h3\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-tip\"\u003e\n \u003cspan class=\"qba-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil Naturellement Bio :\u003c\/strong\u003e associez votre cure à une activité physique douce (marche, natation, yoga), une bonne hydratation et une alimentation riche en oméga-3 pour démultiplier les bénéfices sur vos articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou souffrant de troubles digestifs (ulcères). Demandez conseil à votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"qba-accordion\"\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003eCe complément convient-il aux sportifs ?\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il est particulièrement adapté aux personnes actives qui sollicitent fortement leurs articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003ePeut-on le donner à un chien ?\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, ce produit est formulé pour l'humain. Pour un complément articulation chien, tournez-vous vers une formule vétérinaire spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003eEst-il 100 % naturel ?\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tous les ingrédients sont issus de l'agriculture biologique, certifiés ECOCERT, et fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"qba-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos articulations la force de 4 plantes bio d'exception. Souplesse, mobilité et confort retrouvés — naturellement, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qba-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qba-cream: #f5f1e8;\n --qba-white: #ffffff;\n --qba-primary: #5a7a3a;\n --qba-primary-dark: #3d5624;\n --qba-primary-light: #e8efd9;\n --qba-secondary: #8b2a2a;\n --qba-accent: #c9a961;\n --qba-text: #2a2a1f;\n --qba-text-light: #5a5a4f;\n --qba-border: #e0dcc8;\n --qba-shadow: 0 4px 24px rgba(61,86,36,.08);\n --qba-shadow-lg: 0 12px 48px rgba(61,86,36,.18);\n --qba-radius: 20px;\n --qba-radius-sm: 12px;\n}\n\n.qba-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qba-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qba-text);\n line-height: 1.6;\n}\n\n.qba-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5624 0%, #5a7a3a 50%, #7a9b4a 100%);\n border-radius: var(--qba-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.qba-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qba-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.qba-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.qba-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.qba-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qba-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qba-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qba-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qba-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qba-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qba-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.qba-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qba-primary), var(--qba-accent));\n border-radius: 2px;\n}\n\n.qba-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qba-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.qba-card {\n background: var(--qba-white);\n border-radius: var(--qba-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qba-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qba-shadow-lg);\n border-color: var(--qba-primary);\n}\n\n.qba-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qba-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qba-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qba-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qba-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qba-grid-compact .qba-card {\n padding: 1rem;\n}\n\n.qba-grid-compact .qba-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qba-grid-compact .qba-card p {\n font-size: 13px;\n}\n\n.qba-grid-compact .qba-card strong {\n color: var(--qba-primary-dark);\n font-size: 16px;\n}\n\n.qba-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qba-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qba-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qba-primary), var(--qba-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(61,86,36,.25);\n}\n\n.qba-timeline-content {\n flex: 1;\n background: var(--qba-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qba-radius-sm);\n box-shadow: var(--qba-shadow);\n}\n\n.qba-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qba-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qba-timeline-content p {\n font-size: 14px;\n color: var(--qba-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qba-accordion {\n background: var(--qba-white);\n border-radius: var(--qba-radius);\n box-shadow: var(--qba-shadow);\n overflow: hidden;\n}\n\n.qba-accordion-item {\n border-bottom: 1px solid var(--qba-border);\n margin: 0;\n padding: 0;\n}\n\n.qba-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qba-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qba-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qba-accordion-header:hover {\n background: var(--qba-primary-light);\n}\n\n.qba-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qba-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qba-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.qba-accordion-item[open] .qba-accordion-header::after {\n content: '−';\n}\n\n.qba-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qba-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qba-accordion-content p {\n margin: 0;\n}\n\n.qba-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qba-primary-light);\n border-radius: var(--qba-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qba-primary);\n}\n\n.qba-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qba-tip p {\n font-size: 14px;\n color: var(--qba-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qba-cta-box {\n background: linear-gradient(135deg, var(--qba-primary) 0%, var(--qba-primary-dark) 100%);\n border-radius: var(--qba-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(201,169,97,.25) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.qba-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.qba-disclaimer {\n font-size: 12px;\n color: var(--qba-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .qba-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qba-card {\n padding: 1.125rem;\n }\n .qba-section {\n margin-bottom: 1.75rem;\n }\n .qba-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qba-radius-sm);\n }\n .qba-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qba-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qba-grid-compact {\n gap: .625rem;\n }\n .qba-grid-compact .qba-card {\n padding: .75rem;\n }\n .qba-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qba-timeline-content {\n padding: .875rem 1rem;\n }\n .qba-timeline-content h3 {\n font-size: 14px;\n }\n .qba-timeline-content p {\n font-size: 13px;\n }\n .qba-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qba-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qba-card {\n animation: fadeInUp .5s ease backwards;\n }\n .qba-card:nth-child(1) { animation-delay: .05s; }\n .qba-card:nth-child(2) { animation-delay: .1s; }\n .qba-card:nth-child(3) { animation-delay: .15s; }\n .qba-card:nth-child(4) { animation-delay: .2s; }\n .qba-card:nth-child(5) { animation-delay: .25s; }\n .qba-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qba-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754711834781,"sku":"NBAISUP0026","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor_articulations_bio_150_gelules_superdiet.jpg?v=1776408586"},{"product_id":"ginkgo-biloba-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Ginkgo Biloba Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003cdiv class=\"gkb-premium\"\u003e\n \u003cdiv class=\"gkb-hero\"\u003e\n \u003cdiv class=\"gkb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gkb-hero-content\"\u003e\n \u003cdiv class=\"gkb-badges-top\"\u003e\n \u003cspan class=\"gkb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"gkb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gkb-badge\"\u003e💧 20 ampoules de 15ml\u003c\/span\u003e\n \u003cspan class=\"gkb-badge\"\u003e🧠 Mémoire \u0026amp; Circulation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gkb-hero-title\"\u003eGinkgo Biloba Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"gkb-subtitle\"\u003eL'arbre aux mille écus en ampoules buvables\u003c\/p\u003e\n \u003cp class=\"gkb-description\"\u003eSoutenez naturellement votre \u003cstrong\u003emémoire\u003c\/strong\u003e et votre \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e grâce à la puissance du Ginkgo Biloba cultivé en France selon les normes de l'Agriculture Biologique. Une cure de 20 jours, 100 % végétale, sans alcool ni conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Ginkgo Biloba Bio Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"gkb-section-intro\"\u003eLe \u003cstrong\u003eginkgo biloba\u003c\/strong\u003e est l'une des plantes les plus étudiées en naturopathie. Ses feuilles, riches en flavonoïdes et en ginkgolides, sont traditionnellement reconnues pour soutenir les \u003cstrong\u003eperformances intellectuelles\u003c\/strong\u003e et la \u003cstrong\u003emicrocirculation\u003c\/strong\u003e. Superdiet a choisi une fabrication française à partir de feuilles issues de l'agriculture biologique, récoltées à maturité, pour préserver un maximum de principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"gkb-grid-compact\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique, gage de qualité et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🚫 Ultra pur\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e💧 Ampoule buvable\u003c\/h3\u003e\n \u003cp\u003eFormat pratique, à assimilation rapide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003eFabrication française dans le respect de la plante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eLes bienfaits du ginkgo biloba bio\u003c\/h2\u003e\n \u003cp class=\"gkb-section-intro\"\u003ePlébiscité pour ses effets sur la \u003cstrong\u003emémoire et la concentration\u003c\/strong\u003e, ce végétal d'exception apporte un soutien précieux à plusieurs niveaux.\u003c\/p\u003e\n \u003cdiv class=\"gkb-grid\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🧠 Mémoire \u0026amp; fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eLe ginkgo biloba contribue à entretenir la mémoire, notamment au fil du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🎯 Concentration \u0026amp; clarté mentale\u003c\/h3\u003e\n \u003cp\u003eIdéal pendant les périodes de travail intense, d'examens ou de surcharge intellectuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e❤️ Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eIl favorise la microcirculation, notamment au niveau cérébral et des extrémités (jambes lourdes, mains froides).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e👂 Confort auditif\u003c\/h3\u003e\n \u003cp\u003eSouvent recherché pour accompagner le bien-être en cas d'acouphènes légers, grâce à son action vasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-tip\"\u003e\n \u003cspan class=\"gkb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes avis sur le ginkgo biloba soulignent régulièrement son intérêt en cure régulière, \u003cstrong\u003eparticulièrement dès 40 ans\u003c\/strong\u003e, pour soutenir vitalité intellectuelle et vigilance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eComposition d'une ampoule de 15 ml\u003c\/h2\u003e\n \u003cdiv class=\"gkb-grid-compact\"\u003e\n \u003cdiv class=\"gkb-card gkb-card-highlight\"\u003e\n \u003ch3\u003e🌱 Extrait de Ginkgo biloba bio*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e d'extrait hydro-glycériné de feuilles (\u003cem\u003eGinkgo biloba L.\u003c\/em\u003e), soit l'équivalent de \u003cstrong\u003e300 mg de feuilles sèches\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e💧 Base végétale\u003c\/h3\u003e\n \u003cp\u003eEau de source \u0026amp; glycérine végétale bio*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gkb-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eComment prendre le Ginkgo Biloba Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gkb-timeline\"\u003e\n \u003cdiv class=\"gkb-timeline-item\"\u003e\n \u003cdiv class=\"gkb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule pour homogénéiser l'extrait végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-item\"\u003e\n \u003cdiv class=\"gkb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin, diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-item\"\u003e\n \u003cdiv class=\"gkb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eUne cure complète correspond à 20 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-item\"\u003e\n \u003cdiv class=\"gkb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gkb-timeline-content\"\u003e\n \u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n \u003cp\u003ePour des effets optimaux sur la mémoire et la concentration, une cure de plusieurs semaines est généralement conseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gkb-accordion\"\u003e\n \u003cdetails class=\"gkb-accordion-item\"\u003e\n \u003csummary class=\"gkb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants. Ne pas consommer en cas d'allergie connue au ginkgo biloba.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gkb-accordion-item\"\u003e\n \u003csummary class=\"gkb-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ éviter en cas de \u003cstrong\u003eprise d'anticoagulants\u003c\/strong\u003e, de traitement antiplaquettaire ou avant une intervention chirurgicale. Demandez conseil à votre médecin ou pharmacien en cas de traitement médical en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gkb-accordion-item\"\u003e\n \u003csummary class=\"gkb-accordion-header\"\u003e📋 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gkb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"gkb-grid-compact\"\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 ampoules de 15 ml\u003cbr\u003e(300 ml au total)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n \u003cp\u003e20 jours\u003cbr\u003e1 ampoule \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🏷️ Label\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n \u003cp\u003eÀ l'abri de la lumière, de la chaleur et de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gkb-card\"\u003e\n \u003ch3\u003e🌱 Composition\u003c\/h3\u003e\n \u003cp\u003e100 % végétal\u003cbr\u003eSans alcool ni additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gkb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gkb-cta-box\"\u003e\n \u003cp\u003eOffrez à votre mémoire et à votre circulation tout le savoir-faire de Superdiet avec ce \u003cstrong\u003eGinkgo Biloba Bio\u003c\/strong\u003e en ampoules, 100 % naturel et respectueux de la plante. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --gkb-cream: #f9f7f2;\n --gkb-white: #ffffff;\n --gkb-primary: #2d7a3e;\n --gkb-primary-dark: #1e5a2c;\n --gkb-primary-light: #e8f3ea;\n --gkb-secondary: #c8342e;\n --gkb-accent: #e8a84a;\n --gkb-text: #1a1a1a;\n --gkb-text-light: #5a5a5a;\n --gkb-border: #e0e0e0;\n --gkb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gkb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gkb-radius: 20px;\n --gkb-radius-sm: 12px;\n }\n\n .gkb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gkb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gkb-text);\n }\n\n \/* HERO *\/\n .gkb-hero {\n position: relative;\n background: linear-gradient(135deg, #2d7a3e 0%, #3d9a52 50%, #1e5a2c 100%);\n border-radius: var(--gkb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gkb-shadow-lg);\n }\n\n .gkb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: .6;\n }\n\n .gkb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .gkb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .gkb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n }\n\n .gkb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 720px;\n }\n\n .gkb-description strong {\n color: white;\n font-weight: 700;\n }\n\n \/* BADGES *\/\n .gkb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .gkb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gkb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .gkb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n \/* SECTIONS *\/\n .gkb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .gkb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gkb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .gkb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gkb-primary), var(--gkb-secondary));\n border-radius: 2px;\n }\n\n .gkb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gkb-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n }\n\n .gkb-section-intro strong {\n color: var(--gkb-primary-dark);\n }\n\n \/* CARDS *\/\n .gkb-card {\n background: var(--gkb-white);\n border-radius: var(--gkb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gkb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .gkb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gkb-shadow-lg);\n border-color: var(--gkb-primary);\n }\n\n .gkb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gkb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .gkb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gkb-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .gkb-card-highlight {\n background: linear-gradient(135deg, var(--gkb-primary-light) 0%, #ffffff 100%);\n border-color: var(--gkb-primary);\n }\n\n \/* GRILLES *\/\n .gkb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .gkb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .gkb-grid-compact .gkb-card {\n padding: 1rem;\n }\n\n .gkb-grid-compact .gkb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .gkb-grid-compact .gkb-card p {\n font-size: 12px;\n }\n\n \/* TIMELINE *\/\n .gkb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .gkb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .gkb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gkb-primary), var(--gkb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,122,62,.3);\n }\n\n .gkb-timeline-content {\n flex: 1;\n background: var(--gkb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gkb-radius-sm);\n box-shadow: var(--gkb-shadow);\n }\n\n .gkb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gkb-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .gkb-timeline-content p {\n font-size: 14px;\n color: var(--gkb-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n \/* ACCORDÉON *\/\n .gkb-accordion {\n background: var(--gkb-white);\n border-radius: var(--gkb-radius);\n box-shadow: var(--gkb-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .gkb-accordion-item {\n border-bottom: 1px solid var(--gkb-border);\n margin: 0;\n padding: 0;\n }\n\n .gkb-accordion-item:last-child {\n border-bottom: none;\n }\n\n .gkb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gkb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .gkb-accordion-header:hover {\n background: var(--gkb-primary-light);\n }\n\n .gkb-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .gkb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gkb-primary);\n transition: transform .2s ease;\n }\n\n .gkb-accordion-item[open] .gkb-accordion-header::after {\n content: '−';\n }\n\n .gkb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gkb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .gkb-accordion-content p {\n margin: 0;\n }\n\n .gkb-accordion-content strong {\n color: var(--gkb-primary-dark);\n }\n\n \/* TIP *\/\n .gkb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gkb-primary-light);\n border-left: 4px solid var(--gkb-primary);\n border-radius: var(--gkb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n }\n\n .gkb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .gkb-tip p {\n font-size: 14px;\n color: var(--gkb-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .gkb-tip strong {\n color: var(--gkb-primary-dark);\n }\n\n \/* CTA *\/\n .gkb-cta-box {\n background: linear-gradient(135deg, var(--gkb-primary) 0%, var(--gkb-primary-dark) 100%);\n border-radius: var(--gkb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gkb-shadow-lg);\n }\n\n .gkb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .gkb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .gkb-cta-box strong {\n color: #ffe8a8;\n }\n\n \/* DISCLAIMER *\/\n .gkb-disclaimer {\n font-size: 12px;\n color: var(--gkb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 767px) {\n .gkb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .gkb-card {\n padding: 1.125rem;\n }\n .gkb-section {\n margin-bottom: 1.75rem;\n }\n .gkb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gkb-radius-sm);\n }\n .gkb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .gkb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .gkb-grid-compact {\n gap: .625rem;\n }\n .gkb-grid-compact .gkb-card {\n padding: .75rem;\n }\n .gkb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .gkb-timeline-content {\n padding: .875rem 1rem;\n }\n .gkb-timeline-content h3 {\n font-size: 14px;\n }\n .gkb-timeline-content p {\n font-size: 13px;\n }\n .gkb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .gkb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n \/* ANIMATIONS *\/\n @media (prefers-reduced-motion: no-preference) {\n .gkb-card {\n animation: gkbFadeInUp .5s ease backwards;\n }\n .gkb-card:nth-child(1) { animation-delay: .05s; }\n .gkb-card:nth-child(2) { animation-delay: .1s; }\n .gkb-card:nth-child(3) { animation-delay: .15s; }\n .gkb-card:nth-child(4) { animation-delay: .2s; }\n .gkb-card:nth-child(5) { animation-delay: .25s; }\n .gkb-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes gkbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .gkb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712260765,"sku":"NBAISUP0018","price":18.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginkgo-biloba-bio-coffret-20-ampoules-de-15ml-superdiet-packshothd.webp?v=1776358852"},{"product_id":"quatuor-sommeil-paisible-bio-20-ampoules-superdiet","title":"Quatuor Sommeil Paisible Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"sp-premium\"\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌙 Sans mélatonine\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eQuatuor Sommeil Paisible Bio\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003e20 ampoules buvables — Superdiet\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eRetrouvez des nuits apaisées grâce à la synergie de 4 plantes biologiques françaises, concentrées selon la méthode Canopée pour une efficacité renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sommeil\u003c\/strong\u003e efficace, naturel et sans mélatonine ? Le \u003cstrong\u003eQuatuor Sommeil Paisible Bio de Superdiet\u003c\/strong\u003e associe la force de quatre plantes françaises biologiques, soigneusement sélectionnées pour favoriser un \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e et des nuits apaisées. Présenté en ampoules buvables, il offre une formule concentrée et une assimilation rapide, idéale pour retrouver un rythme nocturne harmonieux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour le sommeil ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLes nuits agitées, les difficultés d'endormissement ou les réveils fréquents peuvent vite impacter votre qualité de vie. Ce \u003cstrong\u003ecomplément alimentaire naturel sommeil\u003c\/strong\u003e a été pensé pour celles et ceux qui souhaitent une alternative douce, 100 % végétale et \u003cstrong\u003esans mélatonine\u003c\/strong\u003e. Grâce à la méthode Canopée de Superdiet, la formule contient +125 % d'actifs par rapport à une formule classique, pour une efficacité renforcée à chaque prise.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌿 100% plantes bio\u003c\/h3\u003e\n \u003cp\u003ePlantes françaises issues de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; pur\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Hauts-de-France par Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e20 ampoules buvables de 10 ml — 1 par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition : 4 plantes bio aux vertus reconnues\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003ePour chaque ampoule de 10 ml, vous bénéficiez d'un dosage concentré en extraits de plantes :\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Angélique Bio — 490 mg\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour favoriser la détente et le bien-être nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌸 Passiflore Bio — 340 mg\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés relaxantes, elle contribue à un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et à la réduction de la nervosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌼 Eschscholtzia Bio — 300 mg\u003c\/h3\u003e\n \u003cp\u003eAussi appelée pavot de Californie, elle aide à favoriser l'endormissement en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌺 Aubépine Bio — 150 mg\u003c\/h3\u003e\n \u003cp\u003ePlante apaisante, elle soutient la relaxation avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e eau, jus concentré de raisin bio, jus concentré de citron bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez bien votre ampoule avant emploi pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eCassez aux deux extrémités\u003c\/h3\u003e\n \u003cp\u003eOuvrez l'ampoule délicatement aux deux bouts pour en faciliter l'écoulement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eVersez \u0026amp; dégustez\u003c\/h3\u003e\n \u003cp\u003eDirectement en bouche ou dilué dans un peu d'eau, 30 minutes avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure complète\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour pendant 20 jours, renouvelable si besoin pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 12 ans. Demandez l'avis de votre médecin en cas de traitement médicamenteux. Ce \u003cstrong\u003ecomplément sommeil\u003c\/strong\u003e ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🌙 Ce complément contient-il de la mélatonine ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il s'agit d'un \u003cstrong\u003ecomplément alimentaire sommeil sans mélatonine\u003c\/strong\u003e, composé uniquement de plantes biologiques françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on des résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes effets varient selon chaque personne. Une cure complète de 20 jours permet généralement d'évaluer les bienfaits sur la qualité de vos nuits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e💊 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, notamment avec du magnésium en cas de stress. En cas de doute, demandez conseil à votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe savoir-faire Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003eDepuis plus de 60 ans, Superdiet cultive une passion pour les plantes et le naturel. Installé dans les Hauts-de-France, le laboratoire s'engage pour votre bien-être avec des formules authentiques, respectueuses de l'environnement et issues d'une agriculture biologique certifiée. Avec le \u003cstrong\u003eQuatuor Sommeil Paisible Bio\u003c\/strong\u003e, vous bénéficiez d'un savoir-faire français reconnu pour retrouver des nuits vraiment paisibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f4f1ea;\n --sp-white: #ffffff;\n --sp-primary: #2d4a6b;\n --sp-primary-dark: #1e3451;\n --sp-primary-light: #e6edf4;\n --sp-secondary: #5a7fa3;\n --sp-accent: #c0392b;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(45,74,107,.08);\n --sp-shadow-lg: 0 12px 48px rgba(45,74,107,.18);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sp-text);\n line-height: 1.6;\n}\n\n.sp-premium p { margin: 0 0 1rem 0; }\n.sp-premium p:last-child { margin-bottom: 0; }\n.sp-premium strong { color: var(--sp-primary-dark); font-weight: 700; }\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #2d4a6b 0%, #3d5f85 50%, #5a7fa3 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sp-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card { padding: 1rem; }\n.sp-grid-compact .sp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sp-grid-compact .sp-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sp-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.sp-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px; height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,74,107,.3);\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1.2; }\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item { border-bottom: 1px solid var(--sp-border); margin: 0; padding: 0; }\n.sp-accordion-item:last-child { border-bottom: none; }\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.sp-accordion-header:hover { background: var(--sp-primary-light); }\n.sp-accordion-header::-webkit-details-marker { display: none; }\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after { content: '−'; }\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sp-accordion-content p { margin: 0; }\n.mt-3 { margin-top: 10px; }\n\n\/* === CTA === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sp-cta-box strong { color: white; font-weight: 800; }\n\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sp-grid { grid-template-columns: 1fr; gap: 1rem; }\n .sp-card { padding: 1.125rem; }\n .sp-section { margin-bottom: 1.75rem; }\n .sp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sp-radius-sm); }\n .sp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .sp-premium h2::after { width: 40px; height: 3px; }\n .sp-grid-compact { gap: .625rem; }\n .sp-grid-compact .sp-card { padding: .75rem; }\n .sp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .sp-timeline-content { padding: .875rem 1rem; }\n .sp-timeline-content h3 { font-size: 14px; }\n .sp-timeline-content p { font-size: 13px; }\n .sp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .sp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .sp-tip { padding: .875rem 1rem; }\n .sp-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sp-card { animation: fadeInUp .5s ease backwards; }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712359069,"sku":"NBAISUP0044","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-sommeil-paisible-bio-20-ampoules-superdiet-packshothd.webp?v=1776409314"},{"product_id":"drainaflore-bio-20-ampoules-superdiet","title":"Drainaflore Bio - 20 ampoules - Superdiet","description":"\u003cdiv class=\"draina-premium\"\u003e\n \u003cdiv class=\"draina-hero\"\u003e\n \u003cdiv class=\"draina-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"draina-hero-content\"\u003e\n \u003cdiv class=\"draina-badges-top\"\u003e\n \u003cspan class=\"draina-badge\"\u003e🌿 15 plantes \u0026amp; fruits bio\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🏆 Meilleur Produit Bio 2022\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"draina-hero-title\"\u003eDrainaflore Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"draina-subtitle\"\u003eLa cure détox complète des 5 émonctoires\u003c\/p\u003e\n \u003cp class=\"draina-description\"\u003e20 ampoules · 7 189 mg d'extraits végétaux · Nouvelle formule au meilleur goût pour une cure de 20 jours qui relance votre vitalité en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eDrainaflore Bio Superdiet : la cure détox naturelle des 5 émonctoires\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eVous cherchez un complément alimentaire de drainage efficace pour aider votre organisme à éliminer les toxines accumulées ? Drainaflore Bio de Superdiet vous propose une formule unique, réunissant \u003cstrong\u003e15 plantes et fruits biologiques\u003c\/strong\u003e soigneusement sélectionnés pour stimuler les \u003cstrong\u003e5 émonctoires\u003c\/strong\u003e : foie, reins, intestins, poumons et peau. Une véritable cure détox de 20 jours, en ampoules pratiques, pensée pour relancer votre vitalité après les excès, les changements de saison ou lorsque votre corps a besoin d'un coup de pouce.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003ePourquoi choisir Drainaflore Bio Détox ?\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eContrairement à de nombreux produits qui ciblent un seul organe, Drainaflore Bio Détox agit en synergie sur l'ensemble des voies d'élimination du corps. Avec \u003cstrong\u003e7 189 mg d'extraits végétaux par ampoule\u003c\/strong\u003e, cette formule concentrée offre une approche globale et respectueuse du rythme naturel de l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"draina-grid\"\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫀 Foie\u003c\/h3\u003e\n \u003cp\u003eLa chicorée contribue à protéger le foie des toxines accumulées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e💧 Reins\u003c\/h3\u003e\n \u003cp\u003eLe sureau favorise l'élimination rénale de l'eau et le drainage naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌾 Intestins\u003c\/h3\u003e\n \u003cp\u003eLe fenouil soutient un bon transit intestinal et le confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌬️ Poumons\u003c\/h3\u003e\n \u003cp\u003eLe pin sylvestre participe au bien-être des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e✨ Peau\u003c\/h3\u003e\n \u003cp\u003eLa bardane et l'ortie sont reconnues pour aider au maintien d'une peau nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌿 Synergie globale\u003c\/h3\u003e\n \u003cp\u003eUne action complète et harmonieuse sur l'ensemble des voies d'élimination du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBien qu'elle ne remplace pas une cure thermale de drainage lymphatique, cette formule reste une alternative naturelle, accessible et facile à intégrer dans votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eComposition : 15 plantes et fruits bio\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eChaque ampoule de 15 ml contient un extrait aqueux concentré issu d'une sélection rigoureuse de plantes et fruits biologiques.\u003c\/p\u003e\n \u003cdiv class=\"draina-grid-compact\"\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌳 Bouleau\u003c\/h3\u003e\n \u003cp\u003eFeuille · détoxification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌼 Chicorée\u003c\/h3\u003e\n \u003cp\u003eRacine · protection hépatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫐 Sureau noir\u003c\/h3\u003e\n \u003cp\u003eFruit · drainage rénal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n \u003cp\u003eSemence · confort digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌲 Pin sylvestre\u003c\/h3\u003e\n \u003cp\u003eBourgeon · voies respiratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌿 Bardane \u0026amp; Ortie\u003c\/h3\u003e\n \u003cp\u003eRacine \u0026amp; feuille · éclat de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌺 Artichaut \u0026amp; Pissenlit\u003c\/h3\u003e\n \u003cp\u003eSoutien hépato-rénal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🍃 Mélisse \u0026amp; Anis vert\u003c\/h3\u003e\n \u003cp\u003eDigestion apaisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌳 Aubier de tilleul\u003c\/h3\u003e\n \u003cp\u003eDrainage naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫐 Cassis \u0026amp; Radis noir\u003c\/h3\u003e\n \u003cp\u003eVitalité \u0026amp; purification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant\u003c\/strong\u003e. Produit vegan, certifié Agriculture Biologique, fabriqué en France et élu \u003cstrong\u003eMeilleur Produit Bio 2022\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"draina-timeline\"\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez l'ampoule pour répartir uniformément les extraits végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, diluée dans un grand verre d'eau ou une infusion tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 20 ampoules de 15 ml correspond à une cure complète, renouvelable au printemps et à l'automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003ePour optimiser les résultats : buvez au moins 1,5 L d'eau par jour, privilégiez les fruits, légumes et aliments peu transformés, pratiquez une activité physique régulière et limitez l'alcool, le café et les graisses saturées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eQue pensent nos clients de Drainaflore Bio Détox ?\u003c\/h2\u003e\n \u003cdiv class=\"draina-testimonial\"\u003e\n \u003cp class=\"draina-testimonial-text\"\u003e\"Les utilisateurs apprécient la nouvelle formule au meilleur goût, beaucoup plus agréable que les précédentes générations de détox en ampoules. Les retours soulignent une sensation de légèreté, un meilleur confort digestif et un teint plus éclatant après quelques jours de cure.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"draina-accordion\"\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e💊 Interactions \u0026amp; conseils médicaux\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à votre médecin ou pharmacien avant d'entamer la cure. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"draina-disclaimer\"\u003eCe produit est un complément alimentaire et ne peut se substituer à une alimentation équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --draina-cream: #f4f9fc;\n --draina-white: #ffffff;\n --draina-primary: #2a8fbd;\n --draina-primary-dark: #1a5f82;\n --draina-primary-light: #e3f1f9;\n --draina-secondary: #6ab04c;\n --draina-accent: #e94e3a;\n --draina-text: #1a2b3a;\n --draina-text-light: #5a6a78;\n --draina-border: #dce8ef;\n --draina-shadow: 0 4px 24px rgba(26, 95, 130, .08);\n --draina-shadow-lg: 0 12px 48px rgba(26, 95, 130, .15);\n --draina-radius: 20px;\n --draina-radius-sm: 12px;\n }\n\n .draina-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--draina-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--draina-text);\n line-height: 1.6;\n }\n\n .draina-hero {\n position: relative;\n background: linear-gradient(135deg, #2a8fbd 0%, #3fa9c9 50%, #6ab04c 100%);\n border-radius: var(--draina-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--draina-shadow-lg);\n }\n\n .draina-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 40px 40px;\n opacity: .08;\n }\n\n .draina-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .draina-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n }\n\n .draina-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .draina-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n opacity: .92;\n line-height: 1.7;\n }\n\n .draina-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .draina-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--draina-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .draina-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .draina-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .draina-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--draina-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .draina-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--draina-primary), var(--draina-secondary));\n border-radius: 2px;\n }\n\n .draina-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--draina-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n }\n\n .draina-section-intro strong {\n color: var(--draina-primary-dark);\n }\n\n .draina-card {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--draina-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .draina-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--draina-shadow-lg);\n border-color: var(--draina-primary);\n }\n\n .draina-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--draina-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .draina-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--draina-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .draina-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .draina-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .draina-grid-compact .draina-card {\n padding: 1rem;\n }\n\n .draina-grid-compact .draina-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .draina-grid-compact .draina-card p {\n font-size: 12px;\n }\n\n .draina-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .draina-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .draina-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--draina-primary), var(--draina-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(42, 143, 189, .3);\n }\n\n .draina-timeline-content {\n flex: 1;\n background: var(--draina-white);\n padding: 1rem 1.25rem;\n border-radius: var(--draina-radius-sm);\n box-shadow: var(--draina-shadow);\n }\n\n .draina-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--draina-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .draina-timeline-content p {\n font-size: 14px;\n color: var(--draina-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .draina-testimonial {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--draina-shadow);\n border-left: 4px solid var(--draina-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .draina-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--draina-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .draina-accordion {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n box-shadow: var(--draina-shadow);\n overflow: hidden;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .draina-accordion-item {\n border-bottom: 1px solid var(--draina-border);\n margin: 0;\n padding: 0;\n }\n\n .draina-accordion-item:last-child {\n border-bottom: none;\n }\n\n .draina-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--draina-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .draina-accordion-header:hover {\n background: var(--draina-primary-light);\n }\n\n .draina-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .draina-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--draina-primary);\n transition: transform .2s ease;\n }\n\n .draina-accordion-item[open] .draina-accordion-header::after {\n content: '−';\n }\n\n .draina-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--draina-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .draina-accordion-content p {\n margin: 0;\n }\n\n .draina-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--draina-primary-light);\n border-radius: var(--draina-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n }\n\n .draina-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .draina-tip p {\n font-size: 14px;\n color: var(--draina-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .draina-disclaimer {\n font-size: 12px;\n color: var(--draina-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .draina-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .draina-card { padding: 1.125rem; }\n .draina-section { margin-bottom: 1.75rem; }\n .draina-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--draina-radius-sm);\n }\n .draina-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .draina-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .draina-grid-compact {\n gap: .625rem;\n }\n .draina-grid-compact .draina-card {\n padding: .75rem;\n }\n .draina-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .draina-timeline-content { padding: .875rem 1rem; }\n .draina-timeline-content h3 { font-size: 14px; }\n .draina-timeline-content p { font-size: 13px; }\n .draina-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .draina-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .draina-testimonial { padding: 1.25rem; }\n .draina-testimonial-text { font-size: 14px; }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .draina-card {\n animation: fadeInUp .5s ease backwards;\n }\n .draina-card:nth-child(1) { animation-delay: .05s; }\n .draina-card:nth-child(2) { animation-delay: .1s; }\n .draina-card:nth-child(3) { animation-delay: .15s; }\n .draina-card:nth-child(4) { animation-delay: .2s; }\n .draina-card:nth-child(5) { animation-delay: .25s; }\n .draina-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .draina-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712785053,"sku":"NBAISUP0038","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-drainaflore-drainage-detox.webp?v=1758627994"},{"product_id":"aubier-de-tilleul-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Aubier de Tilleul Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"atil-premium\"\u003e\n \u003cdiv class=\"atil-hero\"\u003e\n \u003cdiv class=\"atil-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"atil-hero-content\"\u003e\n \u003cdiv class=\"atil-badges-top\"\u003e\n \u003cspan class=\"atil-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"atil-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"atil-badge\"\u003e💧 +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"atil-hero-title\"\u003eAubier de Tilleul Bio\u003c\/span\u003e\n \u003cp class=\"atil-subtitle\"\u003e20 ampoules de 15 ml — Superdiet\u003c\/p\u003e\n \u003cp class=\"atil-description\"\u003eEnvie de retrouver un \u003cstrong\u003econfort digestif\u003c\/strong\u003e et de soutenir naturellement les fonctions d'élimination de votre organisme ? L'Aubier de Tilleul Bio de Superdiet concentre toute la richesse de cette partie tendre et précieuse du tilleul, utilisée depuis des siècles en phytothérapie traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'aubier de tilleul ?\u003c\/h2\u003e\n \u003cp class=\"atil-section-intro\"\u003eL'aubier correspond à la couche de bois tendre située \u003cstrong\u003eentre l'écorce et le cœur du tronc\u003c\/strong\u003e. C'est dans cette partie que circule la sève, particulièrement riche en principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"atil-grid\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌳 Une partie précieuse\u003c\/h3\u003e\n \u003cp\u003eLe bois tendre où circule la sève, riche en principes actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e📜 Usage traditionnel\u003c\/h3\u003e\n \u003cp\u003eConsommé en tisane ou en décoction depuis des siècles en phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🔬 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eExtraction soignée offrant une formule concentrée à \u003cstrong\u003e+125 % d'actifs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'aubier de tilleul\u003c\/h2\u003e\n \u003cdiv class=\"atil-grid\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eContribue au bien-être digestif au quotidien, notamment après des repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e💧 Élimination rénale\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination rénale de l'eau pour un meilleur équilibre hydrique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🍃 Drainage naturel\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions naturelles de drainage du foie et des reins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e✨ Purification\u003c\/h3\u003e\n \u003cp\u003eParticipe à la purification de l'organisme et à l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-tip\"\u003e\n \u003cspan class=\"atil-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne solution idéale lors des \u003cstrong\u003ecures détox saisonnières\u003c\/strong\u003e, après des repas copieux ou pour accompagner un mode de vie plus sain. Contrairement à une simple tisane, le format ampoule garantit un dosage précis et une concentration optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eComposition de l'ampoule\u003c\/h2\u003e\n \u003cp class=\"atil-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 1 ampoule de 15 ml :\u003c\/strong\u003e extrait fluide d'aubier de tilleul* (2000 mg**), eau purifiée.\u003c\/p\u003e\n \u003cdiv class=\"atil-grid-compact\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌱 2000 mg\u003c\/h3\u003e\n \u003cp\u003eD'aubier de tilleul par ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🏔️ Roussillon (38)\u003c\/h3\u003e\n \u003cp\u003eOrigine française sélectionnée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌿 100% Vegan\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"atil-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique. **Équivalence en plantes sèches.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules d'aubier de tilleul bio ?\u003c\/h2\u003e\n \u003cdiv class=\"atil-timeline\"\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003eSecouez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAgitez bien avant emploi pour homogénéiser l'extrait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu d'1 ampoule dans un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-item\"\u003e\n \u003cdiv class=\"atil-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"atil-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable selon vos besoins, notamment aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-tip\"\u003e\n \u003cspan class=\"atil-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003ePour une routine bien-être complète, associez votre cure à une alimentation équilibrée, une bonne hydratation et une activité physique régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'aubier de tilleul Superdiet ?\u003c\/h2\u003e\n \u003cdiv class=\"atil-grid-compact\"\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eLaboratoire reconnu depuis 1961\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e⚗️ Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003e+125 % d'actifs vs extraction classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e🏔️ Tilleul du Roussillon\u003c\/h3\u003e\n \u003cp\u003eOrigine française d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e📅 20 jours de cure\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, format pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"atil-card\"\u003e\n \u003ch3\u003e💧 Assimilation rapide\u003c\/h3\u003e\n \u003cp\u003eDosage précis et saveur authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"atil-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"atil-accordion\"\u003e\n \u003cdetails class=\"atil-accordion-item\"\u003e\n \u003csummary class=\"atil-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"atil-accordion-item\"\u003e\n \u003csummary class=\"atil-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"atil-accordion-item\"\u003e\n \u003csummary class=\"atil-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de doute, demandez conseil à votre médecin ou pharmacien. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --atil-cream: #f7f3f7;\n --atil-white: #ffffff;\n --atil-primary: #7a3b7a;\n --atil-primary-dark: #5a2a5a;\n --atil-primary-light: #ede3ed;\n --atil-secondary: #8fa84e;\n --atil-accent: #c49a3f;\n --atil-text: #2a1a2a;\n --atil-text-light: #6a5a6a;\n --atil-border: #e5dce5;\n --atil-shadow: 0 4px 24px rgba(90,42,90,.08);\n --atil-shadow-lg: 0 12px 48px rgba(90,42,90,.18);\n --atil-radius: 20px;\n --atil-radius-sm: 12px;\n}\n\n.atil-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--atil-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--atil-text);\n}\n\n.atil-hero {\n position: relative;\n background: linear-gradient(135deg, #7a3b7a 0%, #8fa84e 60%, #c49a3f 100%);\n border-radius: var(--atil-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--atil-shadow-lg);\n}\n\n.atil-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 3px, transparent 4px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.25) 2px, transparent 3px);\n background-size: 120px 120px, 180px 180px, 150px 150px;\n opacity: .4;\n}\n\n.atil-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.atil-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.atil-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.atil-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.atil-description strong { color: #fff; }\n\n.atil-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.atil-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--atil-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.atil-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.atil-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.atil-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--atil-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.atil-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--atil-primary), var(--atil-secondary));\n border-radius: 2px;\n}\n\n.atil-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--atil-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.atil-section-intro strong { color: var(--atil-primary-dark); }\n\n.atil-card {\n background: var(--atil-white);\n border-radius: var(--atil-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--atil-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.atil-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--atil-shadow-lg);\n border-color: var(--atil-primary);\n}\n\n.atil-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--atil-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.atil-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--atil-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.atil-card p strong { color: var(--atil-primary-dark); }\n\n.atil-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.atil-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.atil-grid-compact .atil-card {\n padding: 1rem;\n}\n\n.atil-grid-compact .atil-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.atil-grid-compact .atil-card p {\n font-size: 12px;\n}\n\n.atil-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.atil-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.atil-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--atil-primary), var(--atil-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.atil-timeline-content {\n flex: 1;\n background: var(--atil-white);\n padding: 1rem 1.25rem;\n border-radius: var(--atil-radius-sm);\n box-shadow: var(--atil-shadow);\n}\n\n.atil-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--atil-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.atil-timeline-content p {\n font-size: 14px;\n color: var(--atil-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.atil-accordion {\n background: var(--atil-white);\n border-radius: var(--atil-radius);\n box-shadow: var(--atil-shadow);\n overflow: hidden;\n}\n\n.atil-accordion-item {\n border-bottom: 1px solid var(--atil-border);\n margin: 0;\n padding: 0;\n}\n\n.atil-accordion-item:last-child {\n border-bottom: none;\n}\n\n.atil-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--atil-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.atil-accordion-header:hover {\n background: var(--atil-primary-light);\n}\n\n.atil-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.atil-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--atil-primary);\n transition: transform .2s ease;\n}\n\n.atil-accordion-item[open] .atil-accordion-header::after {\n content: '−';\n}\n\n.atil-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--atil-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.atil-accordion-content p { margin: 0; }\n\n.atil-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--atil-primary-light);\n border-radius: var(--atil-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.atil-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.atil-tip p {\n font-size: 14px;\n color: var(--atil-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.atil-tip p strong { color: var(--atil-primary-dark); }\n\n.atil-disclaimer {\n font-size: 12px;\n color: var(--atil-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .atil-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .atil-card { padding: 1.125rem; }\n .atil-section { margin-bottom: 1.75rem; }\n .atil-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--atil-radius-sm);\n }\n .atil-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .atil-premium h2::after { width: 40px; height: 3px; }\n .atil-grid-compact { gap: .625rem; }\n .atil-grid-compact .atil-card { padding: .75rem; }\n .atil-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .atil-timeline-content { padding: .875rem 1rem; }\n .atil-timeline-content h3 { font-size: 14px; }\n .atil-timeline-content p { font-size: 13px; }\n .atil-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .atil-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .atil-card { animation: atilFadeInUp .5s ease backwards; }\n .atil-card:nth-child(1) { animation-delay: .05s; }\n .atil-card:nth-child(2) { animation-delay: .1s; }\n .atil-card:nth-child(3) { animation-delay: .15s; }\n .atil-card:nth-child(4) { animation-delay: .2s; }\n .atil-card:nth-child(5) { animation-delay: .25s; }\n .atil-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes atilFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .atil-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754714292381,"sku":"NBAISUP0022","price":16.89,"currency_code":"EUR","in_stock":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":true}],"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":"quatuor-circulation-bio-20-ampoules-superdiet","title":"Quatuor Circulation Bio 20 Ampoules - 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 AB\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e💧 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🌱 100% plantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuatuor Circulation Bio\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003e20 ampoules · Superdiet\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eQuatre plantes emblématiques – \u003cstrong\u003evigne rouge, marronnier d'Inde, hamamélis et ginkgo biloba\u003c\/strong\u003e – réunies dans une formule liquide synergique pour accompagner vos jambes au quotidien et soutenir la bonne circulation du sang.\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\"\u003eJambes lourdes, sensation de gonflement en fin de journée, chevilles fatiguées après une station debout prolongée… Ces désagréments sont le signe que votre retour veineux mérite un petit coup de pouce. Le Quatuor Circulation est pensé comme un \u003cstrong\u003ecomplément alimentaire circulation veineuse et lymphatique\u003c\/strong\u003e synergique, où chaque plante renforce l'action des autres.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, elle contribue à une bonne circulation du sang et aide à soulager la sensation de jambes lourdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour tonifier la circulation et soutenir le tonus veineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌼 Hamamélis\u003c\/h3\u003e\n \u003cp\u003ePlante aux propriétés veinotoniques reconnues, elle complète parfaitement l'action de la vigne rouge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n \u003cp\u003eContribue à une bonne microcirculation, notamment au niveau des extrémités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 ampoule de 15 ml\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\u003eExtrait aqueux de graine\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\u003eExtrait aqueux de feuille\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\u003eExtrait aqueux de feuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e22,5 mg\u003c\/strong\u003e\u003cbr\u003eExtrait sec de feuille\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\u003cem\u003e*Ingrédients issus de l'agriculture biologique (certifié AB).\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant.\u003c\/strong\u003e Fabrication française, 100% plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComment prendre le Quatuor Circulation Bio ?\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\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin, pure ou diluée dans un demi-verre d'eau.\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\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte contient 20 ampoules, soit une cure complète renouvelable plusieurs fois dans l'année, notamment aux changements de saison ou pendant les périodes chaudes.\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\u003eAssociez à un mode de vie sain\u003c\/h3\u003e\n \u003cp\u003eHydratez-vous suffisamment, pratiquez une activité physique régulière (marche, natation) et évitez les sources de chaleur sur les jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire circulation ?\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eCe \u003cstrong\u003emeilleur complément alimentaire circulation sanguine\u003c\/strong\u003e s'adresse aux personnes qui :\u003c\/p\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eRessentent régulièrement des jambes lourdes ou gonflées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💼 Station prolongée\u003c\/h3\u003e\n \u003cp\u003eTravaillent debout ou assises longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e☀️ Préparation été\u003c\/h3\u003e\n \u003cp\u003eSouhaitent préparer leurs jambes à l'été ou aux longs voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eRecherchent une solution naturelle et bio à base de plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eUn engagement qualité Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"qc-cta-box\"\u003e\n \u003cp\u003eDepuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e, Superdiet cultive un savoir-faire français autour de la phytothérapie. Les ampoules sont fabriquées en France, à partir de plantes rigoureusement sélectionnées et certifiées bio. Chaque lot fait l'objet de contrôles qualité stricts, gage de \u003cstrong\u003etraçabilité et de sécurité\u003c\/strong\u003e.\u003c\/p\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⚠️ Dose journalière \u0026amp; usage\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. \u003cstrong\u003eIl ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e\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🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou antidépresseur. En cas de doute, consultez votre médecin ou votre pharmacien.\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\u003eTenir hors de portée des enfants. À conserver dans un endroit sec et frais.\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 --qc-cream: #faf6f1;\n --qc-white: #ffffff;\n --qc-primary: #c8102e;\n --qc-primary-dark: #8b0a1f;\n --qc-primary-light: #fde8eb;\n --qc-secondary: #4a8b3a;\n --qc-accent: #f4a825;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #e8dfd4;\n --qc-shadow: 0 4px 24px rgba(139,10,31,.08);\n --qc-shadow-lg: 0 12px 48px rgba(139,10,31,.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 color: var(--qc-text);\n line-height: 1.6;\n}\n\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #c8102e 0%, #8b0a1f 60%, #4a8b3a 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% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(74,139,58,.2) 0%, transparent 40%);\n opacity: .6;\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(16px, 3vw, 20px);\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,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 780px;\n margin: 0 auto;\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.5rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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.15em;\n font-weight: 800;\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}\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(200,16,46,.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}\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}\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}\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: 4px solid var(--qc-secondary);\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.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 box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\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: 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.qc-cta-box p strong {\n font-weight: 800;\n color: #ffe8a8;\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":45754717700253,"sku":"NBAISUP0014","price":20.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-circulation-bio-20-ampoules-superdiet-packshothd.webp?v=1776409601"},{"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_bio_superdiet_11zon.webp?v=1758533930"},{"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":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gly-cream: #f5f6fa;\n --gly-white: #ffffff;\n --gly-primary: #1a3a6e;\n --gly-primary-dark: #0e2550;\n --gly-primary-light: #e8edf6;\n --gly-secondary: #c8102e;\n --gly-accent: #3b7dd8;\n --gly-text: #1a1a1a;\n --gly-text-light: #5a5a5a;\n --gly-border: #e0e0e0;\n --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gly-radius: 20px;\n --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gly-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n border-radius: var(--gly-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gly-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gly-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gly-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gly-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gly-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gly-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gly-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gly-shadow-lg);\n border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gly-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 22px;\n box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gly-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gly-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n flex: 1;\n background: var(--gly-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gly-radius-sm);\n box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n font-size: 14px;\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gly-primary-light);\n border-radius: var(--gly-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gly-tip p {\n font-size: 14px;\n color: var(--gly-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n box-shadow: var(--gly-shadow);\n overflow: hidden;\n}\n\n.gly-accordion-item {\n border-bottom: 1px solid var(--gly-border);\n margin: 0;\n padding: 0;\n}\n\n.gly-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gly-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gly-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gly-accordion-header:hover {\n background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gly-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gly-primary);\n transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n content: '−';\n}\n\n.gly-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gly-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gly-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n border-radius: var(--gly-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gly-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n font-size: 12px;\n color: var(--gly-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gly-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gly-card {\n padding: 1.125rem;\n }\n\n .gly-section {\n margin-bottom: 1.75rem;\n }\n\n .gly-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gly-radius-sm);\n }\n\n .gly-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gly-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gly-grid-compact {\n gap: .625rem;\n }\n\n .gly-grid-compact .gly-card {\n padding: .75rem;\n }\n\n \/* Composition highlight mobile *\/\n .gly-composition-highlight {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n\n .gly-composition-badge {\n width: 64px;\n height: 64px;\n font-size: 18px;\n }\n\n \/* Timeline mobile *\/\n .gly-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gly-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gly-timeline-content h3 {\n font-size: 14px;\n }\n\n .gly-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .gly-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gly-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .gly-testimonial {\n padding: 1.25rem;\n }\n\n .gly-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gly-card {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-card:nth-child(1) { animation-delay: .05s; }\n .gly-card:nth-child(2) { animation-delay: .1s; }\n .gly-card:nth-child(3) { animation-delay: .15s; }\n .gly-card:nth-child(4) { animation-delay: .2s; }\n .gly-card:nth-child(5) { animation-delay: .25s; }\n .gly-card:nth-child(6) { animation-delay: .3s; }\n\n .gly-timeline-item {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gly-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-vitalosmose-lifestyle.webp?v=1770887240"},{"product_id":"algue-ascophyllum-nodosum-150-mg-bio-60-comprimes-vitalosmose","title":"Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés - Vitalosmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés\nPalette détectée:\n - Primaire: #8B4513 (marron\/brun du texte packaging)\n - Secondaire: #1E88A8 (bleu océan du fond)\n - Accent: #C41E3A (rouge du texte \"Contribue à\" et logo Qualidiet)\n - Background: #2A8B9C (turquoise océanique)\nAmbiance: Marine\/océanique, naturel\/bio, santé\/bien-être, algues et mer\nPréfixe CSS: asc\n--\u003e\n\n\u003cdiv class=\"asc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asc-hero\"\u003e\n \u003cdiv class=\"asc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asc-hero-content\"\u003e\n \u003cdiv class=\"asc-badges-top\"\u003e\n \u003cspan class=\"asc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e🌊 Algue de l'Atlantique Nord\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asc-hero-title\"\u003eAscophyllum Nodosum Bio\u003c\/span\u003e\n \u003cp class=\"asc-subtitle\"\u003eVotre source naturelle d'iode pour la thyroïde\u003c\/p\u003e\n \u003cp class=\"asc-description\"\u003eRécoltée dans les eaux froides et pures de l'Atlantique Nord, cette algue brune concentre une richesse exceptionnelle en iode et oligo-éléments essentiels à votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits de l'iode naturel\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Fonction thyroïdienne normale\u003c\/h3\u003e\n \u003cp\u003eL'iode est indispensable à la production des hormones T3 et T4, régulatrices de votre métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n \u003cp\u003eContribue à un métabolisme énergétique équilibré pour vous aider à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions cognitives normales pour une clarté mentale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e✨ Santé de la peau\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une peau normale grâce à son rôle dans le métabolisme cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIode hautement biodisponible accompagné de cofacteurs naturels pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🔬 Hormones thyroïdiennes\u003c\/h3\u003e\n \u003cp\u003eContribue à la production normale des hormones thyroïdiennes essentielles à l'équilibre de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🧪 Composition par comprimé\u003c\/h2\u003e\n \u003cdiv class=\"asc-composition-box\"\u003e\n \u003cdiv class=\"asc-ingredient-main\"\u003e\n \u003cspan class=\"asc-ingredient-name\"\u003eAscophyllum Nodosum biologique\u003c\/span\u003e\n \u003cspan class=\"asc-ingredient-dose\"\u003e505 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-ingredient-desc\"\u003ePoudre d'algue entière issue de l'Atlantique Nord\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel\u003c\/h3\u003e\n \u003cp\u003eHautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧬 Alginates\u003c\/h3\u003e\n \u003cp\u003eBénéfiques pour la digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, sélénium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant soutenir naturellement leur fonction thyroïdienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous consommez peu ou pas de produits de la mer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle parfaitement adaptée aux régimes végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePour ceux ressentant une fatigue liée à un métabolisme ralenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"asc-steps\"\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eAvec de l'eau\u003c\/h3\u003e\n \u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau moment d'un repas\u003c\/strong\u003e pour une meilleure assimilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Un flacon représente 1 à 2 mois de cure. Nous recommandons des cures de 2 à 3 mois, suivies d'une pause d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e✅ Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e♻️ Récolte durable\u003c\/h3\u003e\n \u003cp\u003eRespect des écosystèmes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"asc-accordion\"\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🏭 Fabrication et origine\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eL'Ascophyllum Nodosum utilisé provient de zones de récolte préservées de l'Atlantique Nord, loin de toute source de pollution industrielle. Le séchage à basse température préserve tous les nutriments. Aucun solvant chimique n'est utilisé et des contrôles qualité sont effectués à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante (inférieure à 25°C). Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConsultez votre médecin si vous souffrez de troubles thyroïdiens (hypothyroïdie, hyperthyroïdie, nodules). Si vous prenez un traitement thyroïdien (comme le Levothyrox), demandez l'avis de votre médecin avant toute supplémentation. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle est la différence entre Ascophyllum et kelp ?\u003c\/strong\u003e\u003cbr\u003e\n Le terme « kelp » désigne plusieurs espèces d'algues brunes riches en iode. L'Ascophyllum Nodosum se distingue par sa croissance lente qui lui permet de concentrer davantage de nutriments. C'est l'une des sources d'iode naturel les plus qualitatives.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eCombien de temps dure une cure ?\u003c\/strong\u003e\u003cbr\u003e\n Une cure classique dure entre 2 et 3 mois. Pour un soutien thyroïdien régulier, vous pouvez alterner des périodes de cure et des pauses d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"asc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"asc-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre thyroïde le meilleur de la nature avec l'Ascophyllum Nodosum Bio – une source d'iode pure, naturelle et hautement assimilable directement issue des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asc-cream: #f5f9fa;\n --asc-white: #ffffff;\n --asc-primary: #1E88A8;\n --asc-primary-dark: #156378;\n --asc-primary-light: #e8f4f7;\n --asc-secondary: #8B5A2B;\n --asc-accent: #C41E3A;\n --asc-text: #1a1a1a;\n --asc-text-light: #5a5a5a;\n --asc-border: #d8e8ec;\n --asc-shadow: 0 4px 24px rgba(30, 136, 168, .08);\n --asc-shadow-lg: 0 12px 48px rgba(30, 136, 168, .15);\n --asc-radius: 20px;\n --asc-radius-sm: 12px;\n}\n\n.asc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.asc-hero {\n position: relative;\n background: linear-gradient(135deg, #156378 0%, #1E88A8 40%, #2A9BB5 70%, #3AAFCA 100%);\n border-radius: var(--asc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--asc-shadow-lg);\n}\n\n.asc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.asc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.asc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.asc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.asc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.asc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--asc-primary), var(--asc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.asc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.asc-card {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asc-shadow-lg);\n border-color: var(--asc-primary);\n}\n\n.asc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asc-grid-compact .asc-card {\n padding: 1rem;\n}\n\n.asc-grid-compact .asc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asc-grid-compact .asc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.asc-composition-box {\n background: linear-gradient(135deg, var(--asc-primary-light) 0%, var(--asc-white) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n border: 2px solid var(--asc-primary);\n text-align: center;\n}\n\n.asc-ingredient-main {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: baseline;\n gap: .75rem;\n margin-bottom: .5rem;\n}\n\n.asc-ingredient-name {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n}\n\n.asc-ingredient-dose {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-accent);\n}\n\n.asc-ingredient-desc {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.asc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.asc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--asc-white);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--asc-shadow);\n}\n\n.asc-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asc-primary), var(--asc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n}\n\n.asc-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asc-step-content p {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.asc-tip-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--asc-secondary);\n}\n\n.asc-tip-box p {\n font-size: 14px;\n color: var(--asc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.asc-accordion {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n box-shadow: var(--asc-shadow);\n overflow: hidden;\n}\n\n.asc-accordion-item {\n border-bottom: 1px solid var(--asc-border);\n margin: 0;\n padding: 0;\n}\n\n.asc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.asc-accordion-header:hover {\n background: var(--asc-primary-light);\n}\n\n.asc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asc-primary);\n transition: transform .2s ease;\n}\n\n.asc-accordion-item[open] .asc-accordion-header::after {\n content: '−';\n}\n\n.asc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.asc-cta-box {\n background: linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-primary-dark) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.asc-disclaimer {\n text-align: center;\n font-size: 12px;\n color: var(--asc-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .asc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asc-grid-compact {\n gap: .625rem;\n }\n \n .asc-grid-compact .asc-card {\n padding: .75rem;\n }\n \n .asc-card {\n padding: 1.125rem;\n }\n \n .asc-section {\n margin-bottom: 1.75rem;\n }\n \n .asc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asc-radius-sm);\n }\n \n .asc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asc-step {\n padding: 1rem;\n }\n \n .asc-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .asc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .asc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .asc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asc-card:nth-child(1) { animation-delay: .05s; }\n .asc-card:nth-child(2) { animation-delay: .1s; }\n .asc-card:nth-child(3) { animation-delay: .15s; }\n .asc-card:nth-child(4) { animation-delay: .2s; }\n .asc-card:nth-child(5) { animation-delay: .25s; }\n .asc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754725105821,"sku":"REF155","price":11.18,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ascophyllum-nodosum-vital-osmose-505-mg.jpg?v=1772440080"},{"product_id":"berberine-350-mg-120-gelules-vitalosmose","title":"Berbérine 350 mg 120 gélules - Gestion du poids \u0026 de la glycémie - VitalOsmose","description":"\u003cp\u003eProfitez d’un format prolongé avec la \u003cstrong\u003eBerbérine 350 mg\u003c\/strong\u003e de VitalOsmose en \u003cstrong\u003e120 gélules\u003c\/strong\u003e, une solution naturelle pour soutenir votre métabolisme et réguler votre glycémie. Extraite de la racine de \u003cem\u003eBerberis aristata\u003c\/em\u003e et titrée à \u003cstrong\u003e97%\u003c\/strong\u003e, cette berbérine hautement concentrée est reconnue pour son action bénéfique sur l’équilibre énergétique et la gestion du poids.\u003c\/p\u003e\n\u003ch2\u003eUne action complète pour votre bien-être\u003c\/h2\u003e\n\u003cp\u003eTraditionnellement utilisée dans la médecine ayurvédique et chinoise, la berbérine est aujourd’hui étudiée pour ses nombreux bienfaits sur l’organisme :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eActivation de l’AMPK\u003c\/strong\u003e : En stimulant cette enzyme clé, la berbérine joue un rôle essentiel dans la régulation du métabolisme et de l’énergie cellulaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStabilisation de la glycémie\u003c\/strong\u003e : Elle favorise un taux de sucre sanguin équilibré, idéal pour soutenir le métabolisme glucidique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGestion du poids\u003c\/strong\u003e : En contribuant à réduire le stockage des graisses et à augmenter la dépense énergétique, elle participe naturellement au maintien d’un poids sain.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection cardiovasculaire\u003c\/strong\u003e : Elle aide à réguler les taux de cholestérol et de triglycérides, favorisant ainsi une bonne santé cardiovasculaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉquilibre digestif\u003c\/strong\u003e : Ses effets bénéfiques sur la flore intestinale améliorent l’absorption des nutriments et le confort digestif.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne synergie efficace avec le zinc\u003c\/h2\u003e\n\u003cp\u003eCette formule exclusive associe la berbérine au \u003cstrong\u003ebisglycinate de zinc\u003c\/strong\u003e, un oligo-élément essentiel contribuant à un métabolisme glucidique normal et au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n\u003ch2\u003eComposition par gélule\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait aqueux de \u003cem\u003eBerberis aristata\u003c\/em\u003e\u003c\/strong\u003e titré à 97% de berbérine : 350 mg (soit 340 mg de berbérine pure)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisglycinate de zinc\u003c\/strong\u003e : 18 mg, apportant 5,9 mg de zinc élément (soit 59% des Valeurs Nutritionnelles de Référence)\u003c\/li\u003e\n\u003cli\u003eGélule végétale (cellulose)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avant un repas. Une cure d’au moins trois mois est recommandée pour une efficacité optimale. Ce format de 120 gélules permet un usage prolongé pour un accompagnement durable.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFemmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eEnfants et adolescents\u003c\/li\u003e\n\u003cli\u003ePersonnes diabétiques ou souffrant de troubles hépatiques ou cardiaques\u003c\/li\u003e\n\u003cli\u003ePersonnes sous traitement médicamenteux (consulter un professionnel de santé)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRespecter la dose recommandée. Ce complément alimentaire ne se substitue pas à une alimentation équilibrée et doit s’intégrer dans un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eAvec la \u003cstrong\u003eBerbérine 350 mg - 120 gélules\u003c\/strong\u003e de VitalOsmose, misez sur une régulation efficace et naturelle de votre métabolisme et de votre glycémie.\u003c\/p\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-zinc-120-gelules-qualidiet.webp?v=1754054784"},{"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":12.58,"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_glules_de_350_mg_Qualidiet.jpg?v=1782295681"},{"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.webp?v=1773650438"},{"product_id":"lecithine-dorigine-marine-90-gelules-qualidiet","title":"Lécithine d'Origine Marine - 90 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lécithine d'Origine Marine - 90 Gélules\nPalette détectée:\n - Primaire: #1e5a8a (bleu marine profond du texte principal)\n - Secondaire: #4a9cc7 (bleu clair des vagues\/eau)\n - Accent: #c41e3a (rouge du logo Qualidiet)\nAmbiance: Marine, fraîcheur océanique, santé naturelle, produit pharmaceutique\/bien-être avec une touche aquatique et apaisante\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n \n \u003cdiv class=\"lm-hero\"\u003e\n \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lm-hero-content\"\u003e\n \u003cdiv class=\"lm-badges-top\"\u003e\n \u003cspan class=\"lm-badge\"\u003e🐟 Origine marine\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🧠 Santé cognitive\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lm-hero-title\"\u003eLécithine d'origine marine\u003c\/span\u003e\n \u003cp class=\"lm-subtitle\"\u003e17% de phospholipides marins hautement concentrés\u003c\/p\u003e\n \u003cp class=\"lm-description\"\u003eRedécouvrez le pouvoir naturel de la lécithine marine pour soutenir votre circulation cérébrale et renforcer votre santé cognitive au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🌊 Bienfaits de la lécithine marine\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eSoutient efficacement les capacités cognitives et la mémoire grâce aux phospholipides essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir l'équilibre des lipides dans le sang pour une meilleure santé du cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eFavorise une circulation optimale du sang, notamment au niveau cérébral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e⚡ Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eApport en Omega-3 et acides gras indispensables au bon fonctionnement de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🐠 Phospholipides marins\u003c\/h3\u003e\n \u003cp\u003eIssus de poissons sauvages, hautement concentrés à \u003cstrong\u003e17%\u003c\/strong\u003e pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🌿 Omega-3\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels reconnus pour leurs bienfaits sur le cerveau et le système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eEnveloppe 100% d'origine végétale pour une meilleure tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lm-usage-box\"\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003edurant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003eFlacon de 90 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid-compact\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eConcentration et mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n \u003cp\u003ePerformance cognitive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintien des fonctions cérébrales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération et vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lm-accordion\"\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eLes phospholipides de poissons proviennent de zones de pêche certifiées en gestion durable, reflétant notre engagement pour la préservation de l'environnement marin. Chaque étape de fabrication suit strictement les normes européennes, assurant un produit final pur, efficace et sécurisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation diversifiée et équilibrée et à un mode de vie sain. Veuillez consulter un professionnel de santé avant utilisation, en cas de grossesse, allaitement ou prise de médication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lm-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre cerveau le meilleur de l'océan avec la lécithine marine hautement concentrée en phospholipides !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lm-cream: #f5f9fc;\n --lm-white: #ffffff;\n --lm-primary: #1e5a8a;\n --lm-primary-dark: #0d3a5c;\n --lm-primary-light: #e8f4fc;\n --lm-secondary: #4a9cc7;\n --lm-accent: #c41e3a;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a6a7a;\n --lm-border: #d8e8f0;\n --lm-shadow: 0 4px 24px rgba(30,90,138,.08);\n --lm-shadow-lg: 0 12px 48px rgba(30,90,138,.15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, #0d3a5c 0%, #1e5a8a 40%, #4a9cc7 100%);\n border-radius: var(--lm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M0 45 Q15 35 30 45 T60 45' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .08;\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n margin-bottom: 1.5rem;\n}\n\n.lm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.lm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-card-highlight {\n background: linear-gradient(145deg, var(--lm-white) 0%, var(--lm-primary-light) 100%);\n border: 2px solid var(--lm-border);\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n.lm-usage-box {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lm-shadow);\n}\n\n.lm-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--lm-border);\n}\n\n.lm-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.lm-usage-step:first-child {\n padding-top: 0;\n}\n\n.lm-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lm-step-content h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lm-step-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .1;\n}\n\n.lm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lm-card {\n padding: 1.125rem;\n }\n \n .lm-section {\n margin-bottom: 1.75rem;\n }\n \n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n \n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lm-grid-compact {\n gap: .625rem;\n }\n \n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n \n .lm-badges-top {\n gap: .5rem;\n }\n \n .lm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .lm-usage-box {\n padding: 1rem;\n }\n \n .lm-usage-step {\n gap: .75rem;\n padding: .75rem 0;\n }\n \n .lm-step-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .lm-step-content h4 {\n font-size: 14px;\n }\n \n .lm-step-content p {\n font-size: 13px;\n }\n \n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754729332893,"sku":"VO4535","price":16.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithine-dorigine-marine-90-gelules-vitalosmose-packshothd.webp?v=1774289804"},{"product_id":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eVitamine C Liposomale 525 mg – Une absorption supérieure pour votre vitalité\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vc-cream: #faf7f4;\n --vc-white: #ffffff;\n --vc-primary: #E85B20;\n --vc-primary-dark: #B8420F;\n --vc-primary-light: #FFF3EC;\n --vc-secondary: #5B3A8C;\n --vc-accent: #D94520;\n --vc-text: #1a1a1a;\n --vc-text-light: #5a5a5a;\n --vc-border: #e8e0d8;\n --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vc-radius: 20px;\n --vc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-premium *, .vc-premium *::before, .vc-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n position: relative;\n background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 100%);\n border-radius: var(--vc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.vc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.vc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.vc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vc-highlight-box {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.vc-compare-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n color: #dc3545;\n}\n\n.vc-compare-good h3 {\n color: #28a745;\n}\n\n.vc-compare-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.vc-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vc-shadow-lg);\n border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n padding: 1rem;\n}\n\n.vc-grid-compact .vc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vc-grid-compact .vc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vc-primary), var(--vc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.vc-timeline-content {\n flex: 1;\n background: var(--vc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vc-radius-sm);\n box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n font-size: 14px;\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vc-accordion {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n box-shadow: var(--vc-shadow);\n overflow: hidden;\n}\n\n.vc-accordion-item {\n border-bottom: 1px solid var(--vc-border);\n margin: 0;\n padding: 0;\n}\n\n.vc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vc-accordion-header:hover {\n background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vc-primary);\n transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n content: '−';\n}\n\n.vc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vc-primary-light);\n border-radius: var(--vc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vc-tip p {\n font-size: 14px;\n color: var(--vc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 100%);\n border-radius: var(--vc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.vc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vc-disclaimer {\n font-size: 12px;\n color: var(--vc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-card {\n padding: 1.125rem;\n }\n\n .vc-section {\n margin-bottom: 1.75rem;\n }\n\n .vc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vc-radius-sm);\n }\n\n .vc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vc-grid-compact {\n gap: .625rem;\n }\n\n .vc-grid-compact .vc-card {\n padding: .75rem;\n }\n\n .vc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vc-timeline-content h3 {\n font-size: 14px;\n }\n\n .vc-timeline-content p {\n font-size: 13px;\n }\n\n .vc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vc-testimonial {\n padding: 1.25rem;\n }\n\n .vc-testimonial-text {\n font-size: 14px;\n }\n\n .vc-highlight-box {\n padding: 1.25rem;\n }\n\n .vc-highlight-box p {\n font-size: 14px;\n }\n\n .vc-compare-card {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vc-card,\n .vc-compare-card {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-card:nth-child(1),\n .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n .vc-card:nth-child(2),\n .vc-compare-card:nth-child(2) { animation-delay: .1s; }\n .vc-card:nth-child(3) { animation-delay: .15s; }\n .vc-card:nth-child(4) { animation-delay: .2s; }\n .vc-card:nth-child(5) { animation-delay: .25s; }\n .vc-card:nth-child(6) { animation-delay: .3s; }\n\n .vc-timeline-item {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-vitalosmose-lifestyle.webp?v=1770883998"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"qc-hero\"\u003e\n \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qc-hero-content\"\u003e\n \u003cdiv class=\"qc-badges-top\"\u003e\n \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n \u003cdiv class=\"qc-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"qc-timeline\"\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-cta-box\"\u003e\n \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qc-cream: #f4f5f8;\n --qc-white: #ffffff;\n --qc-primary: #1e3a6e;\n --qc-primary-dark: #122550;\n --qc-primary-light: #e8edf5;\n --qc-secondary: #4a6fa5;\n --qc-accent: #8ba3cc;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #dde2ea;\n --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n --qc-radius: 20px;\n --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n border-radius: var(--qc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.qc-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.qc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.qc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qc-primary), var(--qc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--qc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qc-shadow-lg);\n border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.qc-timeline-content {\n flex: 1;\n background: var(--qc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qc-radius-sm);\n box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n font-size: 14px;\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n box-shadow: var(--qc-shadow);\n overflow: hidden;\n}\n\n.qc-accordion-item {\n border-bottom: 1px solid var(--qc-border);\n margin: 0;\n padding: 0;\n}\n\n.qc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qc-accordion-header:hover {\n background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n content: '−';\n}\n\n.qc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qc-primary-light);\n border-radius: var(--qc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qc-tip p {\n font-size: 14px;\n color: var(--qc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n border-radius: var(--qc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.qc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qc-disclaimer {\n font-size: 12px;\n color: var(--qc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qc-card {\n padding: 1.125rem;\n }\n\n .qc-section {\n margin-bottom: 1.75rem;\n }\n\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qc-grid-compact {\n gap: .625rem;\n }\n\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n\n .qc-timeline-content p {\n font-size: 13px;\n }\n\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qc-highlight-box {\n padding: 1.25rem;\n }\n\n .qc-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qc-card {\n animation: qcFadeInUp .5s ease backwards;\n }\n .qc-card:nth-child(1) { animation-delay: .05s; }\n .qc-card:nth-child(2) { animation-delay: .1s; }\n .qc-card:nth-child(3) { animation-delay: .15s; }\n .qc-card:nth-child(4) { animation-delay: .2s; }\n .qc-card:nth-child(5) { animation-delay: .25s; }\n .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .qc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd_a56ab40a-84e3-480b-ad0b-e2f9a250241c.webp?v=1775222391"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-comparison\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eAstuce détente du soir\u003c\/h3\u003e\n \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a4f9c;\n --mg-primary-dark: #0d2f66;\n --mg-primary-light: #e8eff9;\n --mg-secondary: #2b7de9;\n --mg-accent: #c9a226;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a6270;\n --mg-border: #dde3ed;\n --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,162,38,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-accent));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-tip {\n padding: .875rem 1rem;\n }\n\n .mg-tip-icon {\n font-size: 20px;\n }\n\n .mg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-vitalosmose-packshothd.webp?v=1774698776"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a3a7a;\n --mg-primary-dark: #0e2554;\n --mg-primary-light: #e8edf7;\n --mg-secondary: #3b7dd8;\n --mg-accent: #5a9cf5;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #dde3ee;\n --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mg-section-intro strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":25.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-vitalosmo-packshothd.webp?v=1773492134"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n \n \u003cdiv class=\"hrc-hero\"\u003e\n \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hrc-hero-content\"\u003e\n \u003cdiv class=\"hrc-badges-top\"\u003e\n \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hrc-composition-box\"\u003e\n \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-grid\"\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hrc-steps\"\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eAdministration\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-tip\"\u003e\n \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid-compact\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hrc-accordion\"\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hrc-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hrc-cream: #f8f9fa;\n --hrc-white: #ffffff;\n --hrc-primary: #1E5AAF;\n --hrc-primary-dark: #14407a;\n --hrc-primary-light: #e8f0fa;\n --hrc-secondary: #4A9B4A;\n --hrc-secondary-light: #e8f5e8;\n --hrc-accent: #C8352D;\n --hrc-text: #1a1a1a;\n --hrc-text-light: #5a5a5a;\n --hrc-border: #e0e0e0;\n --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n --hrc-radius: 20px;\n --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hrc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hrc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hrc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.hrc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hrc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hrc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hrc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hrc-shadow-lg);\n border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hrc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hrc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hrc-card-benefit {\n text-align: left;\n}\n\n.hrc-card-benefit ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.hrc-card-benefit li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text-light);\n padding: .35rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.hrc-card-benefit li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--hrc-secondary);\n font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hrc-shadow);\n border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hrc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n overflow: hidden;\n box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n}\n\n.hrc-composition-grid {\n padding: 1rem;\n}\n\n.hrc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n border-bottom: none;\n}\n\n.hrc-composition-sub {\n background: var(--hrc-primary-light);\n margin: 0 -1rem;\n padding-left: 2rem;\n}\n\n.hrc-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: 1.5rem;\n box-shadow: var(--hrc-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.hrc-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hrc-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n font-size: 14px;\n color: var(--hrc-text-light);\n margin: 0;\n}\n\n.hrc-tip {\n background: var(--hrc-secondary-light);\n border-radius: var(--hrc-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text);\n border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n box-shadow: var(--hrc-shadow);\n overflow: hidden;\n}\n\n.hrc-accordion-item {\n border-bottom: 1px solid var(--hrc-border);\n margin: 0;\n padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hrc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hrc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hrc-accordion-header:hover {\n background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hrc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hrc-primary);\n transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n content: '−';\n}\n\n.hrc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hrc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n font-size: 13px;\n color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hrc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.hrc-cta-box strong {\n color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hrc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hrc-card {\n padding: 1.125rem;\n }\n \n .hrc-section {\n margin-bottom: 1.75rem;\n }\n \n .hrc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hrc-radius-sm);\n }\n \n .hrc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hrc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hrc-badges-top {\n gap: 8px;\n }\n \n .hrc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hrc-grid-compact {\n gap: .625rem;\n }\n \n .hrc-grid-compact .hrc-card {\n padding: .75rem;\n }\n \n .hrc-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .hrc-step {\n padding: 1rem;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n \n .hrc-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .hrc-info-box {\n padding: 1.25rem;\n }\n \n .hrc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hrc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hrc-composition-item {\n padding: .75rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hrc-composition-sub {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hrc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hrc-card:nth-child(1) { animation-delay: .05s; }\n .hrc-card:nth-child(2) { animation-delay: .1s; }\n .hrc-card:nth-child(3) { animation-delay: .15s; }\n .hrc-card:nth-child(4) { animation-delay: .2s; }\n .hrc-card:nth-child(5) { animation-delay: .25s; }\n .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hrc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-vitalosmose-ingredients.jpg?v=1768225119"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n \u003cdiv class=\"rei-hero-stats\"\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"rei-composition-wrapper\"\u003e\n \u003cdiv class=\"rei-composition-main\"\u003e\n \u003cdiv class=\"rei-ingredient-hero\"\u003e\n \u003cdiv class=\"rei-ingredient-content\"\u003e\n \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-composition-grid\"\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage-box\"\u003e\n \u003cdiv class=\"rei-usage-steps\"\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eMoment\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eDurée\u003c\/h4\u003e\n \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n \u003ch4\u003eSeniors\u003c\/h4\u003e\n \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"rei-quality-grid\"\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003e100% biologique\u003c\/h4\u003e\n \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-warning-box\"\u003e\n \u003cdiv class=\"rei-warning-header\"\u003e\n \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cul class=\"rei-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-cta-content\"\u003e\n \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-badges\"\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rei-cream: #F8F6F3;\n --rei-white: #ffffff;\n --rei-primary: #1E5AA8;\n --rei-primary-dark: #164785;\n --rei-primary-light: #E8F1FB;\n --rei-secondary: #2E7D32;\n --rei-secondary-light: #E8F5E9;\n --rei-accent: #C62828;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #e0e0e0;\n --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rei-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n border-radius: var(--rei-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rei-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.rei-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.rei-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--rei-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.rei-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rei-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.rei-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n align-items: center;\n gap: 2rem;\n border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n font-size: 72px;\n flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n font-style: italic;\n color: var(--rei-secondary);\n font-size: 14px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n display: inline-block;\n background: var(--rei-primary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n font-size: 15px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.rei-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.rei-mini-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1rem;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n font-size: 24px;\n}\n\n.rei-mini-label {\n font-size: 13px;\n color: var(--rei-text-light);\n font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.rei-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.rei-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--rei-secondary-light);\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rei-tip p {\n font-size: 14px;\n color: var(--rei-text);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n font-size: 13px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-quality-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n font-size: 40px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.rei-info-item {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.rei-info-icon {\n font-size: 28px;\n}\n\n.rei-info-label {\n font-size: 12px;\n color: var(--rei-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.rei-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n font-size: 28px;\n}\n\n.rei-warning-header h4 {\n font-size: 18px;\n font-weight: 800;\n color: #E65100;\n margin: 0;\n}\n\n.rei-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rei-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.rei-cta-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n padding: 8px 16px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rei-grid,\n .rei-grid-4,\n .rei-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .rei-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .rei-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .rei-stat {\n width: 100%;\n max-width: 200px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n animation: reiFadeInUp .6s ease backwards;\n }\n \n .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n .rei-card:nth-child(5) { animation-delay: .5s; }\n .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n border: 2px solid var(--rei-text);\n }\n \n .rei-badge {\n border: 2px solid var(--rei-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-vitalosmose-ingredients.jpg?v=1766695198"},{"product_id":"gelee-nettoyante-purifiante-bio-145-ml-centifolia","title":"Gelée Nettoyante et Purifiante Visage Bio - 145 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e💧 99,5% Naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍃 Peaux mixtes à grasses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGelée Nettoyante Purifiante Fraîcheur de Thé\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 145 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn rituel de nettoyage quotidien doux et efficace, enrichi en hydrolat de thé vert bio et zinc PCA. Élimine impuretés et excès de sébum sans dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel nettoyant bio visage ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux nettoyants du marché qui décapent la peau, cette gelée repose sur une base lavante ultra-douce dérivée de sucre et de coco, sans sulfates, parabènes ni silicones.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧪 pH physiologique\u003c\/h3\u003e\n \u003cp\u003ePréserve le film hydrolipidique et évite les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eFormule sans parabènes ni silicones pour respecter la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n \u003cp\u003eTexture gel transparente qui se transforme en mousse légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eUne vraie option bio face aux références du marché comme Caudalie Vinopure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes actifs clés d'un nettoyant bio visage efficace\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍵 Hydrolat de Thé Vert BIO\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il tonifie et purifie la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Extrait de Gattilier\u003c\/h3\u003e\n \u003cp\u003eRégule la production de sébum et limite les brillances indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫚 Hydrolat de Gingembre BIO\u003c\/h3\u003e\n \u003cp\u003eStimule et revitalise le teint pour un éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Vera BIO\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et calme les rougeurs des peaux sensibilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action assainissante sur les peaux à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥥 Base lavante douce\u003c\/h3\u003e\n \u003cp\u003eDérivée de sucre et de coco, pour un nettoyage ultra-respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e99,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 20,9 % issus de l'Agriculture Biologique. Certifiée \u003cstrong\u003eCosmebio\u003c\/strong\u003e, contrôlée par Ecocert et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser la Gelée Nettoyante Fraîcheur de Thé ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement des bienfaits de ce gel nettoyant visage bio, suivez ce rituel simple matin et soir.\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gelée dans le creux de la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eÉmulsionnez\u003c\/h3\u003e\n \u003cp\u003eAjoutez un peu d'eau pour former une mousse légère et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le visage en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire puis séchez en tapotant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eÀ utiliser \u003cstrong\u003ematin et soir\u003c\/strong\u003e. Pour un rituel purifiant complet, associez cette gelée au masque exfoliant et au fluide matifiant de la gamme Fraîcheur de Thé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eIdéale pour rééquilibrer la zone T et les zones plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum et limite les brillances au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔍 Pores dilatés\u003c\/h3\u003e\n \u003cp\u003eAide à resserrer les pores et affiner le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eCompatible avec les peaux sensibles qui brillent dans la zone T.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💄 Cette gelée démaquille-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eElle nettoie parfaitement la peau en fin de journée, mais pour un maquillage longue tenue, un démaquillage préalable à l'huile est conseillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🌿 Convient-elle aux peaux acnéiques ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, grâce au thé vert, au gattilier et au zinc PCA, elle aide à assainir les peaux à tendance acnéique. En cas de traitement dermatologique, demandez conseil à votre médecin : ce produit cosmétique ne remplace pas 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=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagement Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eMarque française pionnière de la \u003cstrong\u003ecosméto-botanique\u003c\/strong\u003e, Centifolia sélectionne chaque ingrédient pour sa traçabilité et son impact réduit sur la biodiversité. Flacon de 145 ml, testé sous contrôle dermatologique. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f9f3;\n --cf-white: #ffffff;\n --cf-primary: #7bc17e;\n --cf-primary-dark: #3d6b42;\n --cf-primary-light: #e8f3e6;\n --cf-secondary: #a8d5a8;\n --cf-accent: #4a8b52;\n --cf-text: #1a2e1c;\n --cf-text-light: #5a6b5c;\n --cf-border: #d8e8d5;\n --cf-shadow: 0 4px 24px rgba(61,107,66,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,107,66,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #7bc17e 0%, #4a8b52 50%, #3d6b42 100%);\n border-radius: var(--cf-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(--cf-shadow-lg);\n}\n\n.cf-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: .4;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-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.cf-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: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.6;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-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(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-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.cf-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(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-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(61,107,66,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-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.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-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@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-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 .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":45754744078493,"sku":"CE0425","price":12.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-nettoyante-et-purifiante-visage-bio-145-ml-centifolia-packshothd.webp?v=1777800802"},{"product_id":"porte-savon-shampoing-solide-cap-bambou","title":"Porte savon \u0026 shampooing solide en bambou - Cap Bambou","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003ePorte Savon \/ Shampoing Solide en Bambou\u003c\/strong\u003e de Cap Bambou, un accessoire indispensable pour prolonger la durée de vie de vos savons et shampoings solides tout en apportant une touche naturelle à votre salle de bain. Fabriqué avec soin à partir de bambou durable et écologique, ce porte-savon allie fonctionnalité et esthétisme.\u003c\/p\u003e\n\u003cp\u003eCe porte-savon élégant et pratique est conçu pour permettre à l'eau de s'écouler facilement, évitant ainsi aux résidus de savon de stagner. Grâce à sa structure bien pensée, il permet à vos produits solides de sécher efficacement entre chaque utilisation, les gardant propre et hygiénique plus longtemps.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003ePlacez simplement votre savon ou shampoing solide sur le \u003cstrong\u003ePorte Savon \/ Shampoing Solide - Cap Bambou\u003c\/strong\u003e après chaque utilisation. Assurez-vous que l'eau peut s'écouler librement en plaçant le porte-savon dans un endroit bien drainé. Cela permettra à vos produits de sécher rapidement, évitant ainsi leur dégradation prématurée.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003ePorte Savon \/ Shampoing Solide - Cap Bambou\u003c\/strong\u003e est fabriqué à 100% en \u003cem\u003ebambou naturel\u003c\/em\u003e. Le bambou est réputé pour ses propriétés écologiques, étant une ressource renouvelable, biodégradable et résistante. Le bambou utilisé dans ce produit est sélectionné pour sa qualité supérieure, garantissant une longue durée de vie et un aspect esthétique raffiné.\u003c\/p\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eCe porte-savon est conçu et fabriqué de manière éthique, respectant les normes environnementales les plus strictes. Le bambou est récolté de manière durable et chaque porte-savon est soigneusement assemblé pour garantir une finition impeccable. En choisissant le \u003cstrong\u003ePorte Savon \/ Shampoing Solide - Cap Bambou\u003c\/strong\u003e, vous soutenez les pratiques commerciales respectueuses de l'environnement et les artisans locaux impliqués dans sa fabrication.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatériau :\u003c\/strong\u003e 100% bambou naturel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDimensions :\u003c\/strong\u003e 12 cm x 8 cm x 1.5 cm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign :\u003c\/strong\u003e Fente de drainage pour éliminer l'excès d'eau\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntretien facile :\u003c\/strong\u003e Nettoyer à l'eau tiède si nécessaire\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité :\u003c\/strong\u003e Résistant à l'humidité et aux moisissures\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir le Porte Savon \u0026amp; Shampoing Solide de Cap Bambou ?\u003c\/h2\u003e\n\u003cp\u003eOpter pour le \u003cem\u003e\u003cstrong\u003ePorte Savon \/ Shampoing Solide Cap Bambou\u003c\/strong\u003e\u003c\/em\u003e, c'est privilégier une salle de bain zéro déchet. Grâce à son matériau naturel et recyclable, il s'inscrit parfaitement dans une démarche de consommation responsable. Ce porte-savon vous permettra non seulement de maximiser la durée de vie de vos produits solides, mais aussi de contribuer à la protection de notre planète.\u003c\/p\u003e\n\u003cp\u003eNe laissez plus traîner vos savons dans des porte-savons humides et peu hygiéniques. Adoptez dès aujourd'hui le \u003cstrong\u003ePorte Savon \/ Shampoing Solide - Cap Bambou\u003c\/strong\u003e et profitez de l'alliance parfaite entre nature, élégance et praticité.\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754794508445,"sku":"NBAICBA0027","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/porte-savon-cap-bambou.webp?v=1758618654"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/all.oembed?page=50","provider":"Naturellement Bio","version":"1.0","type":"link"}