{"title":"French days","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 par tranche de 10kg\/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":13.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vermiprotect-vermifuge-liquide-chien-chat-200ml-phytolab-packshothd.webp?v=1786533008"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a3a7a;\n --mg-primary-dark: #0e2554;\n --mg-primary-light: #e8edf7;\n --mg-secondary: #3b7dd8;\n --mg-accent: #5a9cf5;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #dde3ee;\n --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mg-section-intro strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":26.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-qualidiet-packshothd.webp?v=1784363006"},{"product_id":"laque-fixation-forte-bio-150-ml-k-pour-karite","title":"Laque Fixation Forte Bio - 150 Ml - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🍃 Sans gaz propulseur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eLaque Fixation Forte Bio\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité — 150 ml\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eUn maintien longue durée puissant et naturel, sans effet cartonné, enrichi au karité bio et à l'orange douce. Vos cheveux restent souples, brillants et parfaitement en place.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLaque bio fixation forte K pour Karité : tenez vos coiffures sans compromettre vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVous cherchez une \u003cstrong\u003elaque fixation forte\u003c\/strong\u003e qui maintient durablement votre coiffure sans assécher ni alourdir vos cheveux ? La \u003cstrong\u003elaque bio K pour Karité 150 ml\u003c\/strong\u003e répond exactement à ce besoin. Certifiée bio, sans gaz propulseur et fabriquée en France, elle offre un maintien longue durée comparable aux grandes références du marché — mais avec une composition naturelle et respectueuse de votre fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir une laque bio pour cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eLes laques conventionnelles, qu'il s'agisse d'une laque L'Oréal fixation forte ou d'une laque Schwarzkopf fixation forte, contiennent souvent des silicones, des parabens et des gaz propulseurs qui peuvent irriter le cuir chevelu et fragiliser les cheveux à long terme. Avec la \u003cstrong\u003elaque bio cheveux\u003c\/strong\u003e K pour Karité, vous profitez d'une tenue solide tout au long de la journée, \u003cstrong\u003esans effet collant, sans résidus visibles et sans ingrédients controversés\u003c\/strong\u003e. Vos cheveux restent souples, brillants et naturels au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLes atouts clés de cette laque pour cheveux bio\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💪 Fixation forte et durable\u003c\/h3\u003e\n \u003cp\u003eMaintien fiable de toutes vos coiffures, des chignons sophistiqués aux brushings volumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌍 Sans gaz propulseur\u003c\/h3\u003e\n \u003cp\u003eLe format spray permet une vaporisation fine et précise, plus écologique et plus économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Pas d'effet cartonné\u003c\/h3\u003e\n \u003cp\u003eVos cheveux gardent leur mouvement naturel tout en restant parfaitement en place.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💇 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eConvient aux cheveux fins, épais, lisses, bouclés ou colorés sans distinction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍊 Parfum d'orange douce\u003c\/h3\u003e\n \u003cp\u003eUne touche de fraîcheur subtile et naturelle, loin des odeurs chimiques des laques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLa formule de cette \u003cstrong\u003elaque bio pour cheveux\u003c\/strong\u003e repose sur des actifs d'origine végétale aux propriétés complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌳 Gomme arabique\u003c\/h3\u003e\n \u003cp\u003eAgent fixant naturel qui assure un maintien puissant sans rigidifier le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Huile de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, protège et préserve l'hydratation de la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍊 Extrait d'orange douce bio\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et un parfum frais, délicat et 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans paraben, sans silicone, sans colorant artificiel.\u003c\/strong\u003e Tous les ingrédients sont sélectionnés pour leur qualité et leur innocuité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre laque fixation forte bio ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eVaporisez à bonne distance\u003c\/h3\u003e\n \u003cp\u003ePulvérisez à \u003cstrong\u003eenviron 20 cm des cheveux secs\u003c\/strong\u003e, sur l'ensemble de la coiffure ou sur les zones à fixer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eGagnez en volume\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement à la racine puis coiffez selon vos envies pour un effet volumateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSuperposez les couches\u003c\/h3\u003e\n \u003cp\u003ePréférez plusieurs couches légères plutôt qu'une seule application excessive pour un résultat plus naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCertifications et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée par le Laboratoire Ariland, spécialiste reconnu des soins capillaires bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 ECOCERT\u003c\/h3\u003e\n \u003cp\u003eComposition contrôlée et pratiques de fabrication responsables certifiées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💚 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eApprovisionnement éthique en matières premières garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat spray sans gaz, flacon recyclable et formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est faite cette laque ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eSi vous souhaitez une \u003cstrong\u003elaque cheveux fixation forte\u003c\/strong\u003e efficace tout en privilégiant des produits sains, cette référence est faite pour vous. Elle convient particulièrement aux personnes ayant le \u003cstrong\u003ecuir chevelu sensible\u003c\/strong\u003e, aux adeptes de la cosmétique naturelle et à toutes celles et ceux qui veulent un \u003cstrong\u003ecoiffage impeccable\u003c\/strong\u003e sans compromis sur la qualité des ingrédients.\u003cbr\u003e\u003cbr\u003e📐 Format \u003cstrong\u003e150 ml\u003c\/strong\u003e — pratique à glisser dans votre sac pour des retouches en journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #f7f6f2;\n --kpk-white: #ffffff;\n --kpk-primary: #5a7a52;\n --kpk-primary-dark: #3a5434;\n --kpk-primary-light: #eef4ec;\n --kpk-secondary: #8aab62;\n --kpk-accent: #d4a843;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e0e0e0;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #3a5434 0%, #5a7a52 40%, #8aab62 100%);\n border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,168,67,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-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.kpk-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.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-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.kpk-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(--kpk-primary), var(--kpk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-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.kpk-section-intro strong {\n color: var(--kpk-text);\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kpk-timeline-content strong {\n color: var(--kpk-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.kpk-testimonial-text strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kpk-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(138,171,98,.3) 0%, transparent 60%);\n}\n\n.kpk-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.kpk-cta-box strong {\n color: rgba(255,255,255,1);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-testimonial {\n padding: 1.25rem;\n }\n\n .kpk-testimonial-text {\n font-size: 14px;\n }\n\n .kpk-tip {\n padding: .875rem 1rem;\n }\n\n .kpk-tip-icon {\n font-size: 20px;\n }\n\n .kpk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\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 .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755009761437,"sku":"REF990","price":10.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/LAQUE-FIXATION-FORTE-BIO-150-ML-626770.jpg?v=1732721181"},{"product_id":"erectab-stimulant-20-comprimes-labophyto","title":"Erectab - Stimulant Sexuel Naturel pour l'Érection - 20 Comprimés - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Erectab - Stimulant Sexuel Naturel pour l'Érection\nPalette détectée:\n - Primaire: #2B7EC1 (Bleu profond du packaging, évoque confiance et masculinité)\n - Secondaire: #1A5A8F (Bleu foncé pour contraste et profondeur)\n - Accent: #4A9CD9 (Bleu clair pour les highlights et backgrounds)\n - Neutre: #F8F9FB (Gris très clair\/blanc cassé pour backgrounds)\nAmbiance: Masculin, confiant, technique\/médical, professionnel avec approche naturelle\nStyle suggéré: Premium masculin avec touche médicale\/scientifique, moderne et rassurant\nPréfixe CSS: et\n--\u003e\n\n\u003cdiv class=\"et-premium\"\u003e\n \u003cdiv class=\"et-hero\"\u003e\n \u003cdiv class=\"et-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"et-hero-content\"\u003e\n \u003cdiv class=\"et-badges-top\"\u003e\n \u003cspan class=\"et-badge\"\u003e⚡ Effet rapide\u003c\/span\u003e\n \u003cspan class=\"et-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"et-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"et-hero-title\"\u003eErectab\u003c\/span\u003e\n \u003cp class=\"et-subtitle\"\u003eStimulant naturel pour l'érection et la virilité\u003c\/p\u003e\n \u003cp class=\"et-description\"\u003eLe complément alimentaire masculin qui combine 6 extraits végétaux puissants et des micronutriments essentiels pour booster vos performances naturellement et retrouver confiance en vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePourquoi choisir Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-grid\"\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eAction rapide et ciblée\u003c\/div\u003e\n \u003cp\u003eFormule concentrée qui agit en \u003cstrong\u003e60 minutes\u003c\/strong\u003e pour favoriser une érection ferme et durable au moment souhaité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eLibido amplifiée\u003c\/div\u003e\n \u003cp\u003eAugmente le désir sexuel et l'énergie grâce à une synergie d'aphrodisiaques naturels reconnus depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eVirilité renforcée\u003c\/div\u003e\n \u003cp\u003eSoutient la production hormonale masculine avec zinc et sélénium pour une vitalité optimale et des performances durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003e100% naturel et sûr\u003c\/div\u003e\n \u003cp\u003eFormule à base de plantes adaptogènes, sans effets secondaires, pour améliorer naturellement votre performance sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🧠\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eConfiance retrouvée\u003c\/div\u003e\n \u003cp\u003eRetrouvez l'assurance et la sérénité nécessaires pour des moments intimes épanouis et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-card\"\u003e\n \u003cdiv class=\"et-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"et-card-title\"\u003eQualité Labophyto\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par un laboratoire expert en santé sexuelle masculine depuis plus de 10 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eUne formule naturelle ultra-concentrée\u003c\/h2\u003e\n \u003cp class=\"et-intro-text\"\u003eErectab réunit 6 extraits végétaux soigneusement sélectionnés et dosés, associés à des vitamines et minéraux essentiels pour une efficacité maximale.\u003c\/p\u003e\n \n \u003cdiv class=\"et-ingredients-grid\"\u003e\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eAstragale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eRacine tonifiante qui améliore la circulation sanguine et soutient la fonction érectile naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eAshwagandha\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e160 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAdaptogène puissant qui réduit le stress, augmente la testostérone et booste la libido masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eTribulus\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAméliore la performance sexuelle et stimule la production naturelle de testostérone.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e90 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003ePlante énergisante qui améliore l'endurance, la vitalité et la qualité des érections.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e🔥\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e50 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eStimulant circulatoire et aphrodisiaque qui favorise l'afflux sanguin et l'excitation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-ingredient-card\"\u003e\n \u003cdiv class=\"et-ingredient-header\"\u003e\n \u003cspan class=\"et-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n \u003cdiv class=\"et-ingredient-name\"\u003ePoivre noir\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-ingredient-dose\"\u003e1 mg\u003c\/div\u003e\n \u003cp class=\"et-ingredient-desc\"\u003eAméliore l'absorption de tous les actifs pour une efficacité optimale de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-vitamins-box\"\u003e\n \u003cdiv class=\"et-vitamins-title\"\u003e💊 Enrichi en micronutriments essentiels\u003c\/div\u003e\n \u003cdiv class=\"et-vitamins-grid\"\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eZinc\u003c\/strong\u003e\n \u003cspan\u003e10 mg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eSoutient la fertilité et la production de testostérone\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eSélénium\u003c\/strong\u003e\n \u003cspan\u003e55 µg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eProtège les cellules et favorise la spermatogenèse\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eVitamine B6\u003c\/strong\u003e\n \u003cspan\u003e1,4 mg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eRégule l'activité hormonale et réduit la fatigue\u003c\/small\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-vitamin-item\"\u003e\n \u003cstrong\u003eBiotine (B8)\u003c\/strong\u003e\n \u003cspan\u003e50 µg (100% AR)\u003c\/span\u003e\n \u003csmall\u003eSoutient le métabolisme énergétique normal\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eComment utiliser Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-usage-timeline\"\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003ePrendre 2 comprimés\u003c\/div\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003e60 minutes avant\u003c\/div\u003e\n \u003cp\u003eL'activité sexuelle prévue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"et-usage-step\"\u003e\n \u003cdiv class=\"et-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"et-usage-content\"\u003e\n \u003cdiv class=\"et-usage-title\"\u003eProfitez des résultats\u003c\/div\u003e\n \u003cp\u003eÉrection ferme et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-info-box\"\u003e\n \u003cdiv class=\"et-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"et-info-content\"\u003e\n \u003cstrong\u003eDosage recommandé :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Pour un effet optimal, respectez les recommandations d'usage et adoptez une utilisation régulière si nécessaire.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eRésultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"et-results-grid\"\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e⏱️ 60 min\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eAction rapide\u003c\/div\u003e\n \u003cp\u003eLes premiers effets se font sentir environ une heure après la prise pour une spontanéité préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e💪 Immédiat\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eÉrection renforcée\u003c\/div\u003e\n \u003cp\u003eAmélioration de la qualité, de la fermeté et de la durée des érections dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e🔥 2-4 semaines\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eLibido amplifiée\u003c\/div\u003e\n \u003cp\u003eAugmentation progressive du désir sexuel et de l'énergie avec une utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-result-card\"\u003e\n \u003cdiv class=\"et-result-time\"\u003e✨ 1-2 mois\u003c\/div\u003e\n \u003cdiv class=\"et-result-title\"\u003eVitalité optimale\u003c\/div\u003e\n \u003cp\u003eSoutien hormonal et amélioration globale de la performance masculine sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePour qui est Erectab ?\u003c\/h2\u003e\n \u003cdiv class=\"et-grid\"\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e👨\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n \u003cp\u003eQui souhaitent maintenir ou améliorer leur performance sexuelle naturellement avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eActifs stressés\u003c\/div\u003e\n \u003cp\u003eDont la libido et les érections sont affectées par le stress, la fatigue ou le surmenage professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eRecherche de performance\u003c\/div\u003e\n \u003cp\u003eQui veulent optimiser leur virilité, leur endurance et leur satisfaction lors des rapports intimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-target-card\"\u003e\n \u003cdiv class=\"et-target-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-target-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n \u003cp\u003eQui préfèrent une approche naturelle sans médicaments ni effets secondaires indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eAvis de nos clients et experts\u003c\/h2\u003e\n \n \u003cdiv class=\"et-expert-review\"\u003e\n \u003cdiv class=\"et-expert-badge\"\u003e👨‍⚕️ Avis d'expert\u003c\/div\u003e\n \u003cp\u003eNous apprécions particulièrement la synergie des plantes adaptogènes et aphrodisiaques utilisées dans la formule d'Erectab. \u003cstrong\u003eAstragale, Ashwagandha, Tribulus et Ginseng\u003c\/strong\u003e agissent de façon complémentaire pour soutenir l'érection, améliorer la vitalité et favoriser la libido.\u003c\/p\u003e\n \u003cp\u003eLa présence de \u003cstrong\u003eZinc, de Sélénium et de vitamines du groupe B\u003c\/strong\u003e complète intelligemment l'action en soutenant la production hormonale et la santé générale. Sa fabrication française et le sérieux du laboratoire Labophyto sont également des gages de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-reviews-grid\"\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eEffets visibles dès les premières prises\u003c\/strong\u003e avec des érections plus fermes et durables rapportés par de nombreux utilisateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eAmélioration notable de la confiance en soi\u003c\/strong\u003e et une meilleure satisfaction lors des rapports intimes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-positive\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eConfort digestif et absence d'effets indésirables\u003c\/strong\u003e notables selon les retours clients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-review-note\"\u003e\n \u003cdiv class=\"et-review-icon\"\u003e💡\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eEfficacité variable selon la sensibilité individuelle\u003c\/strong\u003e et la condition physique générale de chacun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"et-tip-box\"\u003e\n \u003cdiv class=\"et-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"et-tip-content\"\u003e\n \u003cstrong\u003eNotre conseil d'expert :\u003c\/strong\u003e Pour maximiser les effets d'Erectab, adoptez une bonne hygiène de vie : \u003cstrong\u003ealimentation équilibrée, activité physique régulière, sommeil de qualité et gestion du stress\u003c\/strong\u003e sont des alliés indispensables pour une sexualité épanouie et durable.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"et-quality-grid\"\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eMade in France\u003c\/div\u003e\n \u003cp\u003eFabriqué par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire français spécialisé en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🏭\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eLaboratoires certifiés\u003c\/div\u003e\n \u003cp\u003eProduction dans des installations conformes aux \u003cstrong\u003enormes européennes\u003c\/strong\u003e les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eIngrédients sélectionnés\u003c\/div\u003e\n \u003cp\u003eExtraits végétaux de \u003cstrong\u003equalité premium\u003c\/strong\u003e, rigoureusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-quality-card\"\u003e\n \u003cdiv class=\"et-quality-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"et-quality-title\"\u003eContrôles qualité\u003c\/div\u003e\n \u003cp\u003eChaque lot est testé pour garantir \u003cstrong\u003epureté, sécurité et efficacité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"et-warning-box\"\u003e\n \u003cdiv class=\"et-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"et-warning-content\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdultes uniquement :\u003c\/strong\u003e Ce produit est destiné exclusivement aux hommes adultes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDéconseillé :\u003c\/strong\u003e Ne pas utiliser chez les femmes enceintes ou allaitantes.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAvis médical :\u003c\/strong\u003e En cas de traitement médical en cours (notamment cardiovasculaire), consultez un professionnel de santé avant utilisation.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eConservation :\u003c\/strong\u003e Tenir hors de portée des enfants. Conserver dans un endroit sec et frais.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eComplément alimentaire :\u003c\/strong\u003e Ne peut remplacer une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDosage :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Respecter les doses recommandées.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"et-infos-grid\"\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eContenu\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e20 comprimés\u003c\/div\u003e\n \u003cp\u003eSoit 10 prises de 2 comprimés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003ePrise\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e60 min avant\u003c\/div\u003e\n \u003cp\u003eL'activité sexuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003e100% naturel\u003c\/div\u003e\n \u003cp\u003e6 extraits végétaux + nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"et-info-card\"\u003e\n \u003cdiv class=\"et-info-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-title\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"et-info-card-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLaboratoires Labophyto\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"et-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"et-cta-box\"\u003e\n \u003cdiv class=\"et-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"et-cta-content\"\u003e\n \u003cdiv class=\"et-cta-icon\"\u003e🚀\u003c\/div\u003e\n \u003cp\u003eBoostez votre virilité et votre performance sexuelle avec \u003cstrong\u003eErectab de Labophyto\u003c\/strong\u003e, un allié naturel pour des moments intimes plus intenses, plus confiants et plus satisfaisants !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --et-cream: #F8F9FB;\n --et-white: #ffffff;\n --et-primary: #2B7EC1;\n --et-primary-dark: #1A5A8F;\n --et-primary-light: #E8F3FC;\n --et-secondary: #4A9CD9;\n --et-accent: #3B8DC7;\n\n \/* Textes *\/\n --et-text: #1a1a1a;\n --et-text-light: #5a5a5a;\n\n \/* Effets *\/\n --et-border: #e0e0e0;\n --et-shadow: 0 4px 24px rgba(43, 126, 193, .08);\n --et-shadow-lg: 0 12px 48px rgba(43, 126, 193, .15);\n --et-radius: 20px;\n --et-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.et-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--et-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--et-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.et-hero {\n position: relative;\n background: linear-gradient(135deg, #2B7EC1 0%, #1A5A8F 50%, #2B7EC1 100%);\n border-radius: var(--et-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px);\n}\n\n.et-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.et-badges-top {\n display: flex;\n gap: 12px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.et-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--et-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.et-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.et-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.et-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.et-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.et-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.et-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--et-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.et-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--et-primary), var(--et-secondary));\n border-radius: 2px;\n}\n\n.et-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--et-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.et-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.et-card {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--et-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.et-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n border-color: var(--et-primary);\n}\n\n.et-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-card-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.et-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n}\n\n.et-ingredient-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--et-shadow);\n border-left: 4px solid var(--et-primary);\n transition: all .3s ease;\n}\n\n.et-ingredient-card:hover {\n transform: translateX(6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.et-ingredient-icon {\n font-size: 32px;\n}\n\n.et-ingredient-name {\n font-size: 20px;\n font-weight: 800;\n color: var(--et-primary-dark);\n letter-spacing: -.02em;\n}\n\n.et-ingredient-dose {\n display: inline-block;\n background: var(--et-primary-light);\n color: var(--et-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.et-ingredient-desc {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === VITAMINES === *\/\n.et-vitamins-box {\n background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .5) 100%);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border: 2px solid var(--et-primary);\n}\n\n.et-vitamins-title {\n font-size: clamp(19px, 3vw, 24px);\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: 1.5rem;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.et-vitamins-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.et-vitamin-item {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.25rem;\n box-shadow: 0 2px 12px rgba(43, 126, 193, .08);\n display: flex;\n flex-direction: column;\n gap: 6px;\n transition: transform .3s ease;\n}\n\n.et-vitamin-item:hover {\n transform: translateY(-4px);\n}\n\n.et-vitamin-item strong {\n color: var(--et-primary-dark);\n font-size: 17px;\n font-weight: 800;\n}\n\n.et-vitamin-item span {\n color: var(--et-primary);\n font-size: 15px;\n font-weight: 700;\n}\n\n.et-vitamin-item small {\n color: var(--et-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n\/* === USAGE TIMELINE === *\/\n.et-usage-timeline {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n flex-wrap: wrap;\n}\n\n.et-usage-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n flex: 1;\n min-width: 200px;\n max-width: 280px;\n}\n\n.et-usage-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n font-weight: 900;\n box-shadow: var(--et-shadow);\n}\n\n.et-usage-content {\n text-align: center;\n}\n\n.et-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.01em;\n}\n\n.et-usage-content p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n}\n\n.et-usage-arrow {\n font-size: 32px;\n color: var(--et-primary);\n font-weight: 700;\n}\n\n\/* === INFO BOX === *\/\n.et-info-box {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--et-shadow);\n border-left: 4px solid var(--et-secondary);\n}\n\n.et-info-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.et-info-content {\n font-size: 15px;\n color: var(--et-text);\n line-height: 1.6;\n}\n\n.et-info-content strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === RESULTS === *\/\n.et-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.et-result-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n border-top: 4px solid var(--et-primary);\n transition: all .3s ease;\n}\n\n.et-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-result-time {\n font-size: 28px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.et-result-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-result-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TARGET CARDS === *\/\n.et-target-card {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.et-target-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--et-shadow-lg);\n border-color: var(--et-primary);\n}\n\n.et-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-target-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-target-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === EXPERT REVIEW === *\/\n.et-expert-review {\n background: var(--et-white);\n border-radius: var(--et-radius);\n padding: clamp(1.75rem, 3vw, 2.5rem);\n box-shadow: var(--et-shadow);\n border-left: 6px solid var(--et-primary);\n margin-bottom: 2rem;\n}\n\n.et-expert-badge {\n display: inline-block;\n background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n color: white;\n padding: 8px 18px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1.25rem;\n}\n\n.et-expert-review p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--et-text);\n line-height: 1.7;\n margin-bottom: 1rem;\n}\n\n.et-expert-review p:last-child {\n margin-bottom: 0;\n}\n\n.et-expert-review strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === REVIEWS GRID === *\/\n.et-reviews-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 2rem;\n}\n\n.et-review-positive,\n.et-review-note {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--et-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n transition: transform .3s ease;\n}\n\n.et-review-positive {\n border-left: 4px solid #10b981;\n}\n\n.et-review-note {\n border-left: 4px solid var(--et-secondary);\n}\n\n.et-review-positive:hover,\n.et-review-note:hover {\n transform: translateX(6px);\n}\n\n.et-review-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.et-review-positive p,\n.et-review-note p {\n font-size: 15px;\n color: var(--et-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.et-review-positive p strong,\n.et-review-note p strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === TIP BOX === *\/\n.et-tip-box {\n background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .6) 100%);\n border-radius: var(--et-radius);\n padding: 1.75rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid var(--et-primary);\n}\n\n.et-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.et-tip-content {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--et-text);\n line-height: 1.7;\n}\n\n.et-tip-content strong {\n color: var(--et-primary-dark);\n font-weight: 800;\n display: block;\n margin-bottom: .5rem;\n}\n\n\/* === QUALITY GRID === *\/\n.et-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.et-quality-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.et-quality-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-quality-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-quality-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--et-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.et-quality-card p {\n font-size: 15px;\n color: var(--et-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.et-quality-card strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === WARNING BOX === *\/\n.et-warning-box {\n background: #FFF9E6;\n border-radius: var(--et-radius);\n padding: clamp(1.75rem, 3vw, 2.5rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid #FFD700;\n box-shadow: 0 4px 20px rgba(255, 215, 0, .15);\n}\n\n.et-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.et-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n list-style: none;\n}\n\n.et-warning-content li {\n font-size: 15px;\n color: var(--et-text);\n line-height: 1.7;\n margin-bottom: .75rem;\n position: relative;\n padding-left: 1.25rem;\n}\n\n.et-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n.et-warning-content li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: #FFD700;\n font-weight: 700;\n}\n\n.et-warning-content strong {\n color: var(--et-primary-dark);\n font-weight: 700;\n}\n\n\/* === INFOS GRID === *\/\n.et-infos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.et-info-card {\n background: var(--et-white);\n border-radius: var(--et-radius-sm);\n padding: 1.75rem;\n box-shadow: var(--et-shadow);\n text-align: center;\n transition: all .3s ease;\n border-top: 4px solid var(--et-primary);\n}\n\n.et-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-info-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.et-info-card-title {\n font-size: 14px;\n font-weight: 700;\n color: var(--et-text-light);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin-bottom: .5rem;\n}\n\n.et-info-card-value {\n font-size: 24px;\n font-weight: 900;\n color: var(--et-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.et-info-card p {\n font-size: 14px;\n color: var(--et-text-light);\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.et-cta-box {\n background: linear-gradient(135deg, var(--et-primary) 0%, var(--et-primary-dark) 100%);\n border-radius: var(--et-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--et-shadow-lg);\n}\n\n.et-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.4) 0%, transparent 50%);\n}\n\n.et-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.et-cta-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n display: block;\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n}\n\n.et-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.et-cta-box strong {\n font-weight: 900;\n letter-spacing: -.01em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .et-grid,\n .et-ingredients-grid,\n .et-vitamins-grid,\n .et-results-grid,\n .et-reviews-grid,\n .et-quality-grid,\n .et-infos-grid {\n grid-template-columns: 1fr;\n }\n\n .et-usage-arrow {\n display: none;\n}\n\n .et-usage-arrow {\n transform: rotate(90deg);\n }\n\n .et-info-box,\n .et-tip-box,\n .et-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .et-card,\n .et-ingredient-card,\n .et-result-card,\n .et-target-card,\n .et-quality-card,\n .et-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .et-card:nth-child(1),\n .et-ingredient-card:nth-child(1),\n .et-result-card:nth-child(1),\n .et-target-card:nth-child(1),\n .et-quality-card:nth-child(1),\n .et-info-card:nth-child(1) { animation-delay: .1s; }\n \n .et-card:nth-child(2),\n .et-ingredient-card:nth-child(2),\n .et-result-card:nth-child(2),\n .et-target-card:nth-child(2),\n .et-quality-card:nth-child(2),\n .et-info-card:nth-child(2) { animation-delay: .2s; }\n \n .et-card:nth-child(3),\n .et-ingredient-card:nth-child(3),\n .et-result-card:nth-child(3),\n .et-target-card:nth-child(3),\n .et-quality-card:nth-child(3),\n .et-info-card:nth-child(3) { animation-delay: .3s; }\n \n .et-card:nth-child(4),\n .et-ingredient-card:nth-child(4),\n .et-result-card:nth-child(4),\n .et-target-card:nth-child(4),\n .et-quality-card:nth-child(4),\n .et-info-card:nth-child(4) { animation-delay: .4s; }\n \n .et-card:nth-child(5),\n .et-ingredient-card:nth-child(5) { animation-delay: .5s; }\n \n .et-card:nth-child(6),\n .et-ingredient-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .et-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .et-premium {\n --et-shadow: 0 0 0 2px var(--et-primary);\n --et-shadow-lg: 0 0 0 3px var(--et-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026604189,"sku":"REF1058","price":40.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/erectab-erection-virilite-labophyto-720111.jpg?v=1732720364"},{"product_id":"creme-de-jour-visage-au-triphala-cosmos-organic-tube-de-75-ml-ayurvana","title":"Crème de jour Visage au Triphala - 75 Ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème de jour Visage au Triphala - 75 Ml - AyurVana\nPalette détectée:\n - Primaire: #6B8E3A (vert olive\/végétal du packaging)\n - Secondaire: #C4953A (doré\/ambré des fruits et motifs paisley)\n - Accent: #8B6914 (brun doré des fruits séchés)\nAmbiance: Ayurvédique, naturel\/bio, végétal, chaleureux avec touches orientales (motifs paisley), certification Cosmos Organic. Univers bien-être naturel haut de gamme.\nPréfixe CSS: tp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Crème de jour au Triphala bio : le soin ayurvédique qui protège et revitalise votre visage\"\n 2. \"Le Triphala : un trio de fruits aux vertus exceptionnelles\"\n 3. \"Les bienfaits concrets de cette crème de jour\"\n 4. \"Comment bien appliquer votre crème de jour au Triphala ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Pourquoi adopter cette crème AyurVana au quotidien ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tp-hero\"\u003e\n \u003cdiv class=\"tp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tp-hero-content\"\u003e\n \u003cdiv class=\"tp-badges-top\"\u003e\n \u003cspan class=\"tp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🧴 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tp-hero-title\"\u003eCrème de jour visage au Triphala\u003c\/span\u003e\n \u003cp class=\"tp-subtitle\"\u003eAyurVana — Le meilleur de l'Ayurvéda pour votre peau\u003c\/p\u003e\n \u003cp class=\"tp-description\"\u003eUn soin bio anti-âge qui allie hydratation longue durée, protection antioxydante et texture légère grâce au pouvoir ancestral du Triphala.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eCrème de jour au Triphala bio : le soin ayurvédique qui protège et revitalise votre visage\u003c\/h2\u003e\n \u003cp class=\"tp-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème de jour visage\u003c\/strong\u003e naturelle, capable d'hydrater en profondeur tout en luttant contre les premiers signes de l'âge ?\u003c\/p\u003e\n \u003cdiv class=\"tp-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eCrème de Jour Visage au Triphala\u003c\/strong\u003e d'\u003cstrong\u003eAyurVana\u003c\/strong\u003e puise dans la sagesse millénaire de l'Ayurvéda pour offrir à votre peau un soin complet, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e. Formulée en France avec des ingrédients biologiques rigoureusement sélectionnés, elle s'adresse à toutes celles et ceux qui souhaitent prendre soin de leur peau au quotidien sans compromis sur la qualité ni sur l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eLe Triphala : un trio de fruits aux vertus exceptionnelles\u003c\/h2\u003e\n \u003cp class=\"tp-section-intro\"\u003eLe \u003cstrong\u003eTriphala\u003c\/strong\u003e est l'un des piliers de la médecine ayurvédique. Il associe trois fruits précieux :\u003c\/p\u003e\n \u003cdiv class=\"tp-grid\"\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🍈 Amla (Emblica officinalis)\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en vitamine C et en antioxydants, il aide à protéger la peau du stress oxydatif et favorise un \u003cstrong\u003eteint lumineux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🌰 Bibhitaki (Terminalia bellirica)\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés purifiantes et astringentes, il contribue à \u003cstrong\u003eresserrer le grain de peau\u003c\/strong\u003e visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🌱 Haritaki (Terminalia chebula)\u003c\/h3\u003e\n \u003cp\u003eApprécié pour ses vertus régénérantes, il soutient le renouvellement cellulaire et aide à \u003cstrong\u003epréserver la fermeté cutanée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-tip\"\u003e\n \u003cspan class=\"tp-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette synergie fait de cette crème un véritable soin \u003cstrong\u003eanti-âge\u003c\/strong\u003e d'origine naturelle. Si vous recherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e respectueuse de votre peau et de la planète, le Triphala est un actif à découvrir absolument.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette crème de jour\u003c\/h2\u003e\n \u003cdiv class=\"tp-grid-compact\"\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eSa formule enrichie en actifs végétaux nourrit la peau dès l'application et maintient un confort optimal tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants du Triphala atténuent les ridules et préviennent les signes de fatigue, pour un visage visiblement plus frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e☁️ Texture légère et non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans film gras : une base idéale avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🌿 Certification bio\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans sulfates. Une composition transparente et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eComment bien appliquer votre crème de jour au Triphala ?\u003c\/h2\u003e\n \u003cdiv class=\"tp-timeline\"\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eChaque matin, commencez par nettoyer et sécher votre visage soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour couvrir l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires ascendants. Insistez doucement sur les zones les plus sèches ou marquées : contour des yeux, pommettes, front.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003ePour un soin encore plus complet, associez-la à un sérum visage appliqué au préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-tip\"\u003e\n \u003cspan class=\"tp-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pensez à compléter votre routine avec une protection solaire si vous vous exposez. Cette \u003cstrong\u003ecrème de jour anti-âge\u003c\/strong\u003e nourrit et protège votre peau des agressions quotidiennes, mais ne contient pas de filtre UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"tp-accordion\"\u003e\n \u003cdetails class=\"tp-accordion-item\" open\u003e\n \u003csummary class=\"tp-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"tp-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Olea Europaea Fruit Oil*, Butyrospermum Parkii Butter*, Glycerin, Cetearyl Alcohol, Emblica Officinalis Fruit Extract*, Terminalia Bellirica Fruit Extract*, Terminalia Chebula Fruit Extract*, Glyceryl Stearate, Sodium Cetearyl Sulfate, Parfum, Benzyl Alcohol, Tocopherol, Dehydroacetic Acid, Citric Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tp-accordion-item\"\u003e\n \u003csummary class=\"tp-accordion-header\"\u003e🌾 Actifs clés\u003c\/summary\u003e\n \u003cdiv class=\"tp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile d'olive bio\u003c\/strong\u003e — nourrit et protège le film hydrolipidique. \u003cstrong\u003eBeurre de karité bio\u003c\/strong\u003e — adoucit et répare les peaux les plus sèches. \u003cstrong\u003eExtraits de Triphala bio\u003c\/strong\u003e (Amla, Bibhitaki, Haritaki) — antioxydants puissants pour un soin anti-âge naturel. \u003cstrong\u003eVitamine E (Tocophérol)\u003c\/strong\u003e — protection antioxydante complémentaire.\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=\"tp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi adopter cette crème AyurVana au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"tp-cta-box\"\u003e\n \u003cp\u003eFabriquée en France par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, spécialiste reconnu des soins inspirés de la tradition ayurvédique, cette crème de jour allie efficacité et naturalité. Son tube de \u003cstrong\u003e75 ml\u003c\/strong\u003e est généreux et vous accompagne pendant plusieurs semaines de soin. Si vous hésitez entre plusieurs soins et cherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e d'origine naturelle, celle-ci mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tp-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tp-cream: #faf7f0;\n --tp-white: #ffffff;\n --tp-primary: #6B8E3A;\n --tp-primary-dark: #3d5a1a;\n --tp-primary-light: #eef4e4;\n --tp-secondary: #C4953A;\n --tp-accent: #8B6914;\n --tp-text: #1a1a1a;\n --tp-text-light: #5a5a5a;\n --tp-border: #e0ddd5;\n --tp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tp-radius: 20px;\n --tp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tp-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a1a 0%, #6B8E3A 40%, #C4953A 100%);\n border-radius: var(--tp-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(--tp-shadow-lg);\n}\n\n.tp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(196,149,58,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tp-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.tp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tp-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(--tp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tp-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.tp-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(--tp-primary), var(--tp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tp-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.tp-highlight-box {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tp-shadow);\n border-left: 4px solid var(--tp-secondary);\n}\n\n.tp-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--tp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.tp-card {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tp-shadow-lg);\n border-color: var(--tp-primary);\n}\n\n.tp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tp-grid-compact .tp-card {\n padding: 1rem;\n}\n\n.tp-grid-compact .tp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tp-grid-compact .tp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tp-primary), var(--tp-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.tp-timeline-content {\n flex: 1;\n background: var(--tp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tp-radius-sm);\n box-shadow: var(--tp-shadow);\n}\n\n.tp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tp-timeline-content p {\n font-size: 14px;\n color: var(--tp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tp-primary-light);\n border-radius: var(--tp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tp-tip p {\n font-size: 14px;\n color: var(--tp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tp-accordion {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n box-shadow: var(--tp-shadow);\n overflow: hidden;\n}\n\n.tp-accordion-item {\n border-bottom: 1px solid var(--tp-border);\n margin: 0;\n padding: 0;\n}\n\n.tp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tp-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.tp-accordion-header:hover {\n background: var(--tp-primary-light);\n}\n\n.tp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tp-primary);\n transition: transform .2s ease;\n}\n\n.tp-accordion-item[open] .tp-accordion-header::after {\n content: '−';\n}\n\n.tp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tp-cta-box {\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-primary-dark) 100%);\n border-radius: var(--tp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tp-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.tp-disclaimer {\n font-size: 12px;\n color: var(--tp-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 .tp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tp-card {\n padding: 1.125rem;\n }\n\n .tp-section {\n margin-bottom: 1.75rem;\n }\n\n .tp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tp-radius-sm);\n }\n\n .tp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tp-grid-compact {\n gap: .625rem;\n }\n\n .tp-grid-compact .tp-card {\n padding: .75rem;\n }\n\n .tp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tp-timeline-content h3 {\n font-size: 14px;\n }\n\n .tp-timeline-content p {\n font-size: 13px;\n }\n\n .tp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tp-highlight-box {\n padding: 1.25rem;\n }\n\n .tp-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tp-card {\n animation: tpFadeInUp .5s ease backwards;\n }\n .tp-card:nth-child(1) { animation-delay: .05s; }\n .tp-card:nth-child(2) { animation-delay: .1s; }\n .tp-card:nth-child(3) { animation-delay: .15s; }\n .tp-card:nth-child(4) { animation-delay: .2s; }\n .tp-card:nth-child(5) { animation-delay: .25s; }\n .tp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tpFadeInUp {\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 .tp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755099414685,"sku":"AY9947","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme_de_jour_triphala_ayurvana-351649.jpg?v=1732720052"},{"product_id":"infusion-tulsi-feuilles-bio-sachet-de-100-g-ayurvana","title":"Infusion Tulsi Basilic sacré Bio - 100 G - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion Tulsi Basilic sacré Bio - 100 G - Ayur-Vana\nPalette détectée:\n - Primaire: #8B6914 (brun doré kraft du packaging)\n - Secondaire: #5A7D3A (vert feuille\/basilic naturel)\n - Accent: #C4703F (orange terre\/cuivré de l'étiquette)\nAmbiance: Naturel, ayurvédique, chaleureux, bio\/organique, zen\/sérénité. Packaging kraft avec tons chauds, entouré de feuilles fraîches et herbes séchées. Univers holistique et authentique.\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Infusion Tulsi Bio : découvrez les bienfaits du basilic sacré en tasse\"\n 2. \"Pourquoi choisir une infusion de tulsi au quotidien ?\"\n 3. \"Composition : trois variétés de tulsi bio réunies\"\n 4. \"Comment préparer votre infusion tulsi ?\"\n 5. \"À qui s'adresse cette tisane de tulsi ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tl-hero\"\u003e\n \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tl-hero-content\"\u003e\n \u003cdiv class=\"tl-badges-top\"\u003e\n \u003cspan class=\"tl-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🍃 3 variétés de tulsi\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e☕ 100 g de feuilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tl-hero-title\"\u003eInfusion Tulsi Basilic sacré Bio\u003c\/span\u003e\n \u003cp class=\"tl-subtitle\"\u003eLe trésor de l'ayurvéda dans votre tasse\u003c\/p\u003e\n \u003cp class=\"tl-description\"\u003eTrois variétés précieuses de basilic sacré réunies en une infusion apaisante, aromatique et profondément bienfaisante — un rituel millénaire certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eInfusion Tulsi Bio : découvrez les bienfaits du basilic sacré en tasse\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eL'\u003cstrong\u003einfusion Tulsi Basilic sacré Bio\u003c\/strong\u003e d'Ayur-Vana réunit dans un seul sachet de 100 g trois variétés précieuses de tulsi, pour une expérience unique issue de 5 000 ans de sagesse ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🟣 Krishna Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e — Variété pourpre aux notes épicées et puissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌱 Vana Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum gratissimum\u003c\/em\u003e — Variété sauvage aux arômes frais et citronnés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🍃 Rama Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum tenuiflorum\u003c\/em\u003e — Variété douce et subtile, idéale en infusion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eCertifié AB, sans arôme ajouté, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePourquoi choisir une infusion de tulsi au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eLe basilic sacré tulsi est bien plus qu'une simple plante aromatique. Vénéré depuis plus de 5 000 ans, ce puissant \u003cstrong\u003eadaptogène\u003c\/strong\u003e aide votre organisme à mieux faire face au stress physique, émotionnel et environnemental.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003eLe tulsi favorise la détente et contribue à apaiser les tensions nerveuses, idéal après une journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en antioxydants, il aide à renforcer vos défenses naturelles, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🫖 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eUne tasse après le repas facilite la digestion et réduit les ballonnements pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌬️ Soutien respiratoire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour dégager les voies respiratoires, le tulsi offre une sensation de confort appréciable en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e✨ Effet purifiant\u003c\/h3\u003e\n \u003cp\u003eIl accompagne l'organisme dans ses processus naturels de détoxification pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComposition : trois variétés de tulsi bio réunies\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eCe qui rend cette infusion véritablement singulière, c'est l'association de \u003cstrong\u003etrois espèces complémentaires\u003c\/strong\u003e de basilic sacré, chacune apportant ses propriétés et ses arômes uniques.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card tl-card-featured\"\u003e\n \u003ch3\u003e🟣 Krishna Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e\u003c\/strong\u003e\u003cbr\u003eVariété pourpre aux notes épicées et poivrées, réputée la plus puissante des trois. Son caractère affirmé apporte profondeur et intensité au mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card tl-card-featured\"\u003e\n \u003ch3\u003e🌿 Vana Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cem\u003eOcimum gratissimum\u003c\/em\u003e\u003c\/strong\u003e\u003cbr\u003eVariété sauvage aux arômes frais et légèrement citronnés. Elle apporte une fraîcheur végétale délicate et une vivacité caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card tl-card-featured\"\u003e\n \u003ch3\u003e🍃 Rama Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cem\u003eOcimum tenuiflorum\u003c\/em\u003e\u003c\/strong\u003e\u003cbr\u003eVariété douce et subtile, la plus couramment utilisée en infusion. Sa douceur équilibre parfaitement le mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % feuilles de tulsi biologiques\u003c\/strong\u003e — sans arôme ajouté, sans conservateur, sans colorant. Certifié AB et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComment préparer votre infusion tulsi ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eLa préparation est simple et ne vous prendra que quelques minutes pour libérer pleinement les arômes et les principes actifs du basilic sacré.\u003c\/p\u003e\n \u003cdiv class=\"tl-timeline\"\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eDosez les feuilles\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e1 à 2 cuillères à café\u003c\/strong\u003e de feuilles de tulsi dans une tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eVersez l'eau frémissante\u003c\/h3\u003e\n \u003cp\u003eVersez de l'\u003cstrong\u003eeau frémissante\u003c\/strong\u003e (environ 90 °C) par-dessus les feuilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eLaissez infuser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e5 à 8 minutes\u003c\/strong\u003e pour libérer pleinement les arômes et les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eDégustez\u003c\/h3\u003e\n \u003cp\u003eFiltrez, puis savourez \u003cstrong\u003enature\u003c\/strong\u003e ou avec une pointe de miel. Délicieux chaud comme froid !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSavourez \u003cstrong\u003e2 à 3 tasses par jour\u003c\/strong\u003e, chaudes ou froides selon vos envies. L'infusion froide est délicieuse en été, légèrement mentholée et rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette tisane de tulsi ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eCe tulsi thé s'adresse à toute personne en quête d'un \u003cstrong\u003erituel bien-être naturel\u003c\/strong\u003e : gestion du stress, soutien immunitaire ou simple plaisir d'une boisson savoureuse sans théine.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e😌 Stressés du quotidien\u003c\/h3\u003e\n \u003cp\u003ePour retrouver calme et sérénité après une journée intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos défenses naturelles aux changements de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🍵 Amateurs de tisanes\u003c\/h3\u003e\n \u003cp\u003eUn goût subtilement épicé, avec des notes vertes et citronnées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧘‍♀️ Adeptes de l'ayurvéda\u003c\/h3\u003e\n \u003cp\u003eUn rituel authentique ancré dans des millénaires de sagesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-accordion\"\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eCette infusion ne remplace pas un traitement médical ni l'avis d'un professionnel de santé. Déconseillée aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière, pour préserver tous les arômes et principes actifs du tulsi.\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=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tl-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous chaque jour un moment de sérénité avec cette \u003cstrong\u003einfusion Tulsi Basilic sacré Bio\u003c\/strong\u003e Ayur-Vana : un geste simple, authentique et ancré dans des millénaires de sagesse ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --tl-cream: #FAF6F0;\n --tl-white: #ffffff;\n --tl-primary: #8B6914;\n --tl-primary-dark: #5C4510;\n --tl-primary-light: #F5EED9;\n --tl-secondary: #5A7D3A;\n --tl-accent: #C4703F;\n --tl-text: #1a1a1a;\n --tl-text-light: #5a5a5a;\n --tl-border: #e0d8c8;\n --tl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tl-radius: 20px;\n --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 35%, #5A7D3A 70%, #3D5A25 100%);\n border-radius: var(--tl-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(--tl-shadow-lg);\n}\n\n.tl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,112,63,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.tl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.tl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.tl-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.tl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tl-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(--tl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tl-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.tl-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(--tl-primary), var(--tl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tl-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.tl-card {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tl-shadow-lg);\n border-color: var(--tl-primary);\n}\n\n.tl-card-featured {\n border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-card-featured:hover {\n border-color: var(--tl-secondary);\n border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tl-primary), var(--tl-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.tl-timeline-content {\n flex: 1;\n background: var(--tl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tl-radius-sm);\n box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n font-size: 14px;\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tl-primary-light);\n border-radius: var(--tl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tl-tip p {\n font-size: 14px;\n color: var(--tl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tl-accordion {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n box-shadow: var(--tl-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.tl-accordion-item {\n border-bottom: 1px solid var(--tl-border);\n margin: 0;\n padding: 0;\n}\n\n.tl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tl-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.tl-accordion-header:hover {\n background: var(--tl-primary-light);\n}\n\n.tl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tl-primary);\n transition: transform .2s ease;\n}\n\n.tl-accordion-item[open] .tl-accordion-header::after {\n content: '−';\n}\n\n.tl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n background: linear-gradient(135deg, var(--tl-secondary) 0%, #3D5A25 50%, var(--tl-primary-dark) 100%);\n border-radius: var(--tl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tl-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\/* === DISCLAIMER === *\/\n.tl-disclaimer {\n font-size: 12px;\n color: var(--tl-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 .tl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tl-card {\n padding: 1.125rem;\n }\n\n .tl-section {\n margin-bottom: 1.75rem;\n }\n\n .tl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tl-radius-sm);\n }\n\n .tl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tl-grid-compact {\n gap: .625rem;\n }\n\n .tl-grid-compact .tl-card {\n padding: .75rem;\n }\n\n .tl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tl-timeline-content h3 {\n font-size: 14px;\n }\n\n .tl-timeline-content p {\n font-size: 13px;\n }\n\n .tl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tl-card-featured {\n border-left: 3px solid var(--tl-secondary);\n }\n\n .tl-card-featured:hover {\n border-left: 3px solid var(--tl-secondary);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tl-card {\n animation: tlFadeInUp .5s ease backwards;\n }\n .tl-card:nth-child(1) { animation-delay: .05s; }\n .tl-card:nth-child(2) { animation-delay: .1s; }\n .tl-card:nth-child(3) { animation-delay: .15s; }\n .tl-card:nth-child(4) { animation-delay: .2s; }\n .tl-card:nth-child(5) { animation-delay: .25s; }\n .tl-card:nth-child(6) { animation-delay: .3s; }\n\n .tl-timeline-item {\n animation: tlFadeInUp .5s ease backwards;\n }\n .tl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tl-timeline-item:nth-child(2) { animation-delay: .12s; }\n .tl-timeline-item:nth-child(3) { animation-delay: .19s; }\n .tl-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes tlFadeInUp {\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 .tl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755104592029,"sku":"AY0004","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion_tulsi-basilic-sacre_ayurvana.jpg?v=1766916292"},{"product_id":"jus-de-tamarin-bio-flacon-de-500-ml-ayurvana","title":"Jus de Tamarin Bio - Flacon de 500 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Jus de Tamarin Bio AyurVana\nPalette détectée:\n - Primaire: #E8A23D (doré\/orange chaud du cadre de l'étiquette)\n - Secondaire: #8B4513 (brun tamarin\/terracotta)\n - Accent: #6B8E23 (vert bio des labels)\nAmbiance: Naturel\/ayurvédique, chaleureux, authentique, bio premium\nStyle: Naturel organique avec touches dorées, wellness traditionnel\nPréfixe CSS: tam\n--\u003e\n\n\u003cdiv class=\"tam-premium\"\u003e\n \u003cdiv class=\"tam-hero\"\u003e\n \u003cdiv class=\"tam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tam-hero-content\"\u003e\n \u003cdiv class=\"tam-badges-top\"\u003e\n \u003cspan class=\"tam-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"tam-badge\"\u003e✨ Ayurvéda\u003c\/span\u003e\n \u003cspan class=\"tam-badge\"\u003e🍃 Sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tam-hero-title\"\u003eJus de Tamarin Bio\u003c\/span\u003e\n \u003cp class=\"tam-subtitle\"\u003eL'élixir ayurvédique pour un transit harmonieux\u003c\/p\u003e\n \u003cp class=\"tam-description\"\u003eDécouvrez la puissance ancestrale du tamarin, ce fruit exotique utilisé depuis des millénaires dans la médecine ayurvédique pour apaiser les troubles digestifs et dynamiser votre vitalité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du tamarin\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid\"\u003e\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eTransit régulé\u003c\/span\u003e\n \u003cp\u003ePropriétés laxatives douces qui régulent naturellement le transit intestinal et soulagent la constipation en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eDigestion optimisée\u003c\/span\u003e\n \u003cp\u003eApaise les troubles digestifs et favorise une meilleure assimilation des nutriments pour un confort quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eVitalité renforcée\u003c\/span\u003e\n \u003cp\u003eRiche en vitamines et minéraux essentiels qui dynamisent votre organisme et soutiennent votre bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-benefit\"\u003e\n \u003cdiv class=\"tam-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"tam-card-content\"\u003e\n \u003cspan class=\"tam-card-title\"\u003eGoût unique\u003c\/span\u003e\n \u003cp\u003eSaveur légèrement acidulée et rafraîchissante qui rend cette boisson aussi agréable que bénéfique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e🌿 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"tam-composition-box\"\u003e\n \u003cdiv class=\"tam-composition-main\"\u003e\n \u003cdiv class=\"tam-ingredient-hero\"\u003e\n \u003cspan class=\"tam-ingredient-icon\"\u003e🌳\u003c\/span\u003e\n \u003cdiv class=\"tam-ingredient-info\"\u003e\n \u003cspan class=\"tam-ingredient-name\"\u003eJus de tamarin biologique\u003c\/span\u003e\n \u003cspan class=\"tam-ingredient-desc\"\u003e100% pur et naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tam-ingredient-badge\"\u003e★ Ingrédient unique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tam-grid tam-grid-3\"\u003e\n \u003cdiv class=\"tam-quality-item\"\u003e\n \u003cspan class=\"tam-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tam-quality-text\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-quality-item\"\u003e\n \u003cspan class=\"tam-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tam-quality-text\"\u003eSans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-quality-item\"\u003e\n \u003cspan class=\"tam-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"tam-quality-text\"\u003eSans sucre ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"tam-composition-note\"\u003e\n \u003cstrong\u003eFruits fraîchement récoltés\u003c\/strong\u003e et transformés dans le respect des traditions ayurvédiques pour préserver l'intégrité naturelle du tamarin et tous ses bienfaits.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e📋 Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"tam-usage-container\"\u003e\n \u003cdiv class=\"tam-usage-step\"\u003e\n \u003cdiv class=\"tam-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tam-step-content\"\u003e\n \u003cspan class=\"tam-step-title\"\u003eAgiter le flacon\u003c\/span\u003e\n \u003cp\u003eBien secouer avant chaque utilisation pour mélanger les nutriments naturellement présents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-usage-step\"\u003e\n \u003cdiv class=\"tam-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tam-step-content\"\u003e\n \u003cspan class=\"tam-step-title\"\u003eDoser avec précision\u003c\/span\u003e\n \u003cp\u003eVerser 1 à 2 cuillères à soupe de jus pur ou dilué dans un verre d'eau ou de jus de fruits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-usage-step\"\u003e\n \u003cdiv class=\"tam-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tam-step-content\"\u003e\n \u003cspan class=\"tam-step-title\"\u003eConsommer au bon moment\u003c\/span\u003e\n \u003cp\u003eDe préférence le matin à jeun ou avant les repas principaux pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-tip-box\"\u003e\n \u003cspan class=\"tam-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Pour une cure complète, consommez quotidiennement pendant 3 à 4 semaines. Vous pouvez également l'intégrer dans vos smoothies ou jus detox matinaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e🌍 Origine et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid\"\u003e\n \u003cdiv class=\"tam-card tam-origin\"\u003e\n \u003cdiv class=\"tam-card-header\"\u003e\n \u003cspan class=\"tam-origin-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"tam-card-title\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eFruits de tamarin récoltés de manière durable et biologique, dans le respect de l'environnement et des communautés locales.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-origin\"\u003e\n \u003cdiv class=\"tam-card-header\"\u003e\n \u003cspan class=\"tam-origin-icon\"\u003e⚗️\u003c\/span\u003e\n \u003cspan class=\"tam-card-title\"\u003eTransformation rigoureuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eProcessus de fabrication qui préserve toutes les propriétés nutritives et les bienfaits naturels du fruit de tamarin.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tam-card tam-origin\"\u003e\n \u003cdiv class=\"tam-card-header\"\u003e\n \u003cspan class=\"tam-origin-icon\"\u003e🏺\u003c\/span\u003e\n \u003cspan class=\"tam-card-title\"\u003eEmbouteillage premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eConditionné en flacons de verre de 500 ml pour garantir la pureté, la fraîcheur et la conservation optimale du jus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est ce jus ?\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid tam-grid-4\"\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e🧘\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003eAdeptes du bien-être naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003eAmateurs d'ayurvéda\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003ePersonnes cherchant un transit régulier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-target-card\"\u003e\n \u003cspan class=\"tam-target-emoji\"\u003e✨\u003c\/span\u003e\n \u003cspan class=\"tam-target-label\"\u003eCeux qui veulent booster leur vitalité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tam-grid tam-grid-3\"\u003e\n \u003cdiv class=\"tam-info-box\"\u003e\n \u003cspan class=\"tam-info-icon\"\u003e🍾\u003c\/span\u003e\n \u003cspan class=\"tam-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tam-info-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-info-box\"\u003e\n \u003cspan class=\"tam-info-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"tam-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"tam-info-value\"\u003eAgriculture biologique UE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tam-info-box\"\u003e\n \u003cspan class=\"tam-info-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"tam-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"tam-info-value\"\u003eAyurVana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tam-cta-box\"\u003e\n \u003cdiv class=\"tam-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tam-cta-content\"\u003e\n \u003cspan class=\"tam-cta-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAdoptez le Jus de Tamarin Bio AyurVana dans votre routine de bien-être\u003c\/strong\u003e et ressentez rapidement les effets positifs sur votre digestion et votre vitalité. Faites confiance aux merveilles de l'ayurvéda pour une approche naturelle et holistique de la santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --tam-cream: #faf8f5;\n --tam-white: #ffffff;\n --tam-primary: #E8A23D;\n --tam-primary-dark: #d89020;\n --tam-primary-light: #fef5e7;\n --tam-secondary: #8B4513;\n --tam-accent: #6B8E23;\n\n \/* Textes *\/\n --tam-text: #2c2416;\n --tam-text-light: #6b5d4f;\n\n \/* Effets *\/\n --tam-border: #e8dfd5;\n --tam-shadow: 0 4px 24px rgba(139, 69, 19, 0.08);\n --tam-shadow-lg: 0 12px 48px rgba(139, 69, 19, 0.15);\n --tam-radius: 20px;\n --tam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tam-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.tam-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A23D 0%, #d89020 50%, #8B4513 100%);\n border-radius: var(--tam-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(--tam-shadow-lg);\n}\n\n.tam-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.tam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tam-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tam-secondary);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.tam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.tam-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.tam-subtitle {\n display: block;\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.tam-description {\n color: rgba(255, 255, 255, 0.92);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tam-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tam-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tam-secondary);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tam-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(--tam-primary), var(--tam-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.tam-card {\n background: var(--tam-white);\n border-radius: var(--tam-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tam-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n height: 100%;\n}\n\n.tam-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tam-shadow-lg);\n border-color: var(--tam-primary);\n}\n\n.tam-benefit {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.tam-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-card-content {\n flex: 1;\n}\n\n.tam-card-title {\n display: block;\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--tam-secondary);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.tam-card p {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--tam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tam-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.tam-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === COMPOSITION === *\/\n.tam-composition-box {\n background: linear-gradient(135deg, var(--tam-primary-light) 0%, var(--tam-white) 100%);\n border-radius: var(--tam-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 3px solid var(--tam-primary);\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-ingredient-hero {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--tam-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--tam-radius-sm);\n margin-bottom: 2rem;\n box-shadow: 0 4px 16px rgba(232, 162, 61, 0.15);\n flex-wrap: wrap;\n}\n\n.tam-ingredient-icon {\n font-size: 56px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-ingredient-info {\n flex: 1;\n min-width: 200px;\n}\n\n.tam-ingredient-name {\n display: block;\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n color: var(--tam-secondary);\n margin-bottom: 0.25rem;\n}\n\n.tam-ingredient-desc {\n display: block;\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--tam-text-light);\n font-weight: 600;\n}\n\n.tam-ingredient-badge {\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--tam-primary), var(--tam-primary-dark));\n color: white;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n white-space: nowrap;\n}\n\n.tam-quality-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 1rem;\n background: var(--tam-white);\n border-radius: var(--tam-radius-sm);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n}\n\n.tam-quality-icon {\n font-size: 24px;\n}\n\n.tam-quality-text {\n font-size: clamp(14px, 1.8vw, 16px);\n font-weight: 700;\n color: var(--tam-secondary);\n}\n\n.tam-composition-note {\n margin-top: 1.5rem;\n padding: 1.25rem;\n background: var(--tam-white);\n border-radius: var(--tam-radius-sm);\n border-left: 4px solid var(--tam-accent);\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--tam-text-light);\n margin-bottom: 0;\n}\n\n.tam-composition-note strong {\n color: var(--tam-secondary);\n}\n\n\/* === MODE D'UTILISATION === *\/\n.tam-usage-container {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tam-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--tam-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--tam-radius);\n box-shadow: var(--tam-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tam-usage-step:hover {\n border-color: var(--tam-primary);\n transform: translateX(8px);\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--tam-primary), var(--tam-primary-dark));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(232, 162, 61, 0.3);\n}\n\n.tam-step-content {\n flex: 1;\n}\n\n.tam-step-title {\n display: block;\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--tam-secondary);\n margin-bottom: 0.5rem;\n}\n\n.tam-step-content p {\n margin: 0;\n color: var(--tam-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n.tam-tip-box {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--tam-primary-light) 0%, #fff9f0 100%);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--tam-radius);\n border: 2px solid var(--tam-primary);\n}\n\n.tam-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(232, 162, 61, 0.3));\n}\n\n.tam-tip-box p {\n margin: 0;\n color: var(--tam-text);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n.tam-tip-box strong {\n color: var(--tam-secondary);\n}\n\n\/* === ORIGINE === *\/\n.tam-origin {\n text-align: center;\n}\n\n.tam-card-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n}\n\n.tam-origin-icon {\n font-size: 48px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n\/* === POUR QUI === *\/\n.tam-target-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n padding: clamp(1.5rem, 3vw, 2rem);\n background: var(--tam-white);\n border-radius: var(--tam-radius);\n box-shadow: var(--tam-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tam-target-card:hover {\n transform: translateY(-8px);\n border-color: var(--tam-primary);\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-target-emoji {\n font-size: 48px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-target-label {\n font-size: clamp(14px, 1.8vw, 16px);\n font-weight: 700;\n color: var(--tam-secondary);\n line-height: 1.4;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tam-info-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n padding: clamp(1.5rem, 3vw, 2rem);\n background: var(--tam-white);\n border-radius: var(--tam-radius);\n box-shadow: var(--tam-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tam-info-box:hover {\n border-color: var(--tam-primary);\n transform: scale(1.05);\n}\n\n.tam-info-icon {\n font-size: 40px;\n filter: drop-shadow(0 4px 12px rgba(232, 162, 61, 0.3));\n}\n\n.tam-info-label {\n font-size: clamp(13px, 1.5vw, 15px);\n color: var(--tam-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.tam-info-value {\n font-size: clamp(16px, 2vw, 19px);\n font-weight: 800;\n color: var(--tam-secondary);\n}\n\n\/* === CTA FINAL === *\/\n.tam-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tam-primary) 0%, var(--tam-primary-dark) 50%, var(--tam-secondary) 100%);\n border-radius: var(--tam-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--tam-shadow-lg);\n}\n\n.tam-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.tam-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tam-cta-emoji {\n display: block;\n font-size: 64px;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.2));\n}\n\n.tam-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n margin: 0;\n}\n\n.tam-cta-box strong {\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tam-grid,\n .tam-grid-3,\n .tam-grid-4 {\n grid-template-columns: 1fr;\n }\n\n .tam-ingredient-hero {\n justify-content: center;\n text-align: center;\n }\n\n .tam-ingredient-info {\n min-width: 100%;\n }\n\n .tam-usage-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .tam-usage-step:hover {\n transform: translateY(-8px);\n }\n\n .tam-tip-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tam-card,\n .tam-usage-step,\n .tam-target-card,\n .tam-info-box {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .tam-card:nth-child(1),\n .tam-usage-step:nth-child(1) { animation-delay: 0.1s; }\n .tam-card:nth-child(2),\n .tam-usage-step:nth-child(2) { animation-delay: 0.2s; }\n .tam-card:nth-child(3),\n .tam-usage-step:nth-child(3) { animation-delay: 0.3s; }\n .tam-card:nth-child(4) { animation-delay: 0.4s; }\n .tam-card:nth-child(5) { animation-delay: 0.5s; }\n .tam-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tam-card,\n .tam-usage-step,\n .tam-info-box,\n .tam-target-card {\n border: 3px solid var(--tam-secondary);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755113439389,"sku":"AY9042","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/jus-de-tamarin-bio-flacon-de-500-ml-ayurvana-packshothd.webp?v=1785929065"},{"product_id":"creme-solide-au-beurre-de-karite-plantain-et-jujubier-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât de Plantain - Anti-démangeaisons - Comme Avant","description":"\u003cdiv class=\"cp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cp-hero\"\u003e\n \u003cdiv class=\"cp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cp-hero-content\"\u003e\n \u003cdiv class=\"cp-badges-top\"\u003e\n \u003cspan class=\"cp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Fabriquée à Marseille\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eCrème solide au macérât de Plantain\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eLe soin bio anti-démangeaisons pour toute la famille\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003e6 ingrédients seulement · 100 % d'origine naturelle · Sans huile essentielle · Dès 3 ans, femmes enceintes et allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eCrème solide au macérât de plantain : le soin bio anti-démangeaisons pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVotre peau tiraille, gratte ou rougit sans prévenir ? La crème solide au macérât de plantain de Comme Avant est formulée précisément pour répondre à ces inconforts du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic, vegan et cruelty-free pour une transparence totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🤲 Artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriquée à la main près de Marseille en petites séries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Anti-démangeaisons\u003c\/h3\u003e\n \u003cp\u003eAlternative saine et efficace aux produits conventionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide dans un pot kraft recyclable, doux pour la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi le macérât de plantain est si efficace contre les démangeaisons\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eLe macérât huileux de plantain est un trésor de la phytothérapie traditionnelle. Obtenu par macération des feuilles de plantain lancéolé, il concentre des principes actifs reconnus pour leurs vertus apaisantes et réparatrices.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🩹 Sécheresse cutanée\u003c\/h3\u003e\n \u003cp\u003eApaise les démangeaisons liées à la sécheresse et aux irritations saisonnières\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🦟 Piqûres et rougeurs\u003c\/h3\u003e\n \u003cp\u003eCalme les inconforts causés par les piqûres d'insectes ou un coup de soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux atopiques ou sujettes à l'eczéma, en complément d'un suivi médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n \u003cp\u003eSoulage les sensations d'inconfort après le rasage ou l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-tip\"\u003e\n \u003cspan class=\"cp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e et à la \u003cstrong\u003epoudre de jujubier\u003c\/strong\u003e, le macérât de plantain forme un trio d'actifs qui apaise, nourrit et purifie la peau en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eUne formule courte, transparente et sans compromis\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eContrairement à une crème anti-démangeaisons conventionnelle qui contient souvent des conservateurs de synthèse ou des parfums, cette crème solide affiche une composition \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans huile essentielle ni allergène ajouté. Elle convient aux \u003cstrong\u003eenfants dès 3 ans\u003c\/strong\u003e, aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux peaux les plus sensibles.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eButyrospermum Parkii Butter — Nourrit, protège et régénère la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eOlea Europaea Fruit Oil — Émolliente et protectrice pour un film lipidique renforcé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌿 Macérât de plantain bio\u003c\/h3\u003e\n \u003cp\u003ePlantago Lanceolata Leaf Extract — Apaise et répare les peaux irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🍃 Poudre de jujubier bio\u003c\/h3\u003e\n \u003cp\u003eZiziphus Jujuba Leaf Extract — Purifie et tonifie la peau naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eEuphorbia Cerifera Cera — Forme un film protecteur non occlusif et vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eZea Mays Starch — Effet matifiant, zéro sensation grasse au toucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cp-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans huile de palme, sans plastique, non testé sur les animaux. Contient également de l'huile de tournesol bio (Helianthus Annuus Seed Oil) comme adoucissant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème solide au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cp-timeline\"\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eFaites chauffer\u003c\/h3\u003e\n \u003cp\u003ePrenez un peu de crème et faites-la chauffer entre vos paumes pour la ramollir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eÉtalez directement sur la zone concernée : visage, corps, mains, coudes, jambes ou lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement jusqu'à absorption complète. La texture fond rapidement et ne laisse aucun effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en soin localisé sur une zone qui démange ou en crème hydratante quotidienne après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cp-accordion\"\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le pot à température ambiante, à l'abri de la chaleur et de l'humidité. Durée de vie : \u003cstrong\u003e12 mois après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et ne l'appliquez pas sur une plaie ouverte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical, notamment en cas d'eczéma sévère ou d'urticaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication artisanale française et engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003eChaque crème est fabriquée \u003cstrong\u003eà la main près de Marseille\u003c\/strong\u003e, en petite série, et conditionnée dans un \u003cstrong\u003epot en kraft recyclable\u003c\/strong\u003e de 50 g. Comme Avant porte la mention \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e, garantie d'un cosmétique sincère, sans marketing trompeur. Remplacez plusieurs tubes plastiques par un seul soin multi-usages, sain et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cp-cream: #f7f3ee;\n --cp-white: #ffffff;\n --cp-primary: #8b9e3c;\n --cp-primary-dark: #5a6e1a;\n --cp-primary-light: #f0f3e4;\n --cp-secondary: #c4a96a;\n --cp-accent: #a3b04d;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e0ddd6;\n --cp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cp-radius: 20px;\n --cp-radius-sm: 12px;\n}\n\n.cp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cp-hero {\n position: relative;\n background: linear-gradient(135deg, #5a6e1a 0%, #8b9e3c 50%, #c4a96a 100%);\n border-radius: var(--cp-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(--cp-shadow-lg);\n}\n\n.cp-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%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: .05;\n}\n\n.cp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cp-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.cp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cp-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(--cp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cp-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 letter-spacing: -.01em;\n}\n\n.cp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n line-height: 1.6;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.cp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cp-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.cp-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(--cp-primary), var(--cp-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cp-card {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cp-shadow-lg);\n border-color: var(--cp-primary);\n}\n\n.cp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cp-grid-compact .cp-card {\n padding: 1rem;\n}\n\n.cp-grid-compact .cp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cp-grid-compact .cp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cp-primary), var(--cp-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.cp-timeline-content {\n flex: 1;\n background: var(--cp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cp-radius-sm);\n box-shadow: var(--cp-shadow);\n}\n\n.cp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cp-timeline-content p {\n font-size: 14px;\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cp-testimonial {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cp-shadow);\n border-left: 4px solid var(--cp-primary);\n}\n\n.cp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cp-accordion {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n box-shadow: var(--cp-shadow);\n overflow: hidden;\n}\n\n.cp-accordion-item {\n border-bottom: 1px solid var(--cp-border);\n margin: 0;\n padding: 0;\n}\n\n.cp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cp-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.cp-accordion-header:hover {\n background: var(--cp-primary-light);\n}\n\n.cp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cp-primary);\n transition: transform .2s ease;\n}\n\n.cp-accordion-item[open] .cp-accordion-header::after {\n content: '−';\n}\n\n.cp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cp-primary-light);\n border-radius: var(--cp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cp-tip p {\n font-size: 14px;\n color: var(--cp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cp-cta-box {\n background: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);\n border-radius: var(--cp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cp-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.cp-disclaimer {\n font-size: 12px;\n color: var(--cp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cp-card {\n padding: 1.125rem;\n }\n\n .cp-section {\n margin-bottom: 1.75rem;\n }\n\n .cp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cp-radius-sm);\n }\n\n .cp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cp-grid-compact {\n gap: .625rem;\n }\n\n .cp-grid-compact .cp-card {\n padding: .75rem;\n }\n\n .cp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cp-timeline-content p {\n font-size: 13px;\n }\n\n .cp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cp-testimonial {\n padding: 1.25rem;\n }\n\n .cp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cp-card {\n animation: cpFadeInUp .5s ease backwards;\n }\n .cp-card:nth-child(1) { animation-delay: .05s; }\n .cp-card:nth-child(2) { animation-delay: .1s; }\n .cp-card:nth-child(3) { animation-delay: .15s; }\n .cp-card:nth-child(4) { animation-delay: .2s; }\n .cp-card:nth-child(5) { animation-delay: .25s; }\n .cp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpFadeInUp {\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 .cp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190214813,"sku":"NBAICAV0056","price":12.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-macerat-de-plantain-anti-demangeaisons-comme-avant_recto_9_11zon.jpg?v=1759393514"},{"product_id":"cailloux-delicieux-feve-de-tonka-parfum-solide-jardin-de-mon-grand-pere","title":"Cailloux Fève de Tonka - Parfum Solide - Jardin de mon Grand Père","description":"\u003cdiv class=\"ft-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ft-hero\"\u003e\n \u003cdiv class=\"ft-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ft-hero-content\"\u003e\n \u003cdiv class=\"ft-badges-top\"\u003e\n \u003cspan class=\"ft-badge\"\u003e🇫🇷 Artisanal français\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e✋ Fait main avec amour\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ft-hero-title\"\u003eCailloux de Fève de Tonka\u003c\/span\u003e\n \u003cp class=\"ft-subtitle\"\u003eParfum solide artisanal — Jardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"ft-description\"\u003eDe petits trésors olfactifs façonnés à la main, aux notes envoûtantes de vanille, de tabac blond et de foin fraîchement coupé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eCailloux de Fève de Tonka – Carré d'ambre solide artisanal fait main\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eImaginez un parfum qui évoque la douceur de la vanille, la chaleur du tabac blond et la tendresse du foin fraîchement coupé.\u003c\/p\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍯 Vanille \u0026amp; caramel\u003c\/h3\u003e\n \u003cp\u003eDes notes gourmandes enveloppantes, d'une douceur irrésistible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍂 Tabac blond\u003c\/h3\u003e\n \u003cp\u003eUne chaleur boisée et réconfortante, profondément élégante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌾 Foin coupé\u003c\/h3\u003e\n \u003cp\u003eLa fraîcheur champêtre d'un après-midi d'été au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e✋ Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est façonné artisanalement par l'atelier Jardin de mon Grand Père\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eLa fève de tonka : une fragrance rare aux mille facettes\u003c\/h2\u003e\n \u003cdiv class=\"ft-testimonial\"\u003e\n \u003cp class=\"ft-testimonial-text\"\u003e\"Récoltée sur le teck brésilien au cœur de l'Amazonie, la fève de tonka fascine les parfumeurs du monde entier. Sa richesse en coumarine, molécule naturelle responsable de son arôme caractéristique, lui confère un profil olfactif d'une complexité remarquable.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌰 Amande douce \u0026amp; caramel\u003c\/h3\u003e\n \u003cp\u003eDes notes gourmandes qui se situent à la croisée de plusieurs univers olfactifs, entre rondeur vanillée et accents boisés légèrement épicés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e👑 Prisée en parfumerie de luxe\u003c\/h3\u003e\n \u003cp\u003eCette signature unique en fait l'un des ingrédients les plus recherchés par les plus grandes maisons de parfumerie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍀 Porte-bonheur ancestral\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis des siècles par les peuples amazoniens comme porte-bonheur, la fève de tonka porte une dimension presque mystique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eComment utiliser vos cailloux parfumés à la fève de tonka ?\u003c\/h2\u003e\n \u003cdiv class=\"ft-timeline\"\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e🏡 En parfum d'ambiance naturel\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle, un tiroir ou une armoire. Placés près d'une source de chaleur douce, ils libèrent progressivement leur senteur enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e🔥 En brûle-parfum\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 cailloux dans votre brûloir. La cire fond lentement, diffusant un parfum d'ambiance gourmand et intense. En refroidissant, la matière se resolidifie. Répétez l'opération jusqu'à épuisement de la fragrance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e✨ En gri-gri personnel\u003c\/h3\u003e\n \u003cp\u003eGlissez un caillou dans votre poche ou votre sac. Au contact de la chaleur corporelle, il dégage un sillage subtil. En le manipulant entre vos doigts, sa surface devient soyeuse et le parfum s'intensifie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003ePourquoi choisir un parfum solide artisanal ?\u003c\/h2\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool ni flamme\u003c\/h3\u003e\n \u003cp\u003eUne diffusion douce, sans risque et sans projection agressive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⏳ Longue durée\u003c\/h3\u003e\n \u003cp\u003eLa fragrance se libère progressivement, pour un plaisir olfactif qui dure des semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est confectionné à la main en France avec des ingrédients de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eSachet kraft recyclable, produit qui se consomme intégralement sans laisser de résidu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eConditionnement disponible\u003c\/h2\u003e\n \u003cdiv class=\"ft-grid\"\u003e\n \u003cdiv class=\"ft-card ft-card-format\"\u003e\n \u003ch3\u003e🪨 50 g\u003c\/h3\u003e\n \u003cp\u003eEnviron 5 à 8 cailloux — parfait pour découvrir le produit et ses notes envoûtantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card ft-card-format ft-card-popular\"\u003e\n \u003ch3\u003e🪨 100 g\u003c\/h3\u003e\n \u003cp\u003eLe format idéal pour parfumer plusieurs espaces de votre intérieur au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card ft-card-format\"\u003e\n \u003ch3\u003e🪨 200 g\u003c\/h3\u003e\n \u003cp\u003eLe grand format pour les amoureux de la fève de tonka — ou pour offrir un cadeau généreux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn cadeau original et raffiné\u003c\/h2\u003e\n \u003cdiv class=\"ft-cta-box\"\u003e\n \u003cp\u003eVous cherchez une idée de cadeau originale, naturelle et élégante ? Les cailloux parfumés à la fève de tonka surprennent et séduisent à chaque fois. Leur présentation soignée dans un sachet kraft au charme rétro en fait un présent prêt à offrir, parfait pour les amateurs de belles senteurs artisanales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ft-disclaimer\"\u003eProduit artisanal à usage olfactif uniquement. Ne pas ingérer. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ft-cream: #faf6f0;\n --ft-white: #ffffff;\n --ft-primary: #8b5e3c;\n --ft-primary-dark: #5c3a1e;\n --ft-primary-light: #f3ebe0;\n --ft-secondary: #c9956b;\n --ft-accent: #d4a96a;\n --ft-text: #1a1a1a;\n --ft-text-light: #6b5d52;\n --ft-border: #e6ddd3;\n --ft-shadow: 0 4px 24px rgba(92,58,30,.08);\n --ft-shadow-lg: 0 12px 48px rgba(92,58,30,.15);\n --ft-radius: 20px;\n --ft-radius-sm: 12px;\n}\n\n.ft-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ft-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ft-hero {\n position: relative;\n background: linear-gradient(135deg, #5c3a1e 0%, #8b5e3c 45%, #c9956b 100%);\n border-radius: var(--ft-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ft-shadow-lg);\n}\n\n.ft-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-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(212,169,106,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.ft-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ft-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ft-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ft-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ft-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.ft-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.ft-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\/* === SECTIONS === *\/\n.ft-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ft-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ft-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ft-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ft-primary), var(--ft-secondary));\n border-radius: 2px;\n}\n\n.ft-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ft-card {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ft-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ft-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ft-shadow-lg);\n border-color: var(--ft-primary);\n}\n\n.ft-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ft-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FORMAT CARDS (Conditionnement) === *\/\n.ft-card-format {\n position: relative;\n}\n\n.ft-card-popular {\n border-color: var(--ft-secondary);\n background: linear-gradient(180deg, var(--ft-white) 0%, var(--ft-primary-light) 100%);\n}\n\n.ft-card-popular::before {\n content: '⭐ Populaire';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n letter-spacing: .03em;\n white-space: nowrap;\n}\n\n\/* === GRILLES === *\/\n.ft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ft-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ft-grid-compact .ft-card {\n padding: 1rem;\n}\n\n.ft-grid-compact .ft-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ft-grid-compact .ft-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ft-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ft-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ft-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,94,60,.3);\n}\n\n.ft-timeline-content {\n flex: 1;\n background: var(--ft-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ft-radius-sm);\n box-shadow: var(--ft-shadow);\n transition: all .3s ease;\n}\n\n.ft-timeline-content:hover {\n box-shadow: var(--ft-shadow-lg);\n transform: translateX(4px);\n}\n\n.ft-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ft-timeline-content p {\n font-size: 14px;\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ft-testimonial {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ft-shadow);\n border-left: 4px solid var(--ft-primary);\n}\n\n.ft-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ft-cta-box {\n background: linear-gradient(135deg, var(--ft-primary) 0%, var(--ft-primary-dark) 100%);\n border-radius: var(--ft-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ft-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212,169,106,.2) 0%, transparent 60%);\n}\n\n.ft-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ft-disclaimer {\n font-size: 12px;\n color: var(--ft-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ft-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ft-card {\n padding: 1.125rem;\n }\n\n .ft-section {\n margin-bottom: 1.75rem;\n }\n\n .ft-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ft-radius-sm);\n }\n\n .ft-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ft-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ft-grid-compact {\n gap: .625rem;\n }\n\n .ft-grid-compact .ft-card {\n padding: .75rem;\n }\n\n .ft-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ft-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ft-timeline-content h3 {\n font-size: 14px;\n }\n\n .ft-timeline-content p {\n font-size: 13px;\n }\n\n .ft-testimonial {\n padding: 1.25rem;\n }\n\n .ft-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ft-card {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-card:nth-child(1) { animation-delay: .05s; }\n .ft-card:nth-child(2) { animation-delay: .1s; }\n .ft-card:nth-child(3) { animation-delay: .15s; }\n .ft-card:nth-child(4) { animation-delay: .2s; }\n .ft-card:nth-child(5) { animation-delay: .25s; }\n .ft-card:nth-child(6) { animation-delay: .3s; }\n\n .ft-timeline-item {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-timeline-item:nth-child(1) { animation-delay: .1s; }\n .ft-timeline-item:nth-child(2) { animation-delay: .2s; }\n .ft-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ftFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ft-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720491286905,"sku":"FEVEDETONKAJDMGP50","price":7.99,"currency_code":"EUR","in_stock":false},{"title":"100 grammes","offer_id":55720491319673,"sku":"FEVEDETONKAJDMGP100","price":15.6,"currency_code":"EUR","in_stock":false},{"title":"200 grammes","offer_id":55720491352441,"sku":"FEVEDETONKAJDMGP200","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carre-ambre-feve-tonka-jdmgp_packshot_1_11zon.jpg?v=1766172845"},{"product_id":"triphala-digestion-bio-120-gelules-vegetales-ayurvana","title":"Triphala Ayurvédique Bio - Digestion et Elimination - 120 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Ayurvédique Bio - Digestion et Élimination\nPalette détectée:\n - Primaire: #7CB342 (vert sauge du couvercle et bande inférieure)\n - Secondaire: #F5F0DC (beige crème du tube, tons naturels)\n - Accent: #E67E22 (orange des fruits\/gouttes colorées sur le packaging)\nAmbiance: Ayurvéda authentique, naturel\/bio, sagesse indienne millénaire, bien-être holistique\nUnivers: Médecine traditionnelle, digestion naturelle, détox douce, spiritualité orientale\nPréfixe CSS: tri\n--\u003e\n\n\u003cdiv class=\"tri-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tri-hero\"\u003e\n \u003cdiv class=\"tri-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-hero-content\"\u003e\n \u003cdiv class=\"tri-badges-top\"\u003e\n \u003cspan class=\"tri-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🌱 100% Végan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tri-hero-title\"\u003eTriphala Bio\u003c\/span\u003e\n \u003cp class=\"tri-subtitle\"\u003eLes 3 fruits sacrés de l'Ayurvéda\u003c\/p\u003e\n \u003cp class=\"tri-description\"\u003eFormule ancestrale millénaire associant Amalaki, Haritaki et Bibhitaki pour une digestion harmonieuse et une élimination naturelle optimisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- LES 3 FRUITS SACRÉS --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🍃 La trinité ayurvédique\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card tri-card-fruit\"\u003e\n \u003ch3\u003e🟡 Amalaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eEmblica officinalis\u003c\/p\u003e\n \u003cp\u003eLe fruit de la jeunesse éternelle. Source exceptionnelle de vitamine C naturelle, il soutient la santé gastro-intestinale et offre une puissante protection antioxydante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-card-fruit\"\u003e\n \u003ch3\u003e🟤 Haritaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia chebula\u003c\/p\u003e\n \u003cp\u003eLe roi des plantes médicinales ayurvédiques. Purifie l'organisme en profondeur, élimine les toxines accumulées et stimule naturellement un transit équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-card-fruit\"\u003e\n \u003ch3\u003e🟢 Bibhitaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia bellirica\u003c\/p\u003e\n \u003cp\u003eLe gardien de la flore intestinale. Renforce l'écosystème digestif et maintient l'équilibre du microbiote pour un bien-être intestinal durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e💚 Digestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eFavorise une digestion naturelle et efficace. Réduit les inconforts, ballonnements et sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🔄 Transit régulé\u003c\/h3\u003e\n \u003cp\u003eRétablit un transit intestinal équilibré, qu'il soit ralenti ou accéléré. Action douce sans effet agressif sur l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n \u003cp\u003eStimule l'élimination des toxines accumulées. Purifie le système digestif pour une vitalité retrouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🛡️ Flore intestinale protégée\u003c\/h3\u003e\n \u003cp\u003eRenforce votre microbiote et favorise l'équilibre de la flore. Contribue à améliorer votre immunité naturelle.\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=\"tri-section\"\u003e\n \u003ch2\u003e📋 Votre rituel quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tri-usage-box\"\u003e\n \u003cdiv class=\"tri-usage-grid\"\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch3\u003eMoment\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAvant les repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e3 à 6 mois\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid-compact\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🍽️ Digestion difficile\u003c\/h3\u003e\n \u003cp\u003eBallonnements, lourdeurs après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e⚖️ Transit irrégulier\u003c\/h3\u003e\n \u003cp\u003eRégulation naturelle et douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e✨ Cure détox\u003c\/h3\u003e\n \u003cp\u003eÉlimination des toxines accumulées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n \u003cp\u003eAdeptes des solutions ancestrales bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid-compact\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eGélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e⏱️ 40-60 jours\u003c\/h3\u003e\n \u003cp\u003eDurée de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🏭 France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\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=\"tri-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tri-accordion\"\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eFemmes enceintes ou allaitantes\u003c\/strong\u003e : déconseillé sans avis médical\u003cbr\u003e\n • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n • Ne se substitue pas à une alimentation variée et équilibrée\u003cbr\u003e\n • Tenir hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🏆 Qualité Ayur-Vana\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003e• Certification Agriculture Biologique\u003cbr\u003e\n • Fabrication française aux normes pharmaceutiques\u003cbr\u003e\n • Gélules 100% végétales\u003cbr\u003e\n • Sans additifs chimiques ni conservateurs\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=\"tri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tri-cta-box\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003eRetrouvez l'équilibre digestif\u003c\/strong\u003e grâce à la sagesse millénaire de l'Ayurvéda. Une formule 100% bio pour purifier et régénérer votre système digestif naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tri-cream: #FAF8F2;\n --tri-white: #ffffff;\n --tri-primary: #7CB342;\n --tri-primary-dark: #5D8A2E;\n --tri-primary-light: #E8F5D9;\n --tri-secondary: #F5F0DC;\n --tri-accent: #E67E22;\n --tri-text: #1a1a1a;\n --tri-text-light: #5a5a5a;\n --tri-border: #e0e0e0;\n --tri-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tri-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tri-radius: 20px;\n --tri-radius-sm: 12px;\n}\n\n.tri-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tri-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tri-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tri-primary) 0%, #8BC34A 50%, var(--tri-primary-dark) 100%);\n border-radius: var(--tri-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(--tri-shadow-lg);\n}\n\n.tri-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.tri-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tri-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.tri-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(--tri-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tri-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tri-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.tri-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.tri-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.tri-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tri-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tri-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.tri-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(--tri-primary), var(--tri-accent));\n border-radius: 2px;\n}\n\n.tri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tri-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tri-card {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tri-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tri-shadow-lg);\n border-color: var(--tri-primary);\n}\n\n.tri-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tri-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tri-card-fruit {\n background: linear-gradient(135deg, var(--tri-white) 0%, var(--tri-primary-light) 100%);\n}\n\n.tri-fruit-latin {\n font-style: italic;\n color: var(--tri-accent) !important;\n font-size: 13px !important;\n font-weight: 600;\n margin-bottom: .75rem !important;\n}\n\n.tri-usage-box {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid var(--tri-primary-light);\n}\n\n.tri-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.tri-usage-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-align: left;\n}\n\n.tri-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tri-primary), var(--tri-primary-dark));\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 box-shadow: 0 4px 12px rgba(124, 179, 66, .3);\n}\n\n.tri-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tri-step-content p {\n font-size: 14px;\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.tri-step-content strong {\n color: var(--tri-primary-dark);\n}\n\n.tri-accordion {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n box-shadow: var(--tri-shadow);\n overflow: hidden;\n}\n\n.tri-accordion-item {\n border-bottom: 1px solid var(--tri-border);\n margin: 0;\n padding: 0;\n}\n\n.tri-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tri-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tri-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.tri-accordion-header:hover {\n background: var(--tri-primary-light);\n}\n\n.tri-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tri-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tri-primary);\n transition: transform .2s ease;\n}\n\n.tri-accordion-item[open] .tri-accordion-header::after {\n content: '−';\n}\n\n.tri-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tri-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tri-accordion-content p {\n margin: 0;\n}\n\n.tri-cta-box {\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tri-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.tri-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .tri-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tri-grid-compact {\n gap: .625rem;\n }\n \n .tri-grid-compact .tri-card {\n padding: .75rem;\n }\n \n .tri-grid-compact .tri-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .tri-grid-compact .tri-card p {\n font-size: 12px;\n }\n \n .tri-card {\n padding: 1.125rem;\n }\n \n .tri-section {\n margin-bottom: 1.75rem;\n }\n \n .tri-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tri-radius-sm);\n }\n \n .tri-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tri-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tri-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tri-usage-step {\n flex-direction: row;\n text-align: left;\n }\n \n .tri-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tri-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tri-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tri-card:nth-child(1) { animation-delay: .05s; }\n .tri-card:nth-child(2) { animation-delay: .1s; }\n .tri-card:nth-child(3) { animation-delay: .15s; }\n .tri-card:nth-child(4) { animation-delay: .2s; }\n .tri-card:nth-child(5) { animation-delay: .25s; }\n .tri-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 .tri-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755205484701,"sku":"AY9017GF","price":24.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-ayurvedique-bio-digestion-et-elimination-120-gelule-ingredients.webp?v=1768501329"},{"product_id":"trimada-elimination-des-lipides-60-gelules-ayurvana","title":"Trimada - Élimination des Lipides - 60 Gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Trimada - Élimination des Lipides (AyurVana)\nPalette détectée:\n - Primaire: #6B2C3E (bordeaux profond du packaging - sophistiqué et ayurvédique)\n - Secondaire: #E8DCC0 (beige crème du label - naturel et apaisant)\n - Accent: #7BA428 (vert des plantes - nature et vitalité)\nAmbiance: Ayurvédique premium, naturel et authentique, sophistiqué avec une touche ethnique, expertise traditionnelle indienne\nPréfixe CSS: trim\n--\u003e\n\u003cdiv class=\"trim-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"trim-hero\"\u003e\n\u003cdiv class=\"trim-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-hero-content\"\u003e\n\u003cdiv class=\"trim-badges-top\"\u003e\n\u003cspan class=\"trim-badge\"\u003e🌿 100% Végétal \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"trim-badge\"\u003e🇮🇳 Tradition Ayurvédique\u003c\/span\u003e \u003cspan class=\"trim-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"trim-hero-title\"\u003eTrimada - Élimination des Lipides\u003c\/span\u003e\n\u003cp class=\"trim-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa formule ayurvédique qui révolutionne la gestion du poids\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"trim-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn complexe synergique de 5 plantes traditionnelles indiennes et d'acide linoléique conjugué, conçu pour favoriser l'élimination des graisses et maintenir un métabolisme lipidique équilibré. 60 gélules végétales pour un programme complet de 20 jours.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e🎯 Les bienfaits de Trimada\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eÉlimination des graisses\u003c\/h3\u003e\n\u003cp\u003eFavorise la décomposition et l'élimination des lipides grâce à l'action synergique du Guggul et de l'acide linoléique conjugué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eMétabolisme équilibré\u003c\/h3\u003e\n\u003cp\u003eRégule le métabolisme lipidique et glucidique avec le Gymnema sylvestris et le Fenugrec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eCholestérol contrôlé\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une cholestérolémie normale grâce aux propriétés régulatrices du Guggul\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e🌊\u003c\/div\u003e\n\u003ch3\u003eDétoxification profonde\u003c\/h3\u003e\n\u003cp\u003eÉlimine les toxines et purifie l'organisme avec la puissante Triphala (Haritaki + Bibhitaki)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eDigestion optimisée\u003c\/h3\u003e\n\u003cp\u003eSoutient le système digestif et améliore l'assimilation des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-card\"\u003e\n\u003cdiv class=\"trim-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003eBooste l'énergie et le bien-être général en éliminant les surcharges toxiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e🌿 Une formule ayurvédique d'exception\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🌳\u003c\/span\u003e\n\u003ch3\u003eGuggul\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eCommiphora mukul\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eRésine sacrée de l'Ayurveda, le Guggul est reconnu pour ses propriétés détoxifiantes exceptionnelles et sa capacité à réguler le cholestérol naturellement\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eDétoxifiant puissant\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n\u003ch3\u003eHaritaki\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eTerminalia chebula\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eSurnommé \"le roi des herbes\", Haritaki soutient la digestion, élimine les toxines et favorise un transit optimal pour une détoxification complète\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eRoi des herbes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eBibhitaki\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eTerminalia bellerica\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eComposant essentiel de la Triphala, il facilite la digestion, l'élimination des graisses et renforce l'action détoxifiante globale\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eDigestion optimale\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🍂\u003c\/span\u003e\n\u003ch3\u003eGymnema sylvestris\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003e330 mg par dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante régulatrice du métabolisme des sucres, elle aide à contrôler les envies de sucre et soutient l'équilibre glucidique de l'organisme\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eRégulateur glycémique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n\u003ch3\u003eFenugrec\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003e330 mg par dose - Trigonella foenum-graecum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eRiche en fibres et en nutriments, le Fenugrec favorise le métabolisme lipidique et aide à maintenir un poids équilibré naturellement\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eMétabolisme lipidique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-ingredient-card\"\u003e\n\u003cdiv class=\"trim-ingredient-header\"\u003e\n\u003cspan class=\"trim-ingredient-icon\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eAcide linoléique conjugué\u003c\/h3\u003e\n\u003cspan class=\"trim-dosage\"\u003eOméga-6\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eCet acide gras essentiel contribue au maintien d'une cholestérolémie normale et soutient l'action des plantes sur le métabolisme des graisses\u003c\/p\u003e\n\u003cdiv class=\"trim-ingredient-badge\"\u003eCholestérol normal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"trim-timeline\"\u003e\n\u003cdiv class=\"trim-step\"\u003e\n\u003cdiv class=\"trim-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"trim-step-content\"\u003e\n\u003ch3\u003eAvant le petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 gélule avec un grand verre d'eau pour activer le métabolisme dès le matin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-step\"\u003e\n\u003cdiv class=\"trim-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"trim-step-content\"\u003e\n\u003ch3\u003eAvant le déjeuner\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 gélule 15-20 minutes avant le repas pour optimiser la digestion des lipides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-step\"\u003e\n\u003cdiv class=\"trim-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"trim-step-content\"\u003e\n\u003ch3\u003eAvant le dîner\u003c\/h3\u003e\n\u003cp\u003ePrenez 1 gélule avant le repas du soir pour une action continue tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Conseil d'expert :\u003c\/strong\u003e Pour des résultats optimaux, associez Trimada à une alimentation équilibrée et une activité physique régulière. Un programme de 20 jours (1 boîte) constitue une excellente cure détox, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e📊 Quand observer les premiers résultats ?\u003c\/h2\u003e\n\u003cdiv class=\"trim-results-grid\"\u003e\n\u003cdiv class=\"trim-result-card\"\u003e\n\u003cdiv class=\"trim-result-period\"\u003eJours 1-7\u003c\/div\u003e\n\u003cdiv class=\"trim-result-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3\u003eDétoxification initiale\u003c\/h3\u003e\n\u003cp\u003eAmélioration du transit et début de l'élimination des toxines. Sensation de légèreté progressive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-result-card\"\u003e\n\u003cdiv class=\"trim-result-period\"\u003eJours 8-14\u003c\/div\u003e\n\u003cdiv class=\"trim-result-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eMétabolisme activé\u003c\/h3\u003e\n\u003cp\u003eAction visible sur la digestion des graisses. Énergie accrue et réduction des fringales sucrées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-result-card\"\u003e\n\u003cdiv class=\"trim-result-period\"\u003eJours 15-20\u003c\/div\u003e\n\u003cdiv class=\"trim-result-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eRésultats consolidés\u003c\/h3\u003e\n\u003cp\u003eÉquilibre métabolique retrouvé. Maintien d'un poids sain et amélioration du bien-être général.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e👥 Pour qui est conçu Trimada ?\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🍔\u003c\/div\u003e\n\u003ch3\u003eSurcharge pondérale\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez éliminer les graisses accumulées et retrouver un poids équilibré naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e📈\u003c\/div\u003e\n\u003ch3\u003eCholestérol élevé\u003c\/h3\u003e\n\u003cp\u003eVous cherchez une solution naturelle pour maintenir une cholestérolémie normale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🍰\u003c\/div\u003e\n\u003ch3\u003eEnvies sucrées\u003c\/h3\u003e\n\u003cp\u003eVous avez du mal à contrôler vos fringales de sucre et votre appétit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🐌\u003c\/div\u003e\n\u003ch3\u003eMétabolisme lent\u003c\/h3\u003e\n\u003cp\u003eVous avez l'impression que votre organisme stocke facilement les graisses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e💆\u003c\/div\u003e\n\u003ch3\u003eDétoxification\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez purifier votre organisme et éliminer les toxines accumulées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-profile-card\"\u003e\n\u003cdiv class=\"trim-profile-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eApproche naturelle\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution végétale et traditionnelle pour votre bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"trim-warning-box\"\u003e\n\u003cdiv class=\"trim-warning-content\"\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e🤰\u003c\/span\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière et de la chaleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eRespecter la date limite de consommation indiquée sur l'emballage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-warning-item\"\u003e\n\u003cspan class=\"trim-warning-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003eNe pas dépasser les doses recommandées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"trim-grid\"\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eProgramme de 20 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e64,8% bio*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eContrôles qualité stricts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eCertification\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% Vegan\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eGélules végétales (hypromellose)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🇮🇳\u003c\/div\u003e\n\u003ch3\u003eOrigine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAgriculture INDE\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePlantes traditionnelles ayurvédiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-info-card\"\u003e\n\u003cdiv class=\"trim-info-icon\"\u003e🏷️\u003c\/div\u003e\n\u003ch3\u003eMarque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAyurVana\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eExpertise ayurvédique authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE TABLEAU --\u003e\n\u003csection class=\"trim-section\"\u003e\n\u003ch2\u003e🔬 Composition détaillée pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"trim-composition-table\"\u003e\n\u003cdiv class=\"trim-table-row trim-table-header\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eIngrédient\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eDosage\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eOrigine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eAcide linoléique conjugué (Oméga-6)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eHuile de carthame\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eGymnema sylvestris\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e330 mg\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eFeuilles*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eFenugrec (Trigonella foenum-graecum)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e330 mg\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eGraines*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eGuggul (Commiphora mukul)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eRésine*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eHaritaki (Terminalia chebula)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eFruits*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row\"\u003e\n\u003cdiv class=\"trim-table-cell\"\u003e\u003cstrong\u003eBibhitaki (Terminalia bellerica)\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eNon spécifié\u003c\/div\u003e\n\u003cdiv class=\"trim-table-cell\"\u003eFruits*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-table-row trim-table-footer\"\u003e\n\u003cdiv class=\"trim-table-cell\" colspan=\"3\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trim-composition-note\"\u003e\n\u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e Gélule végétale (hypromellose), Émulsifiant (stéarate de magnésium), Anti-agglomérant (silice colloïdale [nano])\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"trim-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"trim-cta-box\"\u003e\n\u003cdiv class=\"trim-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"trim-cta-content\"\u003e\n\u003ch2 style=\"color: white; margin-bottom: 1rem;\"\u003e🌿 Adoptez Trimada pour un métabolisme équilibré\u003c\/h2\u003e\n\u003cp\u003eFaites confiance à la sagesse millénaire de l'Ayurveda combinée à l'expertise française pour retrouver légèreté, vitalité et bien-être. Trimada, votre allié naturel pour une silhouette harmonieuse et un organisme purifié.\u003c\/p\u003e\n\u003cdiv class=\"trim-cta-badges\"\u003e\n\u003cspan class=\"trim-cta-badge\"\u003e✅ Formule 100% naturelle\u003c\/span\u003e \u003cspan class=\"trim-cta-badge\"\u003e✅ 5 plantes ayurvédiques\u003c\/span\u003e \u003cspan class=\"trim-cta-badge\"\u003e✅ Fabriqué en France\u003c\/span\u003e \u003cspan class=\"trim-cta-badge\"\u003e✅ Vegan certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --trim-cream: #FAF8F5;\n --trim-white: #ffffff;\n --trim-primary: #6B2C3E;\n --trim-primary-dark: #4A1F2B;\n --trim-primary-light: #F5E8EC;\n --trim-secondary: #E8DCC0;\n --trim-accent: #7BA428;\n\n \/* Textes *\/\n --trim-text: #1a1a1a;\n --trim-text-light: #5a5a5a;\n\n \/* Effets *\/\n --trim-border: #e0e0e0;\n --trim-shadow: 0 4px 24px rgba(107, 44, 62, 0.08);\n --trim-shadow-lg: 0 12px 48px rgba(107, 44, 62, 0.15);\n --trim-radius: 20px;\n --trim-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.trim-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trim-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--trim-text);\n}\n\n\/* === HERO SECTION === *\/\n.trim-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trim-primary) 0%, var(--trim-primary-dark) 50%, #3D1621 100%);\n border-radius: var(--trim-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(--trim-shadow-lg);\n}\n\n.trim-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, white 35px, white 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, white 35px, white 70px);\n}\n\n.trim-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trim-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.trim-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--trim-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.trim-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.trim-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.trim-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.trim-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.trim-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trim-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--trim-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.trim-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(--trim-primary), var(--trim-accent));\n border-radius: 2px;\n}\n\n.trim-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 700;\n color: var(--trim-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.trim-premium p {\n margin: 0 0 1rem 0;\n color: var(--trim-text-light);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.trim-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.trim-card {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trim-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.trim-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-primary);\n}\n\n.trim-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === CARDS INGRÉDIENTS === *\/\n.trim-ingredient-card {\n background: linear-gradient(135deg, var(--trim-white) 0%, var(--trim-secondary) 100%);\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trim-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.trim-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-accent);\n}\n\n.trim-ingredient-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.trim-ingredient-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 0.75rem;\n}\n\n.trim-ingredient-header h3 {\n margin: 0 0 0.25rem 0;\n font-size: clamp(19px, 3.5vw, 23px);\n}\n\n.trim-dosage {\n color: var(--trim-accent);\n font-size: 14px;\n font-weight: 600;\n}\n\n.trim-ingredient-card p {\n text-align: center;\n font-size: 15px;\n line-height: 1.7;\n}\n\n.trim-ingredient-badge {\n display: inline-block;\n margin-top: 1rem;\n padding: 6px 14px;\n background: var(--trim-primary);\n color: white;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.trim-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.trim-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.trim-step-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--trim-primary), var(--trim-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: var(--trim-shadow);\n}\n\n.trim-step-content {\n flex: 1;\n background: var(--trim-white);\n padding: 1.5rem;\n border-radius: var(--trim-radius-sm);\n box-shadow: var(--trim-shadow);\n}\n\n.trim-step-content h3 {\n color: var(--trim-primary);\n margin-bottom: 0.5rem;\n}\n\n.trim-step-content p {\n margin: 0;\n}\n\n\/* === INFO BOX === *\/\n.trim-info-box {\n background: linear-gradient(135deg, var(--trim-primary-light) 0%, var(--trim-secondary) 100%);\n border-left: 4px solid var(--trim-accent);\n border-radius: var(--trim-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n}\n\n.trim-info-box p {\n margin: 0;\n color: var(--trim-text);\n font-size: 16px;\n}\n\n\/* === RÉSULTATS === *\/\n.trim-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.trim-result-card {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--trim-shadow);\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.trim-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-primary);\n}\n\n.trim-result-period {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: var(--trim-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.trim-result-icon {\n font-size: 48px;\n margin: 1rem 0;\n}\n\n\/* === PROFILS === *\/\n.trim-profile-card {\n background: linear-gradient(135deg, var(--trim-white) 0%, var(--trim-primary-light) 100%);\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trim-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.trim-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-accent);\n}\n\n.trim-profile-icon {\n font-size: clamp(42px, 8vw, 56px);\n margin-bottom: 1rem;\n}\n\n\/* === WARNING BOX === *\/\n.trim-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border: 2px solid #FFB300;\n border-radius: var(--trim-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--trim-shadow);\n}\n\n.trim-warning-content {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.trim-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.trim-warning-icon {\n flex-shrink: 0;\n font-size: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.trim-warning-item p {\n margin: 0;\n color: var(--trim-text);\n font-weight: 500;\n}\n\n\/* === INFO CARDS === *\/\n.trim-info-card {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n padding: 1.5rem;\n box-shadow: var(--trim-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.trim-info-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--trim-shadow-lg);\n border-color: var(--trim-primary);\n}\n\n.trim-info-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n}\n\n.trim-info-card h3 {\n font-size: 18px;\n margin-bottom: 0.5rem;\n}\n\n.trim-info-card p {\n margin: 0;\n font-size: 14px;\n}\n\n\/* === TABLE COMPOSITION === *\/\n.trim-composition-table {\n background: var(--trim-white);\n border-radius: var(--trim-radius);\n overflow: hidden;\n box-shadow: var(--trim-shadow);\n}\n\n.trim-table-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 1rem;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--trim-border);\n transition: background 0.2s ease;\n}\n\n.trim-table-row:hover:not(.trim-table-header):not(.trim-table-footer) {\n background: var(--trim-primary-light);\n}\n\n.trim-table-header {\n background: var(--trim-primary);\n color: white;\n font-weight: 700;\n}\n\n.trim-table-footer {\n background: var(--trim-secondary);\n border-bottom: none;\n}\n\n.trim-table-footer .trim-table-cell {\n grid-column: 1 \/ -1;\n text-align: center;\n}\n\n.trim-table-cell {\n display: flex;\n align-items: center;\n font-size: 14px;\n}\n\n.trim-composition-note {\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n background: var(--trim-primary-light);\n border-radius: var(--trim-radius-sm);\n}\n\n.trim-composition-note p {\n margin: 0;\n font-size: 14px;\n color: var(--trim-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.trim-cta-box {\n background: linear-gradient(135deg, var(--trim-primary) 0%, var(--trim-primary-dark) 100%);\n border-radius: var(--trim-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trim-shadow-lg);\n}\n\n.trim-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: radial-gradient(circle, white 1px, transparent 1px);\n background-size: 30px 30px;\n}\n\n.trim-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trim-cta-box h2 {\n color: white !important;\n}\n\n.trim-cta-box h2::after {\n background: white;\n}\n\n.trim-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin-bottom: 2rem;\n}\n\n.trim-cta-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n}\n\n.trim-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--trim-primary-dark);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .trim-grid,\n .trim-results-grid {\n grid-template-columns: 1fr;\n }\n\n .trim-table-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n\n .trim-table-cell {\n padding: 0.25rem 0;\n }\n\n .trim-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .trim-warning-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .trim-warning-icon {\n width: 100%;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .trim-card,\n .trim-ingredient-card,\n .trim-result-card,\n .trim-profile-card,\n .trim-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .trim-card:nth-child(1),\n .trim-ingredient-card:nth-child(1),\n .trim-result-card:nth-child(1),\n .trim-profile-card:nth-child(1),\n .trim-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .trim-card:nth-child(2),\n .trim-ingredient-card:nth-child(2),\n .trim-result-card:nth-child(2),\n .trim-profile-card:nth-child(2),\n .trim-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .trim-card:nth-child(3),\n .trim-ingredient-card:nth-child(3),\n .trim-result-card:nth-child(3),\n .trim-profile-card:nth-child(3),\n .trim-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .trim-card:nth-child(4),\n .trim-ingredient-card:nth-child(4),\n .trim-profile-card:nth-child(4),\n .trim-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .trim-card:nth-child(5),\n .trim-ingredient-card:nth-child(5),\n .trim-profile-card:nth-child(5),\n .trim-info-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .trim-card:nth-child(6),\n .trim-ingredient-card:nth-child(6),\n .trim-profile-card:nth-child(6),\n .trim-info-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trim-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trim-card,\n .trim-ingredient-card,\n .trim-result-card,\n .trim-profile-card,\n .trim-info-card {\n border: 3px solid var(--trim-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755221967005,"sku":"AY3000","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/trimada-elimination-des-lipides-60-gelules-ayurvana-822239.jpg?v=1732722028"},{"product_id":"triphala-poudre-bio-150-g-ayurvana","title":"Triphala Poudre Bio - 150 G - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Poudre Bio - 150g - AyurVana\nPalette détectée:\n - Primaire: #7CB342 (vert lime\/naturel de l'étiquette)\n - Secondaire: #8D6E63 (brun kraft du packaging)\n - Accent: #FF9800 (orange des motifs paisley et fruits)\n - Tertiaire: #26A69A (turquoise des motifs décoratifs)\nAmbiance: Ayurvédique, naturel\/bio, indien traditionnel, chaleureux, authentique\nPréfixe CSS: tri\n--\u003e\n\n\u003cdiv class=\"tri-premium\"\u003e\n \n \u003cdiv class=\"tri-hero\"\u003e\n \u003cdiv class=\"tri-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-hero-content\"\u003e\n \u003cdiv class=\"tri-badges-top\"\u003e\n \u003cspan class=\"tri-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tri-hero-title\"\u003eTriphala Poudre Bio\u003c\/span\u003e\n \u003cp class=\"tri-subtitle\"\u003eLe trio sacré de l'Ayurveda\u003c\/p\u003e\n \u003cp class=\"tri-description\"\u003eL'alliance millénaire de 3 fruits précieux pour une digestion harmonieuse, une détox naturelle et un bien-être intérieur retrouvé\u003c\/p\u003e\n \u003cdiv class=\"tri-hero-stats\"\u003e\n \u003cdiv class=\"tri-stat\"\u003e\n \u003cspan class=\"tri-stat-number\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"tri-stat-label\"\u003eFruits sacrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-stat\"\u003e\n \u003cspan class=\"tri-stat-number\"\u003e150g\u003c\/span\u003e\n \u003cspan class=\"tri-stat-label\"\u003eFormat économique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-stat\"\u003e\n \u003cspan class=\"tri-stat-number\"\u003e5000+\u003c\/span\u003e\n \u003cspan class=\"tri-stat-label\"\u003eAns de tradition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🍃 Les 3 fruits du Triphala\u003c\/h2\u003e\n \u003cp class=\"tri-intro\"\u003eLe Triphala, littéralement \"trois fruits\" en sanskrit, réunit les bienfaits complémentaires de trois baies ayurvédiques exceptionnelles\u003c\/p\u003e\n \u003cdiv class=\"tri-grid tri-fruits\"\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003cdiv class=\"tri-fruit-icon\"\u003e🫒\u003c\/div\u003e\n \u003ch3\u003eAmalaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eEmblica officinalis\u003c\/p\u003e\n \u003cp\u003eLe \"fruit de la jeunesse éternelle\". Extraordinairement riche en vitamine C naturelle, il protège les cellules du stress oxydatif et revitalise l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"tri-fruit-benefit\"\u003e\n \u003cspan\u003e💎 Antioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003cdiv class=\"tri-fruit-icon\"\u003e🍐\u003c\/div\u003e\n \u003ch3\u003eHaritaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia chebula\u003c\/p\u003e\n \u003cp\u003eLe \"roi des médicaments\" en Ayurveda. Il régule en douceur le transit intestinal et favorise l'élimination naturelle des toxines.\u003c\/p\u003e\n \u003cdiv class=\"tri-fruit-benefit\"\u003e\n \u003cspan\u003e🌊 Régulateur du transit\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003cdiv class=\"tri-fruit-icon\"\u003e🥝\u003c\/div\u003e\n \u003ch3\u003eBibhitaki\u003c\/h3\u003e\n \u003cp class=\"tri-fruit-latin\"\u003eTerminalia belerica\u003c\/p\u003e\n \u003cp\u003eLe \"destructeur des maladies\". Il purifie le sang, soutient les voies respiratoires et renforce les défenses immunitaires.\u003c\/p\u003e\n \u003cdiv class=\"tri-fruit-benefit\"\u003e\n \u003cspan\u003e🛡️ Soutien immunitaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du Triphala\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🌀\u003c\/div\u003e\n \u003ch3\u003eSoutien digestif complet\u003c\/h3\u003e\n \u003cp\u003eFavorise une digestion saine et harmonieuse, régule naturellement le transit intestinal et apaise les inconforts digestifs du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🧹\u003c\/div\u003e\n \u003ch3\u003eDétoxification naturelle\u003c\/h3\u003e\n \u003cp\u003eAide à éliminer les toxines accumulées dans l'organisme (appelées \"ama\" en Ayurveda), purifie le corps en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eStimulation du métabolisme\u003c\/h3\u003e\n \u003cp\u003eActive les fonctions métaboliques, soutient l'assimilation des nutriments et favorise un poids équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRenfort immunitaire\u003c\/h3\u003e\n \u003cp\u003eSes propriétés purifiantes et revitalisantes soutiennent les défenses naturelles du corps face aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et minéraux, il combat les radicaux libres et favorise un vieillissement cellulaire sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-benefit-card\"\u003e\n \u003cdiv class=\"tri-benefit-icon\"\u003e☯️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre des doshas\u003c\/h3\u003e\n \u003cp\u003eFormule \"Tridoshic\" rare qui harmonise les trois doshas (Vata, Pitta, Kapha) pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tri-usage-container\"\u003e\n \u003cdiv class=\"tri-usage-main\"\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003eMélangez \u003cstrong\u003e½ à 1 cuillère à café\u003c\/strong\u003e de Triphala Poudre Bio dans votre boisson\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch4\u003eChoix du véhicule\u003c\/h4\u003e\n \u003cp\u003eEau tiède, jus de fruits, smoothie ou directement dans vos plats\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cdiv class=\"tri-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tri-step-content\"\u003e\n \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e ou \u003cstrong\u003ele soir avant le coucher\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-tips\"\u003e\n \u003ch4\u003e💡 Astuces ayurvédiques\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eAvec de l'eau tiède et du miel pour un effet détox optimal\u003c\/li\u003e\n \u003cli\u003eAvec du ghee pour nourrir les tissus en profondeur\u003c\/li\u003e\n \u003cli\u003eEn cure de 21 jours pour des résultats durables\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid tri-profiles\"\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n \u003cp\u003eIntégrez cette formule ancestrale à votre routine bien-être quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e😣\u003c\/div\u003e\n \u003ch3\u003eTransit irrégulier\u003c\/h3\u003e\n \u003cp\u003eRetrouvez un confort digestif naturel et une régularité apaisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eBesoin de détox\u003c\/h3\u003e\n \u003cp\u003ePurifiez votre organisme après les excès ou en changement de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-profile-card\"\u003e\n \u003cdiv class=\"tri-profile-icon\"\u003e🥗\u003c\/div\u003e\n \u003ch3\u003eMode de vie sain\u003c\/h3\u003e\n \u003cp\u003eComplétez une alimentation équilibrée avec ce trésor naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🏆 Qualité AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"tri-quality-grid\"\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🌱\u003c\/div\u003e\n \u003cspan\u003eAgriculture biologique certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🚫\u003c\/div\u003e\n \u003cspan\u003eSans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🇮🇳\u003c\/div\u003e\n \u003cspan\u003eOrigine Inde traditionnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e🌿\u003c\/div\u003e\n \u003cspan\u003e100% pur et naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e✅\u003c\/div\u003e\n \u003cspan\u003eVegan friendly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-quality-item\"\u003e\n \u003cdiv class=\"tri-quality-icon\"\u003e📜\u003c\/div\u003e\n \u003cspan\u003eMéthodes traditionnelles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003cdiv class=\"tri-warning-box\"\u003e\n \u003cdiv class=\"tri-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"tri-warning-content\"\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003cp\u003eRespectez la posologie recommandée. Complément alimentaire ne pouvant se substituer à une alimentation variée et équilibrée. Si vous êtes enceinte, allaitante ou sous traitement médical, demandez l'avis de votre médecin avant utilisation. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e📦 Informations produit\u003c\/h2\u003e\n \u003cdiv class=\"tri-info-grid\"\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003e150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eForme\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003ePoudre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eBio (AB)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eAyurVana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-info-item\"\u003e\n \u003cspan class=\"tri-info-label\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"tri-info-value\"\u003eAY9930\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tri-cta-box\"\u003e\n \u003cdiv class=\"tri-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-cta-content\"\u003e\n \u003cdiv class=\"tri-cta-icon\"\u003e🕉️\u003c\/div\u003e\n \u003cp\u003eDécouvrez la sagesse millénaire de l'Ayurveda avec le Triphala, le remède naturel le plus vénéré de la tradition indienne. Offrez à votre corps l'harmonie digestive et la vitalité qu'il mérite.\u003c\/p\u003e\n \u003cdiv class=\"tri-cta-tagline\"\u003eVotre voyage vers le bien-être intérieur commence ici\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 --tri-cream: #FBF8F3;\n --tri-white: #ffffff;\n --tri-primary: #7CB342;\n --tri-primary-dark: #558B2F;\n --tri-primary-light: #E8F5E9;\n --tri-secondary: #8D6E63;\n --tri-secondary-light: #EFEBE9;\n --tri-accent: #FF9800;\n --tri-accent-light: #FFF3E0;\n --tri-turquoise: #26A69A;\n --tri-text: #2D2A26;\n --tri-text-light: #6D6A66;\n --tri-border: #E8E4DE;\n --tri-shadow: 0 4px 24px rgba(45,42,38,.08);\n --tri-shadow-lg: 0 12px 48px rgba(45,42,38,.15);\n --tri-radius: 20px;\n --tri-radius-sm: 12px;\n}\n\n.tri-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tri-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tri-text);\n line-height: 1.6;\n}\n\n.tri-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tri-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 40%, var(--tri-secondary) 100%);\n border-radius: var(--tri-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(--tri-shadow-lg);\n}\n\n.tri-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(ellipse 80px 120px at 10% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(ellipse 60px 90px at 90% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse 100px 60px at 50% 10%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(ellipse 40px 60px at 80% 30%, rgba(255,152,0,.15) 0%, transparent 50%),\n radial-gradient(ellipse 50px 80px at 20% 70%, rgba(255,152,0,.12) 0%, transparent 50%);\n opacity: 1;\n}\n\n.tri-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tri-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tri-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tri-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.12);\n transition: all .3s ease;\n}\n\n.tri-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n}\n\n.tri-hero-title {\n display: block;\n color: white;\n font-size: clamp(34px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.tri-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tri-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.tri-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.tri-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(--tri-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.tri-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.tri-stat-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tri-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tri-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tri-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tri-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(--tri-primary), var(--tri-accent));\n border-radius: 2px;\n}\n\n.tri-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--tri-text-light);\n max-width: 700px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.tri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tri-fruits {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS === *\/\n.tri-card {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tri-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tri-shadow-lg);\n border-color: var(--tri-primary);\n}\n\n.tri-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--tri-text);\n margin: 0 0 0.5rem 0;\n}\n\n.tri-card p {\n color: var(--tri-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FRUIT CARDS === *\/\n.tri-fruit-card {\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tri-fruit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--tri-primary), var(--tri-accent));\n}\n\n.tri-fruit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tri-fruit-latin {\n font-style: italic;\n color: var(--tri-primary);\n font-size: 13px;\n margin: -0.25rem 0 1rem 0 !important;\n}\n\n.tri-fruit-benefit {\n margin-top: 1rem;\n padding-top: 1rem;\n border-top: 1px dashed var(--tri-border);\n}\n\n.tri-fruit-benefit span {\n display: inline-block;\n padding: 6px 14px;\n background: var(--tri-primary-light);\n color: var(--tri-primary-dark);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === BENEFIT CARDS === *\/\n.tri-benefit-card {\n text-align: center;\n}\n\n.tri-benefit-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.tri-profiles {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.tri-profile-card {\n text-align: center;\n background: linear-gradient(135deg, var(--tri-white) 0%, var(--tri-primary-light) 100%);\n}\n\n.tri-profile-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.tri-profile-card h3 {\n font-size: 17px;\n}\n\n\/* === USAGE SECTION === *\/\n.tri-usage-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n}\n\n@media (min-width: 768px) {\n .tri-usage-container {\n grid-template-columns: 2fr 1fr;\n }\n}\n\n.tri-usage-main {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--tri-shadow);\n}\n\n.tri-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n padding: 1rem 0;\n}\n\n.tri-usage-step:not(:last-child) {\n border-bottom: 1px dashed var(--tri-border);\n}\n\n.tri-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tri-primary), var(--tri-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 box-shadow: 0 4px 12px rgba(124,179,66,.35);\n}\n\n.tri-step-content h4 {\n margin: 0 0 0.25rem 0;\n font-size: 17px;\n font-weight: 700;\n color: var(--tri-text);\n}\n\n.tri-step-content p {\n margin: 0;\n color: var(--tri-text-light);\n font-size: 15px;\n}\n\n.tri-usage-tips {\n background: linear-gradient(135deg, var(--tri-accent-light) 0%, var(--tri-secondary-light) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--tri-accent);\n}\n\n.tri-usage-tips h4 {\n margin: 0 0 1rem 0;\n font-size: 17px;\n font-weight: 700;\n color: var(--tri-secondary);\n}\n\n.tri-usage-tips ul {\n margin: 0;\n padding: 0 0 0 1.25rem;\n list-style: none;\n}\n\n.tri-usage-tips li {\n position: relative;\n padding: 0.5rem 0;\n font-size: 14px;\n color: var(--tri-text-light);\n}\n\n.tri-usage-tips li::before {\n content: '✦';\n position: absolute;\n left: -1.25rem;\n color: var(--tri-accent);\n}\n\n\/* === QUALITY GRID === *\/\n.tri-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tri-quality-item {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--tri-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tri-radius-sm);\n box-shadow: var(--tri-shadow);\n transition: all .3s ease;\n}\n\n.tri-quality-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--tri-shadow-lg);\n}\n\n.tri-quality-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tri-quality-item span {\n font-size: 14px;\n font-weight: 600;\n color: var(--tri-text);\n}\n\n\/* === WARNING BOX === *\/\n.tri-warning-box {\n display: flex;\n gap: 1.25rem;\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--tri-accent);\n}\n\n.tri-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tri-warning-content h4 {\n margin: 0 0 0.5rem 0;\n font-size: 17px;\n font-weight: 700;\n color: #E65100;\n}\n\n.tri-warning-content p {\n margin: 0;\n font-size: 14px;\n color: #795548;\n line-height: 1.7;\n}\n\n\/* === INFO GRID === *\/\n.tri-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n}\n\n.tri-info-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 1rem;\n background: var(--tri-cream);\n border-radius: var(--tri-radius-sm);\n text-align: center;\n}\n\n.tri-info-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .08em;\n color: var(--tri-text-light);\n}\n\n.tri-info-value {\n font-size: 16px;\n font-weight: 700;\n color: var(--tri-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.tri-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 50%, var(--tri-secondary) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(2.5rem, 6vw, 4rem);\n text-align: center;\n overflow: hidden;\n}\n\n.tri-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,152,0,.1) 0%, transparent 50%);\n}\n\n.tri-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tri-cta-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tri-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.tri-cta-tagline {\n display: inline-block;\n padding: 12px 28px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: .02em;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tri-card,\n .tri-quality-item {\n animation: triFadeInUp .6s ease backwards;\n }\n \n .tri-card:nth-child(1), .tri-quality-item:nth-child(1) { animation-delay: .1s; }\n .tri-card:nth-child(2), .tri-quality-item:nth-child(2) { animation-delay: .15s; }\n .tri-card:nth-child(3), .tri-quality-item:nth-child(3) { animation-delay: .2s; }\n .tri-card:nth-child(4), .tri-quality-item:nth-child(4) { animation-delay: .25s; }\n .tri-card:nth-child(5), .tri-quality-item:nth-child(5) { animation-delay: .3s; }\n .tri-card:nth-child(6), .tri-quality-item:nth-child(6) { animation-delay: .35s; }\n}\n\n@keyframes triFadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tri-grid {\n grid-template-columns: 1fr;\n }\n \n .tri-hero-stats {\n gap: 1rem;\n }\n \n .tri-stat {\n padding: 0.75rem 1rem;\n }\n \n .tri-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .tri-quality-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .tri-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tri-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tri-card {\n border: 2px solid var(--tri-text);\n }\n \n .tri-badge {\n border: 2px solid var(--tri-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755223834781,"sku":"AY9930","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-poudre-bio-150-g-ayurvana-372758.jpg?v=1732722033"},{"product_id":"arjuna-bio-sante-cardiaque-60-gelules-ayurvana","title":"Arjuna Bio - Santé Cardiaque - 60 Gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Arjuna Bio - Santé Cardiaque - 60 Gélules - AyurVana\nPalette détectée:\n - Primaire: #8B5E3C (brun écorce\/cannelle du packaging cylindrique)\n - Secondaire: #C4883A (orange doré de l'écorce d'Arjuna illustrée)\n - Accent: #2E7D4B (vert bio des gouttes colorées et label AB)\n - Fond packaging: #D4A574 (beige naturel du tube en écorce)\nAmbiance: Ayurvédique \/ Naturel-bio \/ Traditionnel indien avec motifs mandala, texture écorce bois, certifications bio et fabrication française. Univers chaleureux, terreux, authentique.\nPréfixe CSS: aj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Arjuna Bio AyurVana : un allié naturel pour votre santé cardiaque\"\n 2. \"Pourquoi choisir l'Arjuna pour le cœur ?\"\n 3. \"Composition détaillée pour 6 gélules (dose journalière)\"\n 4. \"Comment prendre l'Arjuna Bio AyurVana ?\"\n 5. \"Précautions et mises en garde importantes\"\n 6. \"Les garanties AyurVana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"aj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"aj-hero\"\u003e\n \u003cdiv class=\"aj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aj-hero-content\"\u003e\n \u003cdiv class=\"aj-badges-top\"\u003e\n \u003cspan class=\"aj-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"aj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"aj-badge\"\u003e💚 Gélules végétales\u003c\/span\u003e\n \u003cspan class=\"aj-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"aj-hero-title\"\u003eArjuna Bio AyurVana\u003c\/span\u003e\n \u003cp class=\"aj-subtitle\"\u003eSanté cardiaque · 60 gélules végétales\u003c\/p\u003e\n \u003cp class=\"aj-description\"\u003eL'écorce millénaire de \u003cem\u003eTerminalia arjuna\u003c\/em\u003e, trésor de l'Ayurveda, au service de votre cœur. Extrait pur biologique, sans excipient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"aj-section\"\u003e\n \u003ch2\u003eArjuna Bio AyurVana : un allié naturel pour votre santé cardiaque\u003c\/h2\u003e\n \u003cp class=\"aj-section-intro\"\u003eUtilisé depuis des millénaires en \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e, l'\u003cstrong\u003eArjuna\u003c\/strong\u003e (\u003cem\u003eTerminalia arjuna\u003c\/em\u003e) est l'une des plantes les plus étudiées pour son action sur le système cardiovasculaire.\u003c\/p\u003e\n \u003cdiv class=\"aj-highlight-box\"\u003e\n \u003cp\u003eAyur-Vana vous propose un extrait pur d'\u003cstrong\u003eécorce d'Arjuna biologique\u003c\/strong\u003e, encapsulé en France dans des gélules 100 % végétales. Si vous cherchez un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e naturel pour prendre soin de votre cœur au quotidien, cette formule mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"aj-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'Arjuna pour le cœur ?\u003c\/h2\u003e\n \u003cp class=\"aj-section-intro\"\u003eL'écorce de \u003cstrong\u003eTerminalia arjuna\u003c\/strong\u003e concentre des composés actifs précieux : arjunine, arjunétine, tanins et surtout des \u003cstrong\u003eflavonoïdes antioxydants\u003c\/strong\u003e. C'est cette richesse qui lui vaut sa réputation de tonique cardiaque en Ayurveda.\u003c\/p\u003e\n \u003cdiv class=\"aj-grid\"\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e❤️ Soutien de la fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eL'Arjuna contribue à renforcer le muscle cardiaque et les parois des vaisseaux sanguins, favorisant ainsi une circulation saine et fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e🩺 Tension équilibrée\u003c\/h3\u003e\n \u003cp\u003eEn agissant directement sur le tonus vasculaire, il participe à la régulation naturelle de la pression artérielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eSes flavonoïdes aident à protéger les cellules du stress oxydatif, un facteur clé du vieillissement cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique\u003c\/h3\u003e\n \u003cp\u003eL'Arjuna favorise également le bon fonctionnement du foie et peut stimuler l'appétit naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-tip\"\u003e\n \u003cspan class=\"aj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette polyvalence qui fait de l'Arjuna un choix pertinent pour quiconque souhaite prendre soin de sa sphère cardiovasculaire de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"aj-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"aj-grid-compact\"\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e🌿 Écorce de Terminalia arjuna bio*\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2700 mg\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n \u003cp\u003eHypromellose (gélule végétale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"aj-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique, certifié par FR-BIO-01.\u003c\/p\u003e\n \u003cdiv class=\"aj-highlight-box\"\u003e\n \u003cp\u003eLa formule est volontairement simple : \u003cstrong\u003eaucun excipient inutile\u003c\/strong\u003e, pas d'additif chimique, pas de gélatine animale. Chaque gélule contient uniquement de la poudre d'écorce d'Arjuna pure. Le produit convient parfaitement aux personnes suivant un régime \u003cstrong\u003evégétarien ou végan\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"aj-section\"\u003e\n \u003ch2\u003eComment prendre l'Arjuna Bio AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"aj-timeline\"\u003e\n \u003cdiv class=\"aj-timeline-item\"\u003e\n \u003cdiv class=\"aj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"aj-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules avant chaque repas\u003c\/strong\u003e, soit 6 gélules par jour, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-timeline-item\"\u003e\n \u003cdiv class=\"aj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"aj-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003equatre à huit semaines\u003c\/strong\u003e est généralement recommandée. Au-delà de deux mois, faites une pause ou demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-timeline-item\"\u003e\n \u003cdiv class=\"aj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"aj-timeline-content\"\u003e\n \u003ch3\u003eOptimisez les bienfaits\u003c\/h3\u003e\n \u003cp\u003eAssociez la prise d'Arjuna à une alimentation équilibrée, riche en fruits, légumes et acides gras essentiels, ainsi qu'à 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 \u003c!-- H2 #5 --\u003e\n \u003csection class=\"aj-section\"\u003e\n \u003ch2\u003ePrécautions et mises en garde importantes\u003c\/h2\u003e\n \u003cdiv class=\"aj-accordion\"\u003e\n \u003cdetails class=\"aj-accordion-item\"\u003e\n \u003csummary class=\"aj-accordion-header\"\u003e⚠️ Dose journalière maximale\u003c\/summary\u003e\n \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière de 6 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aj-accordion-item\"\u003e\n \u003csummary class=\"aj-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aj-accordion-item\"\u003e\n \u003csummary class=\"aj-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous suivez un traitement pour l'\u003cstrong\u003einsuffisance cardiaque\u003c\/strong\u003e ou tout autre trouble cardiovasculaire, consultez impérativement votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aj-accordion-item\"\u003e\n \u003csummary class=\"aj-accordion-header\"\u003e📋 Rappels importants\u003c\/summary\u003e\n \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne remplace ni un traitement médical, ni une alimentation variée et équilibrée, ni un mode de vie sain. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aj-accordion-item\"\u003e\n \u003csummary class=\"aj-accordion-header\"\u003e🐾 Usage exclusivement humain\u003c\/summary\u003e\n \u003cdiv class=\"aj-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est exclusivement formulé pour l'être humain. Si vous recherchez un complément alimentaire pour chien cardiaque, veuillez vous tourner vers des formulations vétérinaires adaptées.\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=\"aj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes garanties AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"aj-grid-compact\"\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eNormes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e💚 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales, sans OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-card\"\u003e\n \u003ch3\u003e✨ Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans excipient superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aj-cta-box\"\u003e\n \u003cp\u003eEn choisissant l'\u003cstrong\u003eArjuna Bio AyurVana\u003c\/strong\u003e, vous offrez à votre cœur un soutien ancré dans la tradition ayurvédique et validé par des standards de qualité modernes. Une démarche simple, naturelle et respectueuse de votre organisme. 🕉️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aj-cream: #FAF6F1;\n --aj-white: #ffffff;\n --aj-primary: #8B5E3C;\n --aj-primary-dark: #5C3A22;\n --aj-primary-light: #F3E8DC;\n --aj-secondary: #C4883A;\n --aj-accent: #2E7D4B;\n --aj-text: #1a1a1a;\n --aj-text-light: #5a5a5a;\n --aj-border: #e8ddd2;\n --aj-shadow: 0 4px 24px rgba(92, 58, 34, .08);\n --aj-shadow-lg: 0 12px 48px rgba(92, 58, 34, .15);\n --aj-radius: 20px;\n --aj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.aj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aj-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4883A 80%, #2E7D4B 100%);\n border-radius: var(--aj-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(--aj-shadow-lg);\n}\n\n.aj-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 70%);\n opacity: 1;\n}\n\n.aj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aj-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.aj-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: .05em;\n text-transform: uppercase;\n}\n\n.aj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.aj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aj-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(--aj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.aj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aj-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.aj-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(--aj-primary), var(--aj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.aj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aj-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.aj-card {\n background: var(--aj-white);\n border-radius: var(--aj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aj-shadow-lg);\n border-color: var(--aj-primary);\n}\n\n.aj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--aj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.aj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.aj-grid-compact .aj-card {\n padding: 1rem;\n}\n\n.aj-grid-compact .aj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.aj-grid-compact .aj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.aj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.aj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.aj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--aj-primary), var(--aj-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.aj-timeline-content {\n flex: 1;\n background: var(--aj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--aj-radius-sm);\n box-shadow: var(--aj-shadow);\n}\n\n.aj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--aj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.aj-timeline-content p {\n font-size: 14px;\n color: var(--aj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL \/ HIGHLIGHT BOX === *\/\n.aj-highlight-box {\n background: var(--aj-white);\n border-radius: var(--aj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--aj-shadow);\n border-left: 4px solid var(--aj-accent);\n margin-top: 1.25rem;\n}\n\n.aj-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--aj-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.aj-accordion {\n background: var(--aj-white);\n border-radius: var(--aj-radius);\n box-shadow: var(--aj-shadow);\n overflow: hidden;\n}\n\n.aj-accordion-item {\n border-bottom: 1px solid var(--aj-border);\n margin: 0;\n padding: 0;\n}\n\n.aj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.aj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aj-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.aj-accordion-header:hover {\n background: var(--aj-primary-light);\n}\n\n.aj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.aj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--aj-primary);\n transition: transform .2s ease;\n}\n\n.aj-accordion-item[open] .aj-accordion-header::after {\n content: '−';\n}\n\n.aj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.aj-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.aj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aj-primary-light);\n border-radius: var(--aj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.aj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.aj-tip p {\n font-size: 14px;\n color: var(--aj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.aj-cta-box {\n background: linear-gradient(135deg, var(--aj-primary) 0%, var(--aj-primary-dark) 100%);\n border-radius: var(--aj-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.aj-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.aj-disclaimer {\n font-size: 12px;\n color: var(--aj-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 .aj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .aj-card {\n padding: 1.125rem;\n }\n \n .aj-section {\n margin-bottom: 1.75rem;\n }\n \n .aj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--aj-radius-sm);\n }\n \n .aj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .aj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .aj-grid-compact {\n gap: .625rem;\n }\n \n .aj-grid-compact .aj-card {\n padding: .75rem;\n }\n \n .aj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .aj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .aj-timeline-content h3 {\n font-size: 14px;\n }\n \n .aj-timeline-content p {\n font-size: 13px;\n }\n \n .aj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .aj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .aj-highlight-box {\n padding: 1.25rem;\n }\n \n .aj-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .aj-card {\n animation: ajFadeInUp .5s ease backwards;\n }\n .aj-card:nth-child(1) { animation-delay: .05s; }\n .aj-card:nth-child(2) { animation-delay: .1s; }\n .aj-card:nth-child(3) { animation-delay: .15s; }\n .aj-card:nth-child(4) { animation-delay: .2s; }\n .aj-card:nth-child(5) { animation-delay: .25s; }\n .aj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ajFadeInUp {\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 .aj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755229339805,"sku":"AY9932","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Arjuna-Bio-Sante-Cardiaque-60-gelules-AY9932-983502.jpg?v=1732719487"},{"product_id":"somnijoie-sommeil-profond-et-reduction-du-stress-120-gelules-jade-recherche","title":"Somnijoie - Sommeil Profond \u0026 Réduction du Stress - 120 Gélules - Jade Recherche","description":"\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e🌙 Sommeil profond\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e☀️ Anti-stress jour\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🌿 7 actifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eSomniJoie\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eSommeil profond \u0026amp; réduction du stress — 120 gélules\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eLa formule 2-en-1 qui apaise vos nuits et illumine vos journées. 7 actifs naturels pour retrouver un sommeil réparateur et un équilibre émotionnel durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eSomniJoie : le complément alimentaire sommeil et anti-stress 2-en-1\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eVous dormez mal, vous vous réveillez en pleine nuit, ou le stress vous empêche de trouver le repos ? \u003cstrong\u003eSomniJoie\u003c\/strong\u003e de Jade Recherche est un complément alimentaire pour le sommeil et la gestion du stress qui agit sur les deux fronts.\u003c\/p\u003e\n \u003cdiv class=\"sj-grid-compact\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Sommeil profond\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement rapide et des nuits sans interruption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress\u003c\/h3\u003e\n \u003cp\u003eRéduit la tension nerveuse et l'irritabilité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003e7 actifs d'origine naturelle, sans accoutumance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eMaintient la bonne humeur et la stabilité émotionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePourquoi choisir SomniJoie plutôt qu'un simple somnifère naturel ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eLa plupart des gélules sommeil se contentent de favoriser l'endormissement. SomniJoie va plus loin grâce à une \u003cstrong\u003edouble action unique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"sj-dual\"\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-night\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3\u003eLe soir — Mode Somni\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules 30 min avant le coucher\u003c\/strong\u003e pour un sommeil profond et réparateur, avec moins de réveils nocturnes. La mélatonine, la valériane et la passiflore s'unissent pour vous guider vers un repos complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-dual-card sj-dual-day\"\u003e\n \u003cdiv class=\"sj-dual-icon\"\u003e☀️\u003c\/div\u003e\n \u003ch3\u003eLe matin — Mode Joie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules au petit-déjeuner\u003c\/strong\u003e pour agir comme complément anti-stress, réduire l'irritabilité et maintenir la bonne humeur tout au long de la journée. L'ashwagandha et le griffonia soutiennent votre sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-tip\"\u003e\n \u003cspan class=\"sj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette polyvalence en fait un allié précieux si vous traversez une période de tension nerveuse, de surmenage ou de déprime passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eUne formule complète de 7 actifs naturels\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eChaque pilulier contient \u003cstrong\u003e120 gélules\u003c\/strong\u003e, soit un mois de cure à raison de 2 gélules par jour. Voici le détail de la composition :\u003c\/p\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌱 Ashwagandha\u003c\/h3\u003e\n \u003cp\u003eDosé à \u003cstrong\u003e5 % de withanolides\u003c\/strong\u003e. Plante adaptogène majeure qui aide le corps à gérer le stress, réduit le cortisol et augmente la durée du sommeil paradoxal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌿 Griffonia (5-HTP)\u003c\/h3\u003e\n \u003cp\u003ePrécurseur naturel de la \u003cstrong\u003esérotonine\u003c\/strong\u003e, l'hormone du bien-être. Associé à la vitamine B6, il soutient l'humeur et régule les compulsions alimentaires liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e💜 Valériane\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003esédatives douces\u003c\/strong\u003e, elle facilite l'endormissement sans somnolence au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌸 Passiflore\u003c\/h3\u003e\n \u003cp\u003eRéduit l'anxiété et favorise un \u003cstrong\u003esommeil continu\u003c\/strong\u003e, sans interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🤍 Aubépine\u003c\/h3\u003e\n \u003cp\u003eApaise le système nerveux et \u003cstrong\u003ecalme les palpitations\u003c\/strong\u003e liées au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🍃 Mélisse\u003c\/h3\u003e\n \u003cp\u003eEffet \u003cstrong\u003erelaxant et digestif\u003c\/strong\u003e, idéal si le stress vous noue l'estomac le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine\u003c\/h3\u003e\n \u003cp\u003eL'hormone du sommeil par excellence, qui \u003cstrong\u003eraccourcit le temps d'endormissement\u003c\/strong\u003e de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-clean-badges\"\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans gluten\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans lactose\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans OGM\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans colorants artificiels\u003c\/span\u003e\n \u003cspan class=\"sj-clean-badge\"\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComment prendre SomniJoie ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau :\u003c\/p\u003e\n \u003cdiv class=\"sj-timeline\"\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e🌙 Pour le sommeil\u003c\/h3\u003e\n \u003cp\u003e2 gélules le soir, environ \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e. Laissez la formule agir pour un endormissement naturel et un sommeil profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e☀️ Pour le stress et l'équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003e2 gélules le matin \u003cstrong\u003eau petit-déjeuner\u003c\/strong\u003e. L'ashwagandha et le griffonia soutiennent votre sérénité tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-item\"\u003e\n \u003cdiv class=\"sj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sj-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e pour ressentir pleinement les bienfaits. Renouvelez selon vos besoins ou alternez les prises matin\/soir en fonction des périodes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"sj-testimonial\"\u003e\n \u003cp class=\"sj-testimonial-text\"\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e par le laboratoire Jade Recherche, SomniJoie répond aux normes de qualité les plus strictes. Les ingrédients sont sélectionnés pour leur pureté et leur efficacité, et le conditionnement privilégie des emballages respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Jade Recherche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e✅ Normes strictes\u003c\/h3\u003e\n \u003cp\u003ePureté et efficacité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballages respectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔬 Ingrédients sélectionnés\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité optimales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément sommeil ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid\"\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e😴 Difficultés d'endormissement\u003c\/h3\u003e\n \u003cp\u003eVous mettez plus de 30 minutes à vous endormir ou vous vous réveillez fréquemment la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🔍 En quête du meilleur complément sommeil\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une solution naturelle associant détente profonde et sérénité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-card\"\u003e\n \u003ch3\u003e🧠 Profils stressés ou surmenés\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période émotionnellement exigeante et avez besoin d'un soutien quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cp\u003e🌙 Retrouvez des nuits sereines et des journées lumineuses avec SomniJoie — votre allié sommeil \u0026amp; bien-être 2-en-1 ☀️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sj-disclaimer\"\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi professionnel. En cas de doute, consultez votre médecin ou pharmacien avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #f5f2ed;\n --sj-white: #ffffff;\n --sj-primary: #2a5daa;\n --sj-primary-dark: #1a3d6e;\n --sj-primary-light: #e8f0fa;\n --sj-secondary: #f5a623;\n --sj-accent: #ffd366;\n --sj-night: #1e2d5a;\n --sj-day: #fff8eb;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e0e0e0;\n --sj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sj-night) 0%, var(--sj-primary) 50%, var(--sj-secondary) 100%);\n border-radius: var(--sj-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(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,211,102,.15) 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(245,166,35,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sj-subtitle {\n color: var(--sj-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sj-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(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-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.sj-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(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-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.sj-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sj-grid-compact .sj-card {\n padding: 1rem;\n}\n\n.sj-grid-compact .sj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sj-grid-compact .sj-card p {\n font-size: 12px;\n}\n\n\/* === DUAL CARDS (Jour\/Nuit) === *\/\n.sj-dual {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.sj-dual-card {\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-dual-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-dual-night {\n background: linear-gradient(145deg, #1e2d5a 0%, #2a5daa 100%);\n color: white;\n}\n\n.sj-dual-night h3 {\n color: var(--sj-accent);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-night p {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-day {\n background: linear-gradient(145deg, #fff8eb 0%, #fff0d0 100%);\n border: 2px solid var(--sj-secondary);\n}\n\n.sj-dual-day h3 {\n color: #b37d00;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n margin: .75rem 0 .5rem;\n}\n\n.sj-dual-day p {\n color: var(--sj-text-light);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.sj-dual-icon {\n font-size: 36px;\n}\n\n\/* === TIMELINE === *\/\n.sj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sj-primary), var(--sj-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.sj-timeline-content {\n flex: 1;\n background: var(--sj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sj-radius-sm);\n box-shadow: var(--sj-shadow);\n}\n\n.sj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sj-timeline-content p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sj-testimonial {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n border-left: 4px solid var(--sj-primary);\n}\n\n.sj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sj-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CLEAN BADGES === *\/\n.sj-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 1.5rem;\n}\n\n.sj-clean-badge {\n display: inline-flex;\n align-items: center;\n padding: 8px 18px;\n background: var(--sj-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n border: 1px solid rgba(42,93,170,.15);\n}\n\n\/* === TIP === *\/\n.sj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sj-primary-light);\n border-radius: var(--sj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sj-tip p {\n font-size: 14px;\n color: var(--sj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-primary) 0%, var(--sj-night) 60%, var(--sj-secondary) 100%);\n border-radius: var(--sj-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.sj-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\/* === DISCLAIMER === *\/\n.sj-disclaimer {\n font-size: 12px;\n color: var(--sj-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 .sj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-card {\n padding: 1.125rem;\n }\n\n .sj-section {\n margin-bottom: 1.75rem;\n }\n\n .sj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sj-radius-sm);\n }\n\n .sj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sj-grid-compact {\n gap: .625rem;\n }\n\n .sj-grid-compact .sj-card {\n padding: .75rem;\n }\n\n .sj-dual {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sj-timeline-content h3 {\n font-size: 14px;\n }\n\n .sj-timeline-content p {\n font-size: 13px;\n }\n\n .sj-testimonial {\n padding: 1.25rem;\n }\n\n .sj-testimonial-text {\n font-size: 14px;\n }\n\n .sj-clean-badges {\n gap: 6px;\n }\n\n .sj-clean-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n\n .sj-dual-icon {\n font-size: 28px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-card {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-card:nth-child(1) { animation-delay: .05s; }\n .sj-card:nth-child(2) { animation-delay: .1s; }\n .sj-card:nth-child(3) { animation-delay: .15s; }\n .sj-card:nth-child(4) { animation-delay: .2s; }\n .sj-card:nth-child(5) { animation-delay: .25s; }\n .sj-card:nth-child(6) { animation-delay: .3s; }\n .sj-card:nth-child(7) { animation-delay: .35s; }\n\n .sj-dual-card {\n animation: sjFadeInUp .6s ease backwards;\n }\n .sj-dual-card:nth-child(1) { animation-delay: .1s; }\n .sj-dual-card:nth-child(2) { animation-delay: .2s; }\n\n .sj-timeline-item {\n animation: sjFadeInUp .5s ease backwards;\n }\n .sj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .sj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes sjFadeInUp {\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 .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755232878749,"sku":"SOMNIJOIE","price":30.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/somnijoie-sommeil-profond-reduction-du-stress-120-gelules-ja-packshothd.webp?v=1786010883"},{"product_id":"cire-coiffante-bio-40-g-k-pour-karite","title":"Cire Coiffante Bio - 40 gr - K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cire Coiffante Bio K pour Karité\nPalette détectée:\n - Primaire: #8B6914 (brun doré\/bronze du packaging)\n - Secondaire: #5C4A1F (brun foncé terreux)\n - Accent: #C4A35A (doré lumineux)\nAmbiance: Naturel\/organique, masculin-unisexe, artisanal, terreux et authentique\nPréfixe CSS: kpk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n 4. \"Ingrédients\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kpk-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🐝 Cire d'abeille\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e✨ Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCire Coiffante Bio K pour Karité\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eSculptez votre style naturellement\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eUne formule unique aux ingrédients biologiques pour structurer et styliser votre coiffure tout en respectant vos cheveux et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eBoîte de 40g facile à transporter, idéale pour un usage quotidien à la maison ou en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eFacile à appliquer et à rincer, sans résidus gras. Laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Parfum subtil\u003c\/h3\u003e\n \u003cp\u003eUne expérience sensorielle exceptionnelle avec un parfum naturel et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite quantité\u003c\/h3\u003e\n \u003cp\u003ePrenez une noisette de cire dans la paume de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez entre vos mains\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pour réchauffer la cire et la rendre plus malléable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSculptez votre coiffure\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs ou humides en modelant selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRemodelable à volonté\u003c\/h3\u003e\n \u003cp\u003eSa formule légère permet de remodeler votre coiffure à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pro :\u003c\/strong\u003e Sur l'ensemble de la chevelure pour un effet plaqué ou sculpté, uniquement sur les pointes pour un rendu naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kpk-usages\"\u003e\n \u003cp class=\"kpk-usages-title\"\u003eIdéale pour :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✂️ Coupes courtes\u003c\/h3\u003e\n \u003cp\u003eÉbouriffez et texturez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💇 Cheveux longs\u003c\/h3\u003e\n \u003cp\u003eRelief et discipline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eTexture et volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinition des boucles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eDes ingrédients naturels et biologiques soigneusement sélectionnés pour leurs bienfaits pour le cuir chevelu et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003ePropriétés hydratantes et nourrissantes exceptionnelles. Assure une protection optimale de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue de votre coiffure tout en respectant la nature de vos cheveux, sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et minéraux, elle nourrit et protège vos cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n \u003cp\u003eStimule la circulation sanguine du cuir chevelu, fortifie les cheveux et aide à prévenir leur chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eFabriquée en France dans la Loire, cette cire coiffante est le fruit d'un savoir-faire artisanal et d'un engagement profond pour le respect de l'environnement. K pour Karité utilise des méthodes de production éthiques et durables pour offrir des produits de haute qualité, tout en minimisant l'impact écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire artisanal de la Loire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Démarche éthique\u003c\/h3\u003e\n \u003cp\u003eProduction durable et solidaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGRÉDIENTS --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"kpk-accordion\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003eRicinus communis (castor) seed oil, cocos nucifera (coconut) oil*, cera alba (cire d'abeille\/beeswax), hydrogenated castor oil, orbignya oleifera (huile de babassu\/babassu vegetable oil) seed oil*, cetearyl alcohol, simmondsia chinensis (huile végétale de jojoba\/jojoba) seed oil*, butyrospermum parkii (beurre de karité\/shea butter) extract, parfum (fragrance), copernicia cerifera (carnauba) wax, tocopherol, linalool\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e🌿 Naturalité \u0026amp; certifications\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle.\u003cbr\u003e\n \u003cstrong\u003e40%\u003c\/strong\u003e du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cp style=\"margin-top: .5rem;\"\u003eCertifié COSMOS Natural par ECOCERT.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eFaites le choix d'un produit qui combine \u003cstrong\u003eefficacité\u003c\/strong\u003e, \u003cstrong\u003enaturel\u003c\/strong\u003e et \u003cstrong\u003eéthique\u003c\/strong\u003e.\u003cbr\u003eOffrez à vos cheveux la douceur et la tenue qu'ils méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon les types de cheveux. Pour une tenue optimale, adapter la quantité à la longueur et l'épaisseur de vos cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #FAF8F5;\n --kpk-white: #ffffff;\n --kpk-primary: #8B6914;\n --kpk-primary-dark: #5C4A1F;\n --kpk-primary-light: #F5EFE0;\n --kpk-secondary: #6B5D4D;\n --kpk-accent: #C4A35A;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e0e0e0;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A1F 0%, #8B6914 50%, #C4A35A 100%);\n border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-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.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-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.kpk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-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.kpk-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(--kpk-primary), var(--kpk-accent));\n border-radius: 2px;\n}\n\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === USAGES === *\/\n.kpk-usages {\n margin-top: 1.5rem;\n}\n\n.kpk-usages-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kpk-accordion {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n box-shadow: var(--kpk-shadow);\n overflow: hidden;\n}\n\n.kpk-accordion-item {\n border-bottom: 1px solid var(--kpk-border);\n margin: 0;\n padding: 0;\n}\n\n.kpk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kpk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kpk-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.kpk-accordion-header:hover {\n background: var(--kpk-primary-light);\n}\n\n.kpk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kpk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kpk-primary);\n transition: transform .2s ease;\n}\n\n.kpk-accordion-item[open] .kpk-accordion-header::after {\n content: '−';\n}\n\n.kpk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kpk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kpk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-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.kpk-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.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-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 .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kpk-card {\n padding: 1.125rem;\n }\n \n .kpk-section {\n margin-bottom: 1.75rem;\n }\n \n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n \n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kpk-grid-compact {\n gap: .625rem;\n }\n \n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n \n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n \n .kpk-timeline-content p {\n font-size: 13px;\n }\n \n .kpk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kpk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kpk-testimonial {\n padding: 1.25rem;\n }\n \n .kpk-testimonial-text {\n font-size: 14px;\n }\n \n .kpk-tip {\n padding: .875rem 1rem;\n }\n \n .kpk-tip-icon {\n font-size: 20px;\n }\n \n .kpk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-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 .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755260666013,"sku":"KPKCCC1","price":9.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cire-coiffante-bio-40-gr-k-pour-karite-packshothd.webp?v=1775998731"},{"product_id":"amalaki-bio-60-gelules-ayurvana","title":"Amalaki Bio - Régule le transit intestinal - Ayur-Vana","description":"\u003cdiv class=\"amk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"amk-hero\"\u003e\n \u003cdiv class=\"amk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amk-hero-content\"\u003e\n \u003cdiv class=\"amk-badges-top\"\u003e\n \u003cspan class=\"amk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"amk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"amk-badge\"\u003e🧪 25 % de tanins\u003c\/span\u003e\n \u003cspan class=\"amk-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amk-hero-title\"\u003eLe fruit de la jeunesse de la tradition ayurvédique\u003c\/span\u003e\n \u003cp class=\"amk-description\"\u003eUn extrait concentré riche en tanins pour réguler votre transit, protéger vos cellules et soutenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eAmalaki Bio Ayur-Vana : l'extrait d'Amla riche en tanins pour votre transit et votre vitalité\u003c\/h2\u003e\n \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio\u003c\/strong\u003e d'Ayur-Vana, aussi appelé \u003cstrong\u003eAmla\u003c\/strong\u003e (\u003cem\u003eEmblica officinalis\u003c\/em\u003e), est l'un des fruits les plus précieux de la tradition ayurvédique. Surnommé « fruit de la jeunesse » en Inde, il est utilisé depuis des millénaires pour ses remarquables propriétés antioxydantes et digestives.\u003c\/p\u003e\n \u003cdiv class=\"amk-grid-compact\"\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🌱 Extrait concentré\u003c\/h3\u003e\n \u003cp\u003eTitré à 25 % de tanins pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🏆 Tradition millénaire\u003c\/h3\u003e\n \u003cp\u003ePilier de l'Ayurveda depuis des milliers d'années\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique contrôlée par Ecocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec des fruits récoltés en Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'Amalaki plutôt qu'un autre antioxydant ?\u003c\/h2\u003e\n \u003cdiv class=\"amk-testimonial\"\u003e\n \u003cp class=\"amk-testimonial-text\"\u003eContrairement à une simple poudre de fruit, l'extraction permet d'obtenir une teneur garantie en principes actifs — ici, \u003cstrong\u003e400 mg de tanins pour 4 gélules\u003c\/strong\u003e. Vous bénéficiez ainsi d'une concentration supérieure à ce que pourrait offrir le fruit brut, dans un format pratique et facile à doser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-tip\"\u003e\n \u003cspan class=\"amk-tip-icon\"\u003e☯️\u003c\/span\u003e\n \u003cp\u003eL'Amla est l'une des sources naturelles les plus riches en polyphénols et en vitamine C naturelle. C'est ce qui explique son rôle central dans la pharmacopée ayurvédique, où il est réputé pour contribuer à l'équilibre des trois doshas, et tout particulièrement pour apaiser \u003cstrong\u003ePitta\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'Amalaki Bio au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"amk-grid\"\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🫄 Régulation du transit intestinal\u003c\/h3\u003e\n \u003cp\u003eL'Amalaki contribue à une digestion agréable et à un confort digestif durable. Il est particulièrement apprécié en cas de transit irrégulier ou paresseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en tanins et polyphénols, il aide à protéger vos cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e💪 Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eEn Ayurveda, l'Amla est considéré comme un « rasayana », un tonique régénérant qui soutient l'immunité et la vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e✨ Éclat de la peau et des cheveux\u003c\/h3\u003e\n \u003cp\u003eSes propriétés régénérantes sont recherchées pour maintenir une peau lumineuse et un cuir chevelu sain. Ce complément agit de l'intérieur, en nourrissant vos tissus en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 4 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"amk-grid\"\u003e\n \u003cdiv class=\"amk-card amk-card-highlight\"\u003e\n \u003ch3\u003e🍇 Extrait de fruits d'Amalaki bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEmblica officinalis\u003c\/em\u003e : \u003cstrong\u003e1 600 mg\u003c\/strong\u003e dont \u003cstrong\u003etanins : 400 mg\u003c\/strong\u003e (titrage à 25 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eAgent d'enrobage d'origine végétale : hypromellose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-tip\"\u003e\n \u003cspan class=\"amk-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique, certifiés par Ecocert FR-BIO-01. Sans additifs chimiques, sans substances d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eComment prendre l'Amalaki Bio Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"amk-timeline\"\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003eRepas du midi\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du midi avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003eRepas du soir\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules\u003c\/strong\u003e avant le repas du soir avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à \u003cstrong\u003e15 jours\u003c\/strong\u003e. Pour un effet optimal, une cure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e est souvent conseillée, à renouveler selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eQualité et certifications\u003c\/h2\u003e\n \u003cdiv class=\"amk-grid-compact\"\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique - Ecocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction française pour une traçabilité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🥬 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales : convient aux végétariens et véganes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eFruits d'Amla sélectionnés et récoltés en Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"amk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"amk-accordion\"\u003e\n \u003cdetails class=\"amk-accordion-item\" open\u003e\n \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"amk-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 dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amk-accordion-item\"\u003e\n \u003csummary class=\"amk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amk-accordion-item\"\u003e\n \u003csummary class=\"amk-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez votre professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --amk-cream: #fdf8f0;\n --amk-white: #ffffff;\n --amk-primary: #d4a017;\n --amk-primary-dark: #8b6914;\n --amk-primary-light: #fdf3d7;\n --amk-secondary: #7cb342;\n --amk-accent: #e8a500;\n --amk-text: #1a1a1a;\n --amk-text-light: #5a5a5a;\n --amk-border: #e8e0d0;\n --amk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --amk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --amk-radius: 20px;\n --amk-radius-sm: 12px;\n}\n\n.amk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amk-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a017 0%, #b8860b 40%, #7cb342 100%);\n border-radius: var(--amk-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(--amk-shadow-lg);\n}\n\n.amk-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, 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.amk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amk-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.amk-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.amk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.amk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.amk-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(--amk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.amk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--amk-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.amk-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(--amk-primary), var(--amk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.amk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--amk-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.amk-card {\n background: var(--amk-white);\n border-radius: var(--amk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--amk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amk-shadow-lg);\n border-color: var(--amk-primary);\n}\n\n.amk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--amk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.amk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.amk-card-highlight {\n border-color: var(--amk-primary);\n background: var(--amk-primary-light);\n}\n\n\/* === GRILLES === *\/\n.amk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.amk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.amk-grid-compact .amk-card {\n padding: 1rem;\n}\n\n.amk-grid-compact .amk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.amk-grid-compact .amk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.amk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amk-primary), var(--amk-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.amk-timeline-content {\n flex: 1;\n background: var(--amk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--amk-radius-sm);\n box-shadow: var(--amk-shadow);\n}\n\n.amk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.amk-timeline-content p {\n font-size: 14px;\n color: var(--amk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.amk-testimonial {\n background: var(--amk-white);\n border-radius: var(--amk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--amk-shadow);\n border-left: 4px solid var(--amk-primary);\n}\n\n.amk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--amk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.amk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--amk-primary-light);\n border-radius: var(--amk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.amk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.amk-tip p {\n font-size: 14px;\n color: var(--amk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amk-accordion {\n background: var(--amk-white);\n border-radius: var(--amk-radius);\n box-shadow: var(--amk-shadow);\n overflow: hidden;\n}\n\n.amk-accordion-item {\n border-bottom: 1px solid var(--amk-border);\n margin: 0;\n padding: 0;\n}\n\n.amk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.amk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--amk-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.amk-accordion-header:hover {\n background: var(--amk-primary-light);\n}\n\n.amk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.amk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--amk-primary);\n transition: transform .2s ease;\n}\n\n.amk-accordion-item[open] .amk-accordion-header::after {\n content: '−';\n}\n\n.amk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--amk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.amk-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amk-disclaimer {\n font-size: 12px;\n color: var(--amk-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 .amk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .amk-card {\n padding: 1.125rem;\n }\n\n .amk-section {\n margin-bottom: 1.75rem;\n }\n\n .amk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--amk-radius-sm);\n }\n\n .amk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .amk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .amk-grid-compact {\n gap: .625rem;\n }\n\n .amk-grid-compact .amk-card {\n padding: .75rem;\n }\n\n .amk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .amk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .amk-timeline-content h3 {\n font-size: 14px;\n }\n\n .amk-timeline-content p {\n font-size: 13px;\n }\n\n .amk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .amk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .amk-testimonial {\n padding: 1.25rem;\n }\n\n .amk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amk-card {\n animation: amkFadeInUp .5s ease backwards;\n }\n .amk-card:nth-child(1) { animation-delay: .05s; }\n .amk-card:nth-child(2) { animation-delay: .1s; }\n .amk-card:nth-child(3) { animation-delay: .15s; }\n .amk-card:nth-child(4) { animation-delay: .2s; }\n .amk-card:nth-child(5) { animation-delay: .25s; }\n .amk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes amkFadeInUp {\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 .amk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755267612829,"sku":"AY9104","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/amalaki-bio-regule-le-transit-intestinal-ayur-vana-packshothd.webp?v=1790067755"},{"product_id":"mascara-bio-pour-cheveux-5-nuances-disponibles-15-g-k-pour-karite","title":"Mascara Bio Pour Cheveux - 4 Nuances Disponibles - K pour Karité","description":"\u003cdiv class=\"kmc-premium\"\u003e\n\u003cdiv class=\"kmc-hero\"\u003e\n\u003cdiv class=\"kmc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kmc-hero-content\"\u003e\n\u003cdiv class=\"kmc-badges-top\"\u003e\n\u003cspan class=\"kmc-badge\"\u003e🌿 Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"kmc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"kmc-badge\"\u003e🎨 4 nuances\u003c\/span\u003e \u003cspan class=\"kmc-badge\"\u003e🧴 15 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kmc-hero-title\" style=\"font-size: 28px;\"\u003eEnfin un mascara bio pour camoufler ses cheveux blancs\u003c\/span\u003e\n\u003cp class=\"kmc-subtitle\"\u003eK pour Karité — 4 nuances disponibles\u003c\/p\u003e\n\u003cp class=\"kmc-description\"\u003eLa retouche capillaire naturelle et express pour camoufler vos repousses, couvrir les cheveux blancs ou illuminer une mèche, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eMascara bio pour cheveux K pour Karité : la retouche capillaire naturelle et express\u003c\/h2\u003e\n\u003cp class=\"kmc-section-intro\"\u003eQuelques cheveux blancs qui pointent aux tempes, des racines visibles entre deux colorations, ou simplement l'envie d'illuminer une mèche pour une occasion spéciale ? Le \u003cstrong\u003emascara bio pour cheveux K pour Karité\u003c\/strong\u003e est la solution idéale pour toutes ces situations du quotidien.\u003c\/p\u003e\n\u003cp class=\"kmc-section-intro\"\u003eCertifié \u003cstrong\u003eEcocert\u003c\/strong\u003e et formulé à base d'ingrédients naturels, ce \u003cstrong\u003emascara cheveux bio\u003c\/strong\u003e vous offre une \u003cstrong\u003ecoloration temporaire\u003c\/strong\u003e fiable, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003e4 nuances pour s'adapter à votre couleur naturelle\u003c\/h2\u003e\n\u003cp class=\"kmc-section-intro\"\u003eChaque chevelure est unique, c'est pourquoi ce mascara capillaire est disponible en \u003cstrong\u003e4 teintes soigneusement calibrées\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"kmc-grid-compact\"\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-blond\"\u003e\n\u003ch3\u003e☀️ Blond foncé\u003c\/h3\u003e\n\u003cp\u003eParfait pour les blonds vénitiens et les châtains très clairs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-chatain\"\u003e\n\u003ch3\u003e🌰 Châtain moyen\u003c\/h3\u003e\n\u003cp\u003eLa teinte passe-partout pour les châtains naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-chatain-fonce\"\u003e\n\u003ch3\u003e🍫 Châtain foncé\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les bruns clairs et les châtains profonds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-brun\"\u003e\n\u003ch3\u003e🖤 Brun\u003c\/h3\u003e\n\u003cp\u003eLa nuance intense pour les chevelures foncées à très foncées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-tip\"\u003e\n\u003cspan class=\"kmc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous hésitez entre deux nuances, choisissez la plus claire. Vous pourrez toujours intensifier le résultat en superposant une seconde couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eUn mascara bio pour cheveux blancs vraiment efficace\u003c\/h2\u003e\n\u003cdiv class=\"kmc-grid\"\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🎯 Précision mèche par mèche\u003c\/h3\u003e\n\u003cp\u003eContrairement aux sprays ou aux colorations chimiques temporaires, son applicateur brossette permet un geste précis. Le pigment se dépose uniformément, sans couler ni tacher la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e✨ Rendu naturel et discret\u003c\/h3\u003e\n\u003cp\u003eUn résultat qui se fond dans votre couleur naturelle, pour un camouflage invisible des repousses et des cheveux blancs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🚿 S'élimine au shampooing\u003c\/h3\u003e\n\u003cp\u003eCe mascara coloration temporaire pour cheveux s'élimine simplement au shampooing suivant, sans laisser de résidu ni altérer votre couleur de base.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eUne composition clean, certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kmc-section-intro\"\u003eLa formule de ce mascara pour cheveux bio de K pour Karité repose sur des actifs naturels rigoureusement sélectionnés :\u003c\/p\u003e\n\u003cdiv class=\"kmc-grid-compact\"\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et apporte de la brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n\u003cp\u003eGarantit une tenue souple et une fixation douce toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🌻 Extrait de tournesol\u003c\/h3\u003e\n\u003cp\u003eProtège le cheveu et aide à maintenir l'éclat de la couleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🎨 Pigments naturels\u003c\/h3\u003e\n\u003cp\u003eColorent sans agresser, pour un résultat ton sur ton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-tip\"\u003e\n\u003cspan class=\"kmc-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans paraben, sans silicone, sans ammoniaque.\u003c\/strong\u003e La formulation respecte à la fois votre cuir chevelu et l'environnement. Le tube de 15 g est compact, facile à glisser dans un sac pour des retouches en toute discrétion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eComment appliquer votre mascara cheveux bio ?\u003c\/h2\u003e\n\u003cdiv class=\"kmc-timeline\"\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eSecouez\u003c\/h3\u003e\n\u003cp\u003eSecouez légèrement le tube avant chaque utilisation pour homogénéiser les pigments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs, en partant des racines vers les pointes sur les zones à couvrir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eBrossez\u003c\/h3\u003e\n\u003cp\u003eDélicatement avec la brossette intégrée pour répartir la couleur de façon homogène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003ePatientez\u003c\/h3\u003e\n\u003cp\u003eDeux à trois minutes le temps du séchage complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eSuperposez\u003c\/h3\u003e\n\u003cp\u003eUne deuxième couche si vous souhaitez un résultat plus couvrant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-tip\"\u003e\n\u003cspan class=\"kmc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eRéalisez un essai sur une petite mèche pour vérifier le rendu de la teinte avant une application plus étendue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eFabriqué en France, engagé pour la planète\u003c\/h2\u003e\n\u003cdiv class=\"kmc-grid\"\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🇫🇷 Production française\u003c\/h3\u003e\n\u003cp\u003eK pour Karité fabrique ses produits en France, garantissant une qualité irréprochable et une empreinte écologique réduite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eLe beurre de karité bio est issu de coopératives de petits producteurs, soutenant des filières équitables et responsables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e💚 Beauté responsable\u003c\/h3\u003e\n\u003cp\u003eQue vous l'utilisiez au quotidien pour masquer vos premières repousses ou ponctuellement pour sublimer votre coiffure, ce mascara bio deviendra vite un indispensable de votre trousse beauté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-cta-box\"\u003e\n\u003cp\u003ePratique, naturel et respectueux : le mascara bio K pour Karité coche toutes les cases pour une retouche capillaire express et sans compromis. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --kmc-cream: #faf6f1;\n --kmc-white: #ffffff;\n --kmc-primary: #5c3a2e;\n --kmc-primary-dark: #3d2219;\n --kmc-primary-light: #f3ebe4;\n --kmc-secondary: #c89a6b;\n --kmc-accent: #d4a574;\n --kmc-text: #1a1a1a;\n --kmc-text-light: #5a5a5a;\n --kmc-border: #e8ddd4;\n --kmc-shadow: 0 4px 24px rgba(92,58,46,.08);\n --kmc-shadow-lg: 0 12px 48px rgba(92,58,46,.15);\n --kmc-radius: 20px;\n --kmc-radius-sm: 12px;\n}\n\n.kmc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kmc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kmc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kmc-primary-dark) 0%, var(--kmc-primary) 50%, var(--kmc-secondary) 100%);\n border-radius: var(--kmc-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(--kmc-shadow-lg);\n}\n\n.kmc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(200,154,107,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,165,116,.1) 0%, transparent 50%),\n repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n opacity: .5;\n}\n\n.kmc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kmc-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.kmc-subtitle {\n color: var(--kmc-accent);\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.kmc-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kmc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kmc-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(--kmc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kmc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kmc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kmc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kmc-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.kmc-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(--kmc-primary), var(--kmc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kmc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kmc-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.kmc-section-intro strong {\n color: var(--kmc-primary-dark);\n}\n\n\/* === CARDS === *\/\n.kmc-card {\n background: var(--kmc-white);\n border-radius: var(--kmc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kmc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kmc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kmc-shadow-lg);\n border-color: var(--kmc-primary);\n}\n\n.kmc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kmc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kmc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kmc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === NUANCES CARDS SPECIAL === *\/\n.kmc-card-nuance {\n border-top: 4px solid transparent;\n}\n\n.kmc-nuance-blond { border-top-color: #c5a55a; }\n.kmc-nuance-chatain { border-top-color: #8b6b4a; }\n.kmc-nuance-chatain-fonce { border-top-color: #5c3a2e; }\n.kmc-nuance-brun { border-top-color: #2d1a12; }\n\n\/* === GRILLES === *\/\n.kmc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.kmc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kmc-grid-compact .kmc-card {\n padding: 1rem;\n}\n\n.kmc-grid-compact .kmc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kmc-grid-compact .kmc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kmc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kmc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kmc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kmc-primary), var(--kmc-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.kmc-timeline-content {\n flex: 1;\n background: var(--kmc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kmc-radius-sm);\n box-shadow: var(--kmc-shadow);\n}\n\n.kmc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kmc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kmc-timeline-content p {\n font-size: 14px;\n color: var(--kmc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kmc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kmc-primary-light);\n border-radius: var(--kmc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kmc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kmc-tip p {\n font-size: 14px;\n color: var(--kmc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kmc-tip p strong {\n color: var(--kmc-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.kmc-cta-box {\n background: linear-gradient(135deg, var(--kmc-primary) 0%, var(--kmc-primary-dark) 100%);\n border-radius: var(--kmc-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.kmc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kmc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kmc-card {\n padding: 1.125rem;\n }\n\n .kmc-section {\n margin-bottom: 1.75rem;\n }\n\n .kmc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kmc-radius-sm);\n }\n\n .kmc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kmc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kmc-grid-compact {\n gap: .625rem;\n }\n\n .kmc-grid-compact .kmc-card {\n padding: .75rem;\n }\n\n .kmc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kmc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kmc-timeline-content h3 {\n font-size: 14px;\n }\n\n .kmc-timeline-content p {\n font-size: 13px;\n }\n\n .kmc-tip {\n padding: .875rem 1rem;\n }\n\n .kmc-tip-icon {\n font-size: 20px;\n }\n\n .kmc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kmc-card {\n animation: kmcFadeInUp .5s ease backwards;\n }\n .kmc-card:nth-child(1) { animation-delay: .05s; }\n .kmc-card:nth-child(2) { animation-delay: .1s; }\n .kmc-card:nth-child(3) { animation-delay: .15s; }\n .kmc-card:nth-child(4) { animation-delay: .2s; }\n .kmc-card:nth-child(5) { animation-delay: .25s; }\n .kmc-card:nth-child(6) { animation-delay: .3s; }\n\n .kmc-timeline-item {\n animation: kmcFadeInUp .5s ease backwards;\n }\n .kmc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .kmc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .kmc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .kmc-timeline-item:nth-child(4) { animation-delay: .2s; }\n .kmc-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes kmcFadeInUp {\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 .kmc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"N°2 - Brun","offer_id":45755271479453,"sku":"MASCARAKBRUN","price":10.87,"currency_code":"EUR","in_stock":true},{"title":"N°3 - Châtain foncé","offer_id":45755271512221,"sku":"MASCARAKCHATFONCE","price":10.87,"currency_code":"EUR","in_stock":false},{"title":"N°4 - Châtain moyen","offer_id":54922712154489,"sku":"MASCARAKCHATMOY","price":10.87,"currency_code":"EUR","in_stock":true},{"title":"N°6 - Blond foncé","offer_id":45755271577757,"sku":"MASCARAKBLDFONCE","price":10.87,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mascara-bio-pour-cheveux-4-nuances-disponibles-k-pour-karite-packshothd_8b04eb21-da90-4fba-9b7a-99299d283132.webp?v=1775110990"},{"product_id":"trivana-lallie-minceur-60-gelules-vegetales-ayurvana","title":"Trivana Minceur Bio - 60 gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Trivana Minceur Bio - AyurVana\nPalette détectée:\n - Primaire: #C8D63E (jaune-vert citron vibrant du packaging supérieur)\n - Secondaire: #7CAA4A (vert naturel\/végétal du packaging inférieur)\n - Accent: #F4E8C8 (beige crème naturel du corps de l'étiquette)\n - Support: #8B6F47 (marron terreux des graines\/épices)\nAmbiance: Ayurvéda authentique, naturel bio, bien-être holistique, packaging artisanal aux couleurs vives et naturelles\nUnivers: Complément minceur naturel, médecine traditionnelle indienne, végétal \u0026 bio\nPréfixe CSS: trv\n--\u003e\n\u003cdiv class=\"trv-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"trv-hero\"\u003e\n\u003cdiv class=\"trv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"trv-hero-content\"\u003e\n\u003cdiv class=\"trv-badges-top\"\u003e\n\u003cspan class=\"trv-badge\"\u003e🌿 100% bio \u0026amp; vegan\u003c\/span\u003e \u003cspan class=\"trv-badge\"\u003e🇮🇳 Ayurvéda traditionnel\u003c\/span\u003e \u003cspan class=\"trv-badge\"\u003e✨ 6 plantes actives\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"trv-hero-title\"\u003eTrivana minceur bio\u003c\/span\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eL'allié minceur de la tradition ayurvédique\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn complément alimentaire bio qui combine les secrets ancestraux de l'Ayurveda pour vous accompagner naturellement dans votre programme de perte de poids. Une formule équilibrée pour un métabolisme harmonieux et durable.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS FORTS --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e🌟 Pourquoi choisir Trivana ?\u003c\/h2\u003e\n\u003cdiv class=\"trv-grid\"\u003e\n\u003cdiv class=\"trv-card\"\u003e\n\u003cdiv class=\"trv-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eMétabolisme activé\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement la combustion des graisses grâce au Garcinia cambogia et au poivre noir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-card\"\u003e\n\u003cdiv class=\"trv-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eFormule ayurvédique\u003c\/h3\u003e\n\u003cp\u003eÉlaborée selon les principes millénaires de la médecine indienne pour un équilibre holistique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-card\"\u003e\n\u003cdiv class=\"trv-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eDétox naturelle\u003c\/h3\u003e\n\u003cp\u003ePurifie l'organisme en profondeur avec le Triphala et le guggul pour éliminer les toxines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-card\"\u003e\n\u003cdiv class=\"trv-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003e100% végétal \u0026amp; bio\u003c\/h3\u003e\n\u003cp\u003eSans agents artificiels, certifié bio, adapté aux régimes végans et végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-card\"\u003e\n\u003cdiv class=\"trv-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eContrôle de l'appétit\u003c\/h3\u003e\n\u003cp\u003eRégule naturellement la sensation de faim pour une gestion du poids facilitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-card\"\u003e\n\u003cdiv class=\"trv-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eDigestion optimisée\u003c\/h3\u003e\n\u003cp\u003eAméliore le transit et l'absorption des nutriments pour un confort digestif quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e🌿 Les 6 plantes actives de la formule\u003c\/h2\u003e\n\u003cdiv class=\"trv-ingredients\"\u003e\n\u003cdiv class=\"trv-ingredient-card\"\u003e\n\u003cdiv class=\"trv-ingredient-header\"\u003e\n\u003cspan class=\"trv-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eMusta (souchet rond)\u003c\/h3\u003e\n\u003cspan class=\"trv-dosage\"\u003e450 mg • 5% saponines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAméliore la digestion et facilite l'absorption des nutriments pour un transit équilibré et harmonieux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-ingredient-card\"\u003e\n\u003cdiv class=\"trv-ingredient-header\"\u003e\n\u003cspan class=\"trv-ingredient-icon\"\u003e🌰\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVidanga (Embelia ribes)\u003c\/h3\u003e\n\u003cspan class=\"trv-dosage\"\u003e450 mg • 5% tanins\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eStimule les défenses naturelles et favorise le transit, essentiel dans la gestion du poids\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-ingredient-card\"\u003e\n\u003cdiv class=\"trv-ingredient-header\"\u003e\n\u003cspan class=\"trv-ingredient-icon\"\u003e🪨\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGuggul (résine)\u003c\/h3\u003e\n\u003cspan class=\"trv-dosage\"\u003e450 mg • 2,5% guggulstérones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePurifie le sang en réduisant les graisses et aide à réguler le cholestérol pour le bien-être cardiovasculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-ingredient-card\"\u003e\n\u003cdiv class=\"trv-ingredient-header\"\u003e\n\u003cspan class=\"trv-ingredient-icon\"\u003e🥭\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGarcinia cambogia\u003c\/h3\u003e\n\u003cspan class=\"trv-dosage\"\u003e200 mg • extrait de fruit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eRéduit l'appétit et stimule la combustion des graisses pour un amincissement durable et efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-ingredient-card\"\u003e\n\u003cdiv class=\"trv-ingredient-header\"\u003e\n\u003cspan class=\"trv-ingredient-icon\"\u003e🍊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eTriphala (3 fruits sacrés)\u003c\/h3\u003e\n\u003cspan class=\"trv-dosage\"\u003e100 mg • mélange traditionnel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAmalaki, Bibhitaki et Haritaki : propriétés détoxifiantes exceptionnelles pour une digestion saine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-ingredient-card\"\u003e\n\u003cdiv class=\"trv-ingredient-header\"\u003e\n\u003cspan class=\"trv-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePoivre noir\u003c\/h3\u003e\n\u003cspan class=\"trv-dosage\"\u003e50 mg • biodisponibilité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eAccélère le métabolisme et optimise l'absorption de tous les autres actifs de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e📋 Comment utiliser Trivana ?\u003c\/h2\u003e\n\u003cdiv class=\"trv-usage-timeline\"\u003e\n\u003cdiv class=\"trv-timeline-item\"\u003e\n\u003cdiv class=\"trv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-content\"\u003e\n\u003ch3\u003ePosologie optimale\u003c\/h3\u003e\n\u003cp\u003ePrendre 2 à 4 gélules par jour selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-item\"\u003e\n\u003cdiv class=\"trv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eDe préférence 15-30 minutes avant les repas principaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-item\"\u003e\n\u003cdiv class=\"trv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-content\"\u003e\n\u003ch3\u003eHydratation\u003c\/h3\u003e\n\u003cp\u003eAccompagner d'un grand verre d'eau pour une meilleure efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-item\"\u003e\n\u003cdiv class=\"trv-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"trv-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eUne cure de 2 à 3 mois minimum pour des résultats optimaux et durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-info-box\"\u003e\n\u003cspan class=\"trv-info-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e Pour maximiser les résultats, associez Trivana à une alimentation équilibrée et une activité physique régulière. L'Ayurveda recommande également de boire de l'eau tiède le matin à jeun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e📊 Les bénéfices de Trivana\u003c\/h2\u003e\n\u003cdiv class=\"trv-benefits-grid\"\u003e\n\u003cdiv class=\"trv-benefit-card\"\u003e\n\u003cdiv class=\"trv-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-number\"\u003e+30%\u003c\/div\u003e\n\u003cp\u003eActivation du métabolisme naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-card\"\u003e\n\u003cdiv class=\"trv-benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-number\"\u003e60\u003c\/div\u003e\n\u003cp\u003eGélules pour 15 à 30 jours de cure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-card\"\u003e\n\u003cdiv class=\"trv-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-number\"\u003e6\u003c\/div\u003e\n\u003cp\u003ePlantes actives synergiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-card\"\u003e\n\u003cdiv class=\"trv-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"trv-benefit-number\"\u003e100%\u003c\/div\u003e\n\u003cp\u003eNaturel, bio et végétal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI ? --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e👥 Trivana est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"trv-grid\"\u003e\n\u003cdiv class=\"trv-profile-card\"\u003e\n\u003cdiv class=\"trv-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eProgramme minceur\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez perdre du poids de manière naturelle et progressive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-profile-card\"\u003e\n\u003cdiv class=\"trv-profile-icon\"\u003e🧘♀️\u003c\/div\u003e\n\u003ch3\u003eApproche holistique\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution respectueuse de votre corps et équilibrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-profile-card\"\u003e\n\u003cdiv class=\"trv-profile-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eMode de vie sain\u003c\/h3\u003e\n\u003cp\u003eVous privilégiez les produits bio, végans et sans additifs artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-profile-card\"\u003e\n\u003cdiv class=\"trv-profile-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003eMétabolisme ralenti\u003c\/h3\u003e\n\u003cp\u003eVous ressentez le besoin de stimuler votre métabolisme naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-profile-card\"\u003e\n\u003cdiv class=\"trv-profile-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eDétox régulière\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez purifier votre organisme et éliminer les toxines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-profile-card\"\u003e\n\u003cdiv class=\"trv-profile-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eContrôle de l'appétit\u003c\/h3\u003e\n\u003cp\u003eVous voulez réguler naturellement vos sensations de faim\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION TECHNIQUE --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e🔬 Composition pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"trv-composition-table\"\u003e\n\u003cdiv class=\"trv-composition-row trv-composition-header\"\u003e\n\u003cspan\u003eIngrédient actif\u003c\/span\u003e \u003cspan\u003eDosage\u003c\/span\u003e \u003cspan\u003eTitrage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-composition-row\"\u003e\n\u003cspan\u003eExtrait de rhizome de souchet rond\u003c\/span\u003e \u003cspan\u003e450 mg\u003c\/span\u003e \u003cspan\u003e5% saponines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-composition-row\"\u003e\n\u003cspan\u003eExtrait de graines d'Embelia ribes\u003c\/span\u003e \u003cspan\u003e450 mg\u003c\/span\u003e \u003cspan\u003e5% tanins\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-composition-row\"\u003e\n\u003cspan\u003eExtrait de résine de guggul\u003c\/span\u003e \u003cspan\u003e450 mg\u003c\/span\u003e \u003cspan\u003e2,5% guggulstérones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-composition-row\"\u003e\n\u003cspan\u003eExtrait de fruit de Garcinia cambogia\u003c\/span\u003e \u003cspan\u003e200 mg\u003c\/span\u003e \u003cspan\u003e-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-composition-row\"\u003e\n\u003cspan\u003eTriphala (mélange de trois fruits)\u003c\/span\u003e \u003cspan\u003e100 mg\u003c\/span\u003e \u003cspan\u003e-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-composition-row\"\u003e\n\u003cspan\u003eExtrait de fruit de poivre noir\u003c\/span\u003e \u003cspan\u003e50 mg\u003c\/span\u003e \u003cspan\u003e-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"trv-info-box\"\u003e\n\u003cspan class=\"trv-info-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eProduit 100% végétal et naturel, sans agents conservateurs, colorants ni arômes artificiels. Gélules d'origine végétale adaptées aux végétariens et végans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE \u0026 FABRICATION --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e🌍 Origine et engagement qualité\u003c\/h2\u003e\n\u003cdiv class=\"trv-quality-grid\"\u003e\n\u003cdiv class=\"trv-quality-card\"\u003e\n\u003cdiv class=\"trv-quality-icon\"\u003e🇮🇳\u003c\/div\u003e\n\u003ch3\u003eCultivé en Inde\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique indienne, berceau de l'Ayurveda\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-quality-card\"\u003e\n\u003cdiv class=\"trv-quality-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eAgriculture biologique\u003c\/h3\u003e\n\u003cp\u003eCertifié bio, cultivé sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-quality-card\"\u003e\n\u003cdiv class=\"trv-quality-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eTransformation éthique\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux de l'environnement et de l'intégrité des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-quality-card\"\u003e\n\u003cdiv class=\"trv-quality-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eNormes strictes\u003c\/h3\u003e\n\u003cp\u003eProduction selon des standards de qualité rigoureux et contrôlés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-quality-card\"\u003e\n\u003cdiv class=\"trv-quality-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch3\u003eDémarche durable\u003c\/h3\u003e\n\u003cp\u003ePackaging respectueux de l'environnement, production responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-quality-card\"\u003e\n\u003cdiv class=\"trv-quality-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eSanté \u0026amp; planète\u003c\/h3\u003e\n\u003cp\u003eUn choix bénéfique pour votre bien-être et pour la préservation de la Terre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFORMATIONS PRATIQUES --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"trv-practical-grid\"\u003e\n\u003cdiv class=\"trv-practical-card\"\u003e\n\u003cdiv class=\"trv-practical-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-info\"\u003e\n\u003cstrong\u003eContenance\u003c\/strong\u003e \u003cspan\u003e60 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-card\"\u003e\n\u003cdiv class=\"trv-practical-icon\"\u003e📅\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-info\"\u003e\n\u003cstrong\u003eDurée de cure\u003c\/strong\u003e \u003cspan\u003e15 à 30 jours selon posologie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-card\"\u003e\n\u003cdiv class=\"trv-practical-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-info\"\u003e\n\u003cstrong\u003eType de gélules\u003c\/strong\u003e \u003cspan\u003e100% végétales (HPMC)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-card\"\u003e\n\u003cdiv class=\"trv-practical-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"trv-practical-info\"\u003e\n\u003cstrong\u003eCertifications\u003c\/strong\u003e \u003cspan\u003eBio \u0026amp; Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"trv-section\"\u003e\n\u003cdiv class=\"trv-warning-box\"\u003e\n\u003cdiv class=\"trv-warning-header\"\u003e\n\u003cspan class=\"trv-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul style=\"list-style: none;\" class=\"trv-warning-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e - Par précaution, éviter l'usage durant la grossesse et l'allaitement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeut diminuer la fertilité\u003c\/strong\u003e - Certains ingrédients peuvent avoir un impact sur la fonction reproductive\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe pas dépasser la dose recommandée\u003c\/strong\u003e - Respecter la posologie de 2 à 4 gélules par jour\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e - Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAvis médical\u003c\/strong\u003e - Consulter un professionnel de santé en cas de traitement médical en cours ou de problème de santé\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConservation\u003c\/strong\u003e - Conserver à l'abri de la lumière, de la chaleur et de l'humidité. Tenir hors de portée des enfants\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"trv-section\"\u003e\n\u003cdiv class=\"trv-cta-box\"\u003e\n\u003cdiv class=\"trv-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"trv-cta-content\"\u003e\n\u003cp\u003eTrivana, l'allié minceur ayurvédique : faites confiance à la sagesse millénaire de l'Ayurveda pour retrouver votre équilibre naturel. Une formule bio, éthique et efficace qui respecte votre corps et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --trv-cream: #fdfcf7;\n --trv-white: #ffffff;\n --trv-primary: #C8D63E;\n --trv-primary-dark: #9DAF2E;\n --trv-primary-light: #E8F0B8;\n --trv-secondary: #7CAA4A;\n --trv-secondary-dark: #5A8435;\n --trv-accent: #F4E8C8;\n --trv-earth: #8B6F47;\n\n \/* Textes *\/\n --trv-text: #1a1a1a;\n --trv-text-light: #5a5a5a;\n --trv-text-lighter: #8a8a8a;\n\n \/* Effets *\/\n --trv-border: #e8e5df;\n --trv-shadow: 0 4px 24px rgba(122, 146, 58, 0.08);\n --trv-shadow-lg: 0 12px 48px rgba(122, 146, 58, 0.15);\n --trv-shadow-hover: 0 16px 56px rgba(122, 146, 58, 0.2);\n --trv-radius: 20px;\n --trv-radius-sm: 12px;\n --trv-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.trv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: var(--trv-text);\n}\n\n\/* === HERO SECTION === *\/\n.trv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trv-primary) 0%, var(--trv-secondary) 50%, var(--trv-secondary-dark) 100%);\n border-radius: var(--trv-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(--trv-shadow-lg);\n}\n\n.trv-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.07;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,0.05) 30px, rgba(255,255,255,0.05) 60px);\n background-size: 300% 300%, 400% 400%, 100% 100%;\n animation: heroPatternMove 20s ease infinite;\n}\n\n@keyframes heroPatternMove {\n 0%, 100% { background-position: 0% 0%, 100% 100%, 0 0; }\n 50% { background-position: 100% 100%, 0% 0%, 0 0; }\n}\n\n.trv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.trv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255, 255, 255, 0.97);\n backdrop-filter: blur(12px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--trv-secondary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n transition: var(--trv-transition);\n border: 1px solid rgba(255, 255, 255, 0.5);\n}\n\n.trv-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n}\n\n.trv-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);\n line-height: 1.1;\n}\n\n.trv-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n letter-spacing: -0.01em;\n}\n\n.trv-description {\n color: rgba(255, 255, 255, 0.92);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.trv-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trv-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--trv-secondary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1.2rem;\n line-height: 1.3;\n}\n\n.trv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 5px;\n background: linear-gradient(90deg, var(--trv-primary), var(--trv-secondary));\n border-radius: 3px;\n}\n\n.trv-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trv-secondary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n line-height: 1.4;\n}\n\n.trv-premium p {\n color: var(--trv-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.trv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.trv-card {\n background: var(--trv-white);\n border-radius: var(--trv-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--trv-shadow);\n border: 2px solid transparent;\n transition: var(--trv-transition);\n text-align: center;\n}\n\n.trv-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trv-shadow-hover);\n border-color: var(--trv-primary);\n}\n\n.trv-icon {\n font-size: clamp(42px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n\/* === INGRÉDIENTS === *\/\n.trv-ingredients {\n display: grid;\n gap: 1.25rem;\n}\n\n.trv-ingredient-card {\n background: var(--trv-white);\n border-radius: var(--trv-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trv-shadow);\n border-left: 5px solid var(--trv-primary);\n transition: var(--trv-transition);\n}\n\n.trv-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--trv-shadow-lg);\n border-left-color: var(--trv-secondary);\n}\n\n.trv-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.trv-ingredient-icon {\n font-size: 36px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));\n}\n\n.trv-dosage {\n display: block;\n color: var(--trv-primary-dark);\n font-size: 14px;\n font-weight: 700;\n margin-top: 4px;\n letter-spacing: 0.02em;\n}\n\n\/* === TIMELINE === *\/\n.trv-usage-timeline {\n display: grid;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.trv-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--trv-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--trv-radius-sm);\n box-shadow: var(--trv-shadow);\n transition: var(--trv-transition);\n}\n\n.trv-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--trv-shadow-lg);\n}\n\n.trv-timeline-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n flex-shrink: 0;\n background: linear-gradient(135deg, var(--trv-primary), var(--trv-secondary));\n color: white;\n border-radius: 50%;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(124, 170, 74, 0.3);\n}\n\n.trv-timeline-content h3 {\n margin-bottom: 0.5rem;\n}\n\n\/* === INFO BOX === *\/\n.trv-info-box {\n background: linear-gradient(135deg, var(--trv-primary-light), var(--trv-accent));\n border-radius: var(--trv-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border-left: 5px solid var(--trv-primary);\n box-shadow: var(--trv-shadow);\n}\n\n.trv-info-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));\n}\n\n.trv-info-box p {\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === BÉNÉFICES === *\/\n.trv-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.trv-benefit-card {\n background: var(--trv-white);\n border-radius: var(--trv-radius-sm);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n text-align: center;\n box-shadow: var(--trv-shadow);\n border: 2px solid transparent;\n transition: var(--trv-transition);\n}\n\n.trv-benefit-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--trv-shadow-hover);\n border-color: var(--trv-primary);\n}\n\n.trv-benefit-icon {\n font-size: 42px;\n display: block;\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n.trv-benefit-number {\n display: block;\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--trv-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.03em;\n line-height: 1;\n}\n\n.trv-benefit-card p {\n color: var(--trv-text-light);\n font-size: 15px;\n font-weight: 600;\n line-height: 1.5;\n}\n\n\/* === PROFILS === *\/\n.trv-profile-card {\n background: var(--trv-white);\n border-radius: var(--trv-radius-sm);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n text-align: center;\n box-shadow: var(--trv-shadow);\n border: 2px solid transparent;\n transition: var(--trv-transition);\n}\n\n.trv-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trv-shadow-hover);\n border-color: var(--trv-secondary);\n}\n\n.trv-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n\/* === TABLEAU COMPOSITION === *\/\n.trv-composition-table {\n background: var(--trv-white);\n border-radius: var(--trv-radius-sm);\n overflow: hidden;\n box-shadow: var(--trv-shadow);\n}\n\n.trv-composition-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 1rem;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--trv-border);\n align-items: center;\n transition: var(--trv-transition);\n}\n\n.trv-composition-row:last-child {\n border-bottom: none;\n}\n\n.trv-composition-row:not(.trv-composition-header):hover {\n background: var(--trv-primary-light);\n}\n\n.trv-composition-header {\n background: linear-gradient(135deg, var(--trv-primary), var(--trv-secondary));\n color: white;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.trv-composition-row span {\n font-size: 15px;\n}\n\n.trv-composition-row:not(.trv-composition-header) span:first-child {\n font-weight: 600;\n color: var(--trv-text);\n}\n\n.trv-composition-row:not(.trv-composition-header) span:nth-child(2) {\n color: var(--trv-primary-dark);\n font-weight: 700;\n text-align: center;\n}\n\n.trv-composition-row:not(.trv-composition-header) span:last-child {\n color: var(--trv-text-light);\n font-size: 13px;\n text-align: right;\n}\n\n@media (max-width: 767px) {\n .trv-composition-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n \n .trv-composition-row span:nth-child(2),\n .trv-composition-row span:last-child {\n text-align: left !important;\n }\n}\n\n\/* === QUALITÉ === *\/\n.trv-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.trv-quality-card {\n background: var(--trv-white);\n border-radius: var(--trv-radius-sm);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n text-align: center;\n box-shadow: var(--trv-shadow);\n border: 2px solid transparent;\n transition: var(--trv-transition);\n}\n\n.trv-quality-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trv-shadow-hover);\n border-color: var(--trv-primary);\n}\n\n.trv-quality-icon {\n font-size: 52px;\n display: block;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));\n}\n\n\/* === INFOS PRATIQUES === *\/\n.trv-practical-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.trv-practical-card {\n background: var(--trv-white);\n border-radius: var(--trv-radius-sm);\n padding: 1.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--trv-shadow);\n border-left: 4px solid var(--trv-primary);\n transition: var(--trv-transition);\n}\n\n.trv-practical-card:hover {\n transform: translateX(8px);\n box-shadow: var(--trv-shadow-lg);\n}\n\n.trv-practical-icon {\n font-size: 36px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));\n}\n\n.trv-practical-info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.trv-practical-info strong {\n color: var(--trv-secondary-dark);\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.trv-practical-info span {\n color: var(--trv-text);\n font-size: 16px;\n font-weight: 600;\n}\n\n\/* === WARNING BOX === *\/\n.trv-warning-box {\n background: linear-gradient(135deg, #FFF8E1, #FFECB3);\n border-radius: var(--trv-radius-sm);\n padding: clamp(2rem, 4vw, 3rem);\n border: 3px solid #FFD54F;\n box-shadow: var(--trv-shadow-lg);\n}\n\n.trv-warning-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.trv-warning-icon {\n font-size: 42px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n.trv-warning-header h3 {\n color: #E65100;\n margin: 0;\n font-size: clamp(20px, 3vw, 26px);\n}\n\n.trv-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 1rem;\n}\n\n.trv-warning-list li {\n padding-left: 2rem;\n position: relative;\n color: var(--trv-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n.trv-warning-list li::before {\n content: '⚡';\n position: absolute;\n left: 0;\n font-size: 18px;\n}\n\n.trv-warning-list strong {\n color: #E65100;\n font-weight: 700;\n}\n\n\/* === CTA FINAL === *\/\n.trv-cta-box {\n background: linear-gradient(135deg, var(--trv-secondary-dark) 0%, var(--trv-secondary) 50%, var(--trv-primary) 100%);\n border-radius: var(--trv-radius);\n padding: clamp(3rem, 6vw, 4.5rem) clamp(2rem, 5vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trv-shadow-lg);\n}\n\n.trv-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 30% 40%, rgba(255,255,255,0.4) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,0.3) 0%, transparent 50%);\n background-size: 400% 400%;\n animation: ctaPatternMove 15s ease infinite;\n}\n\n@keyframes ctaPatternMove {\n 0%, 100% { background-position: 0% 0%; }\n 50% { background-position: 100% 100%; }\n}\n\n.trv-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trv-cta-icon {\n display: block;\n font-size: 56px;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n}\n\n.trv-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .trv-grid,\n .trv-benefits-grid,\n .trv-quality-grid,\n .trv-practical-grid {\n grid-template-columns: 1fr;\n }\n \n .trv-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .trv-card,\n .trv-ingredient-card,\n .trv-benefit-card,\n .trv-profile-card,\n .trv-quality-card,\n .trv-practical-card,\n .trv-timeline-item {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .trv-card:nth-child(1),\n .trv-ingredient-card:nth-child(1),\n .trv-timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .trv-card:nth-child(2),\n .trv-ingredient-card:nth-child(2),\n .trv-timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .trv-card:nth-child(3),\n .trv-ingredient-card:nth-child(3),\n .trv-timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .trv-card:nth-child(4),\n .trv-ingredient-card:nth-child(4),\n .trv-timeline-item:nth-child(4) { animation-delay: 0.4s; }\n .trv-card:nth-child(5),\n .trv-ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .trv-card:nth-child(6),\n .trv-ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trv-premium *,\n .trv-premium *::before,\n .trv-premium *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trv-premium {\n --trv-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n --trv-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n }\n \n .trv-card,\n .trv-ingredient-card,\n .trv-benefit-card,\n .trv-profile-card,\n .trv-quality-card {\n border: 3px solid var(--trv-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .trv-premium {\n background: white;\n }\n \n .trv-hero,\n .trv-cta-box {\n background: white;\n color: black;\n border: 2px solid black;\n }\n \n .trv-card,\n .trv-ingredient-card,\n .trv-benefit-card,\n .trv-profile-card,\n .trv-quality-card {\n box-shadow: none;\n border: 1px solid #ccc;\n page-break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755272724637,"sku":"AY9923","price":14.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/trivana-minceur-bio-60-gelules-ayurvana-packshothd.webp?v=1788447906"},{"product_id":"cailloux-de-fir-balsam-jardin-de-mon-grand-pere","title":"Cailloux de Fir Balsam - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux de Fir Balsam - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #8B7355 (kraft\/beige chaleureux du packaging)\n - Secondaire: #2E5A3C (vert sapin profond de l'ambiance forestière)\n - Accent: #4A90A4 (bleu turquoise de l'étiquette visible sur la boîte)\nAmbiance: Naturel, artisanal, forestier, chaleureux, authentique - évocation des forêts de conifères nord-américaines\nPréfixe CSS: fir\n--\u003e\n\n\u003cdiv class=\"fir-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"fir-hero\"\u003e\n \u003cdiv class=\"fir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fir-hero-content\"\u003e\n \u003cdiv class=\"fir-badges-top\"\u003e\n \u003cspan class=\"fir-badge\"\u003e🌲 100% naturel\u003c\/span\u003e\n \u003cspan class=\"fir-badge\"\u003e🍂 Artisanat québécois\u003c\/span\u003e\n \u003cspan class=\"fir-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fir-hero-title\"\u003eCailloux de Fir Balsam\u003c\/span\u003e\n \u003cp class=\"fir-subtitle\"\u003eJardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"fir-description\"\u003eTransportez-vous au cœur d'une forêt de sapins baumiers. Ces petits trésors parfumés diffusent naturellement une senteur résineuse enveloppante, pour une ambiance boisée authentique dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : L'EXPÉRIENCE SENSORIELLE --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🌲 L'essence du sapin baumier\u003c\/h2\u003e\n \u003cp class=\"fir-intro\"\u003eLe \u003cstrong\u003eFir Balsam\u003c\/strong\u003e (\u003cem\u003eAbies balsamea\u003c\/em\u003e) est un conifère emblématique des forêts nord-américaines, utilisé depuis des siècles par les peuples autochtones pour ses propriétés apaisantes.\u003c\/p\u003e\n \u003cdiv class=\"fir-grid fir-grid-4\"\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eNotes balsamiques\u003c\/h3\u003e\n \u003cp\u003eUne douceur résineuse enveloppante qui réchauffe l'atmosphère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🪵\u003c\/div\u003e\n \u003ch3\u003eFacettes boisées\u003c\/h3\u003e\n \u003cp\u003eL'authenticité du bois de conifère dans toute sa noblesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🍬\u003c\/div\u003e\n \u003ch3\u003eTouches sucrées\u003c\/h3\u003e\n \u003cp\u003eUne rondeur délicate qui adoucit l'ensemble\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch3\u003eFraîcheur persistante\u003c\/h3\u003e\n \u003cp\u003eComme une brise traversant les aiguilles de sapin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : UN DIFFUSEUR DIFFÉRENT --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e✨ Un diffuseur vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"fir-highlight-box\"\u003e\n \u003cdiv class=\"fir-highlight-content\"\u003e\n \u003cp\u003eContrairement aux diffuseurs électriques ou aux sprays qui libèrent leur fragrance en quelques secondes, ces \u003cstrong\u003ecailloux solides diffusent progressivement\u003c\/strong\u003e, créant une ambiance subtile et durable.\u003c\/p\u003e\n \u003cp\u003eLeur forme de petits galets irréguliers permet une \u003cstrong\u003ediffusion optimale du parfum\u003c\/strong\u003e grâce à leur surface texturée. Posés dans une coupelle, près d'un radiateur ou simplement dans votre poche, ils libèrent leurs notes boisées au rythme de la chaleur ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : MODES D'UTILISATION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🔥 Comment les utiliser\u003c\/h2\u003e\n \u003cdiv class=\"fir-grid\"\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eDiffusion douce\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 5 cailloux dans une coupelle décorative. Placez-la dans votre entrée, salon, chambre ou bureau. Rapprochez d'une source de chaleur douce pour \u003cstrong\u003eintensifier la diffusion\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eEn brûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez 3 cailloux dans la coupelle, allumez une bougie chauffe-plat. La matière se liquéfie et libère une \u003cstrong\u003efragrance boisée puissante\u003c\/strong\u003e. Une fois éteinte, le parfum se resolidifie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e03\u003c\/div\u003e\n \u003ch3\u003eTalisman parfumé\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou deux cailloux dans votre poche. Au contact de votre \u003cstrong\u003echaleur corporelle\u003c\/strong\u003e, ils deviennent malléables et libèrent leur parfum toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e04\u003c\/div\u003e\n \u003ch3\u003eEspaces clos\u003c\/h3\u003e\n \u003cp\u003eParfaits pour vos tiroirs, armoires, placards ou voiture. Leur format compact et leur diffusion lente en font un \u003cstrong\u003ediffuseur idéal\u003c\/strong\u003e pour ces espaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : AVANTAGES --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e💚 Pourquoi choisir un parfum solide\u003c\/h2\u003e\n \u003cdiv class=\"fir-advantages\"\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDiffusion progressive\u003c\/strong\u003e\n \u003cp\u003ePas de pic olfactif agressif, une présence constante et subtile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e📆\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurée prolongée\u003c\/strong\u003e\n \u003cp\u003ePlusieurs semaines de parfum avec une utilisation correcte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e♻️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eZéro déchet aérosol\u003c\/strong\u003e\n \u003cp\u003ePas de bombe métallique à jeter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e🎯\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMulti-usages\u003c\/strong\u003e\n \u003cp\u003eÀ froid, à chaud, sur soi ou dans la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e🎁\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormat pratique\u003c\/strong\u003e\n \u003cp\u003eFacile à transporter et à offrir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : POUR QUI --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e👥 Pour qui sont-ils faits ?\u003c\/h2\u003e\n \u003cdiv class=\"fir-grid fir-grid-3\"\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLes adeptes de \u003cstrong\u003eparfums naturels\u003c\/strong\u003e sans propulseur ni alcool\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🏔️\u003c\/span\u003e\n \u003cp\u003eLes amoureux des \u003cstrong\u003esenteurs boisées\u003c\/strong\u003e et résineuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🛋️\u003c\/span\u003e\n \u003cp\u003eCeux qui recherchent une \u003cstrong\u003eatmosphère cocooning\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🤧\u003c\/span\u003e\n \u003cp\u003eLes personnes \u003cstrong\u003esensibles aux parfums\u003c\/strong\u003e synthétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e💝\u003c\/span\u003e\n \u003cp\u003eCeux qui cherchent un \u003cstrong\u003ecadeau original\u003c\/strong\u003e nature\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eLes amateurs de \u003cstrong\u003eproduits artisanaux\u003c\/strong\u003e authentiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : FORMATS --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e📦 Formats disponibles\u003c\/h2\u003e\n \u003cp class=\"fir-intro\"\u003ePrésentés dans un \u003cstrong\u003esachet kraft hermétique\u003c\/strong\u003e qui préserve leur parfum et leur confère un aspect naturel et soigné.\u003c\/p\u003e\n \u003cdiv class=\"fir-grid fir-grid-3\"\u003e\n \u003cdiv class=\"fir-format-card\"\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e50g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003e≈ 7 à 9 cailloux\u003c\/p\u003e\n \u003cp\u003eIdéal pour découvrir ou offrir un petit cadeau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-format-card fir-format-popular\"\u003e\n \u003cdiv class=\"fir-format-badge\"\u003ePopulaire\u003c\/div\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e100g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003eFormat intermédiaire\u003c\/p\u003e\n \u003cp\u003ePour parfumer plusieurs pièces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-format-card\"\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e200g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003eFormat familial\u003c\/p\u003e\n \u003cp\u003ePour les amateurs conquis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : CONSERVATION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e💡 Conseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"fir-tips-grid\"\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eConservez dans le sachet d'origine entre deux utilisations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eStockez à température ambiante, à l'abri de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003eRefermez bien le sachet pour préserver l'intensité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : COMPOSITION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e📋 Composition et sécurité\u003c\/h2\u003e\n \u003cdiv class=\"fir-composition-box\"\u003e\n \u003cdiv class=\"fir-composition-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e Benzyl Salicylate, OTNE, Tert-butylcyclohexyl acetate.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e T1A0-H0V3-X000-JSC0\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-warning-box\"\u003e\n \u003cdiv class=\"fir-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"fir-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eMentions de sécurité :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003ePeut produire une réaction allergique chez les personnes sensibles\u003c\/li\u003e\n \u003cli\u003eNocif pour les organismes aquatiques, entraîne des effets néfastes à long terme\u003c\/li\u003e\n \u003cli\u003eÉviter le rejet dans l'environnement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : ARTISAN --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🏡 Le Jardin de mon Grand Père\u003c\/h2\u003e\n \u003cdiv class=\"fir-artisan-box\"\u003e\n \u003cp\u003eDerrière ces cailloux parfumés se cache le savoir-faire d'un \u003cstrong\u003eartisan passionné\u003c\/strong\u003e. Le Jardin de mon Grand Père perpétue une tradition de création de parfums d'ambiance originaux, en privilégiant les senteurs authentiques et les formats inattendus.\u003c\/p\u003e\n \u003cp\u003eChaque caillou est le fruit d'un \u003cstrong\u003etravail minutieux\u003c\/strong\u003e, réalisé en petites séries pour garantir une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA FINALE --\u003e\n \u003csection class=\"fir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fir-cta-box\"\u003e\n \u003cdiv class=\"fir-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fir-cta-content\"\u003e\n \u003cp\u003e🌲 Offrez-vous une escapade olfactive au cœur des forêts de sapins baumiers. Ces cailloux parfumés artisanaux transformeront votre intérieur en un havre de paix boisé et réconfortant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fir-cream: #F5F2ED;\n --fir-white: #ffffff;\n --fir-primary: #8B7355;\n --fir-primary-dark: #5D4E3C;\n --fir-primary-light: #D4C4B0;\n --fir-secondary: #2E5A3C;\n --fir-secondary-light: #4A7C59;\n --fir-accent: #4A90A4;\n --fir-text: #1a1a1a;\n --fir-text-light: #5a5a5a;\n --fir-border: #e0e0e0;\n --fir-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fir-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fir-radius: 20px;\n --fir-radius-sm: 12px;\n}\n\n.fir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--fir-text);\n line-height: 1.6;\n}\n\n.fir-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.fir-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-secondary-light) 40%, var(--fir-primary) 100%);\n border-radius: var(--fir-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(--fir-shadow-lg);\n}\n\n.fir-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L30 18 L25 20 Z M30 25 L38 45 L30 40 L22 45 Z M30 50 L32 55 L28 55 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.fir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fir-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(--fir-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fir-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.fir-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.fir-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\/* === SECTIONS === *\/\n.fir-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fir-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--fir-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.fir-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(--fir-secondary), var(--fir-primary));\n border-radius: 2px;\n}\n\n.fir-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fir-text-light);\n max-width: 800px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.fir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.fir-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.fir-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === NOTES OLFACTIVES === *\/\n.fir-note-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fir-note-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-secondary);\n}\n\n.fir-note-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.fir-note-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fir-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-note-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.fir-highlight-box {\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-secondary-light) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-highlight-content p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fir-highlight-content p:last-child {\n margin-bottom: 0;\n}\n\n.fir-highlight-content strong {\n color: var(--fir-primary-light);\n}\n\n\/* === USAGE CARDS === *\/\n.fir-usage-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.fir-usage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-primary);\n}\n\n.fir-usage-number {\n position: absolute;\n top: -10px;\n right: -10px;\n font-size: 80px;\n font-weight: 900;\n color: var(--fir-primary-light);\n opacity: 0.3;\n line-height: 1;\n}\n\n.fir-usage-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--fir-secondary);\n margin: 0 0 0.75rem 0;\n position: relative;\n}\n\n.fir-usage-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.6;\n position: relative;\n}\n\n.fir-usage-card strong {\n color: var(--fir-primary-dark);\n}\n\n\/* === AVANTAGES === *\/\n.fir-advantages {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.fir-advantage {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--fir-shadow);\n transition: all .3s ease;\n}\n\n.fir-advantage:hover {\n transform: translateX(8px);\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-advantage-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fir-advantage strong {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--fir-primary-dark);\n margin-bottom: 4px;\n}\n\n.fir-advantage p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === PROFILS === *\/\n.fir-profile-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fir-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-accent);\n}\n\n.fir-profile-emoji {\n font-size: 36px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.fir-profile-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fir-profile-card strong {\n color: var(--fir-primary-dark);\n}\n\n\/* === FORMATS === *\/\n.fir-format-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.fir-format-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-primary);\n}\n\n.fir-format-popular {\n border-color: var(--fir-secondary);\n background: linear-gradient(180deg, var(--fir-white) 0%, rgba(46,90,60,.05) 100%);\n}\n\n.fir-format-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--fir-secondary);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 16px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.fir-format-weight {\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--fir-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fir-format-qty {\n font-size: 14px;\n font-weight: 700;\n color: var(--fir-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-format-card \u003e p:last-child {\n font-size: 13px;\n color: var(--fir-text-light);\n margin: 0;\n}\n\n\/* === TIPS === *\/\n.fir-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.fir-tip {\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n box-shadow: var(--fir-shadow);\n transition: all .3s ease;\n}\n\n.fir-tip:hover {\n transform: translateY(-4px);\n}\n\n.fir-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fir-tip p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.fir-composition-box {\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.5rem;\n margin-bottom: 1rem;\n box-shadow: var(--fir-shadow);\n}\n\n.fir-composition-content p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-composition-content p:last-child {\n margin-bottom: 0;\n}\n\n.fir-composition-content strong {\n color: var(--fir-text);\n}\n\n.fir-warning-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--fir-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 4px solid #E6A700;\n}\n\n.fir-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fir-warning-content p {\n font-size: 14px;\n color: var(--fir-text);\n margin: 0 0 0.75rem 0;\n}\n\n.fir-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.fir-warning-content li {\n font-size: 13px;\n color: var(--fir-text-light);\n margin-bottom: 4px;\n line-height: 1.5;\n}\n\n.fir-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === ARTISAN BOX === *\/\n.fir-artisan-box {\n background: linear-gradient(135deg, var(--fir-primary-light) 0%, var(--fir-primary) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-artisan-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.fir-artisan-box p:last-child {\n margin-bottom: 0;\n}\n\n.fir-artisan-box strong {\n color: var(--fir-cream);\n}\n\n\/* === CTA BOX === *\/\n.fir-cta-box {\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-primary-dark) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-cta-pattern {\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}\n\n.fir-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.fir-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fir-grid,\n .fir-grid-3,\n .fir-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .fir-tips-grid {\n grid-template-columns: 1fr;\n }\n \n .fir-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .fir-advantage {\n flex-direction: column;\n text-align: center;\n }\n \n .fir-advantage:hover {\n transform: translateY(-4px);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fir-note-card,\n .fir-usage-card,\n .fir-profile-card,\n .fir-format-card,\n .fir-advantage {\n animation: firFadeInUp .6s ease backwards;\n }\n \n .fir-note-card:nth-child(1),\n .fir-usage-card:nth-child(1),\n .fir-profile-card:nth-child(1),\n .fir-format-card:nth-child(1),\n .fir-advantage:nth-child(1) { animation-delay: .1s; }\n \n .fir-note-card:nth-child(2),\n .fir-usage-card:nth-child(2),\n .fir-profile-card:nth-child(2),\n .fir-format-card:nth-child(2),\n .fir-advantage:nth-child(2) { animation-delay: .2s; }\n \n .fir-note-card:nth-child(3),\n .fir-usage-card:nth-child(3),\n .fir-profile-card:nth-child(3),\n .fir-format-card:nth-child(3),\n .fir-advantage:nth-child(3) { animation-delay: .3s; }\n \n .fir-note-card:nth-child(4),\n .fir-usage-card:nth-child(4),\n .fir-profile-card:nth-child(4),\n .fir-advantage:nth-child(4) { animation-delay: .4s; }\n \n .fir-profile-card:nth-child(5),\n .fir-advantage:nth-child(5) { animation-delay: .5s; }\n \n .fir-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes firFadeInUp {\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 .fir-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .fir-premium {\n background: white;\n }\n \n .fir-note-card,\n .fir-usage-card,\n .fir-profile-card,\n .fir-format-card,\n .fir-advantage,\n .fir-tip,\n .fir-composition-box {\n border: 2px solid var(--fir-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720401142137,"sku":"CAILFIRBALSAM-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720401174905,"sku":"CAILFIRBALSAM-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720401207673,"sku":"CAILFIRBALSAM-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cailloux-fir-balsam-neige.webp?v=1787389785"},{"product_id":"cristal-de-fleur-precieuse-fleur-dosmanthus-parfum-solide-jardin-de-mon-grand-pere","title":"Cristal de Fleur d'Osmanthus - Fleur Précieuse - Parfum Solide - Jardin de mon Grand Père","description":"\u003cdiv class=\"osm-premium\"\u003e\n \u003cdiv class=\"osm-hero\"\u003e\n \u003cdiv class=\"osm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"osm-hero-content\"\u003e\n \u003cdiv class=\"osm-badges-top\"\u003e\n \u003cspan class=\"osm-badge\"\u003e🌸 Fleur précieuse\u003c\/span\u003e\n \u003cspan class=\"osm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"osm-badge\"\u003e✋ Fait main\u003c\/span\u003e\n \u003cspan class=\"osm-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"osm-hero-title\"\u003eCristaux de Fleur d'Osmanthus\u003c\/span\u003e\n \u003cp class=\"osm-subtitle\"\u003eCarrés fondants parfumés artisanaux — Jardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"osm-description\"\u003eImaginez un jardin baigné de soleil où les fleurs d'osmanthus exhalent leur parfum suave d'abricot et de fleur blanche. Une expérience sensorielle authentique, fabriquée en France avec des ingrédients nobles et naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003eL'osmanthus, une fleur précieuse au parfum envoûtant\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eL'\u003cstrong\u003eosmanthus\u003c\/strong\u003e, ou « fleur de thé parfumée », est une fleur rare originaire d'Asie, prisée en haute parfumerie pour ses notes douces, fruitées et légèrement cuirées.\u003c\/p\u003e\n \u003cp class=\"osm-section-intro\"\u003eLà où les grandes maisons comme Diptyque, Dior, Roger \u0026amp; Gallet ou Yves Rocher proposent des parfums solides souvent enrichis d'arômes synthétiques, nos cristaux misent sur l'authenticité d'un extrait naturel d'osmanthus fleur, pour une fragrance fidèle au cœur de la plante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003ePourquoi adopter un parfum solide ?\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eLe parfum solide séduit autant les femmes que les hommes pour de nombreuses raisons :\u003c\/p\u003e\n \u003cdiv class=\"osm-grid\"\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e👜 Format nomade\u003c\/h3\u003e\n \u003cp\u003eSe glisse dans la poche ou le sac sans risque de fuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🌿 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🎯 Application précise\u003c\/h3\u003e\n \u003cp\u003eIl se dépose exactement là où vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eSon emballage minimaliste réduit l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e⚥ Mixte\u003c\/h3\u003e\n \u003cp\u003eConvient aux hommes comme aux femmes, grâce à la rondeur florale et boisée de l'osmanthus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003eComposition naturelle et soignée\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eChaque cristal est confectionné à la main à partir d'ingrédients sélectionnés pour leur qualité.\u003c\/p\u003e\n \u003cdiv class=\"osm-grid\"\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité biologique\u003c\/h3\u003e\n \u003cp\u003eNourrit et adoucit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eProtège l'épiderme et fixe le parfum plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🌼 Extrait de fleur d'osmanthus\u003c\/h3\u003e\n \u003cp\u003eCœur olfactif fruité, floral et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eConfère au parfum sa belle texture solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🌱 Huiles essentielles naturelles\u003c\/h3\u003e\n \u003cp\u003eEnrichissent et nuancent la fragrance avec subtilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-tip\"\u003e\n \u003cspan class=\"osm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eAucun alcool, aucun colorant synthétique : une formule pure, respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003e4 façons d'utiliser vos cristaux de fleur d'osmanthus\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eUn parfum naturel au quotidien, à décliner selon vos envies et vos ambiances.\u003c\/p\u003e\n \u003cdiv class=\"osm-grid\"\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e1️⃣ Diffusion sans chaleur\u003c\/h3\u003e\n \u003cp\u003ePlacez les carrés fondants dans une coupelle, un bol ou tout petit récipient. Ils diffusent leur parfum naturellement pendant \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e2️⃣ Brûleur de parfum\u003c\/h3\u003e\n \u003cp\u003eDéposez un carré dans un brûleur de parfum avec une bougie chauffe-plat. La chaleur le fait fondre et libère des \u003cstrong\u003enotes beaucoup plus intenses et envoûtantes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e3️⃣ Râpé en corpo\u003c\/h3\u003e\n \u003cp\u003eRâpez un carré pour obtenir des copeaux fins et appliquez-les directement sur la peau (corps) pour un parfum subtil et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e4️⃣ Parfum d'armoire\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou plusieurs carrés dans vos tiroirs, penderies ou placards pour une senteur douce et prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-tip\"\u003e\n \u003cspan class=\"osm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe raffinement naturel au service de votre bien-être : variez les usages pour parfumer aussi bien votre peau que votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003eMode d'emploi : comment utiliser votre cristal parfumé sur la peau\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eL'utilisation est aussi simple qu'agréable.\u003c\/p\u003e\n \u003cdiv class=\"osm-timeline\"\u003e\n \u003cdiv class=\"osm-timeline-item\"\u003e\n \u003cdiv class=\"osm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-content\"\u003e\n \u003ch3\u003ePrélevez un cristal\u003c\/h3\u003e\n \u003cp\u003eSaisissez délicatement un cristal entre vos doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-item\"\u003e\n \u003cdiv class=\"osm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez-le\u003c\/h3\u003e\n \u003cp\u003eLa chaleur de votre peau libère les arômes floraux d'osmanthus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-item\"\u003e\n \u003cdiv class=\"osm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur les points de pulsation\u003c\/h3\u003e\n \u003cp\u003ePoignets, cou, derrière les oreilles, creux des coudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-item\"\u003e\n \u003cdiv class=\"osm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"osm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez à volonté\u003c\/h3\u003e\n \u003cp\u003eRéappliquez au cours de la journée selon votre envie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-tip\"\u003e\n \u003cspan class=\"osm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAstuce : déposez un cristal dans votre tiroir à linge ou votre sac à main pour diffuser une douce note d'osmanthus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale, made in France\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eLes Cristaux de Fleur d'Osmanthus sont élaborés dans notre atelier de campagne, loin de la pollution urbaine. Nous privilégions des procédés artisanaux, des matières premières traçables et des emballages éco-conçus.\u003c\/p\u003e\n \u003cdiv class=\"osm-grid-compact\"\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🏡 Atelier de campagne\u003c\/h3\u003e\n \u003cp\u003eLoin de la pollution urbaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e✋ Procédés artisanaux\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire d'antan préservé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e🔍 Matières traçables\u003c\/h3\u003e\n \u003cp\u003eIngrédients nobles et sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"osm-card\"\u003e\n \u003ch3\u003e📦 Emballages éco-conçus\u003c\/h3\u003e\n \u003cp\u003eUne pochette préparée avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\"\u003e\n \u003ch2\u003ePour qui et pour quelles occasions ?\u003c\/h2\u003e\n \u003cp class=\"osm-section-intro\"\u003eCe \u003cstrong\u003eparfum solide femme\u003c\/strong\u003e et \u003cstrong\u003ehomme\u003c\/strong\u003e s'adresse à toutes celles et ceux qui recherchent une alternative naturelle aux parfums classiques.\u003c\/p\u003e\n \u003cdiv class=\"osm-cta-box\"\u003e\n \u003cp\u003e🎁 Un cadeau raffiné pour un anniversaire, une fête des mères, ou simplement pour offrir un instant de douceur à un proche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"osm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"osm-accordion\"\u003e\n \u003cdetails class=\"osm-accordion-item\"\u003e\n \u003csummary class=\"osm-accordion-header\"\u003e⚠️ Conseils d'usage\u003c\/summary\u003e\n \u003cdiv class=\"osm-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation. Pour l'usage en brûleur, surveillez la source de chaleur et respectez les consignes de sécurité de votre brûleur à bougie chauffe-plat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"osm-accordion-item\"\u003e\n \u003csummary class=\"osm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"osm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver la texture et la fragrance des cristaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"osm-accordion-item\"\u003e\n \u003csummary class=\"osm-accordion-header\"\u003e👶 Tenir hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"osm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis médical et n'est pas destiné à traiter une affection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"osm-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --osm-cream: #fdf9f1;\n --osm-white: #ffffff;\n --osm-primary: #d4a574;\n --osm-primary-dark: #8b6332;\n --osm-primary-light: #f5ead6;\n --osm-secondary: #e8b84a;\n --osm-accent: #c98b3a;\n --osm-text: #2a2118;\n --osm-text-light: #6b5a48;\n --osm-border: #e8dfcf;\n --osm-shadow: 0 4px 24px rgba(139, 99, 50, .08);\n --osm-shadow-lg: 0 12px 48px rgba(139, 99, 50, .18);\n --osm-radius: 20px;\n --osm-radius-sm: 12px;\n}\n\n.osm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--osm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--osm-text);\n}\n\n.osm-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a574 0%, #c98b3a 50%, #8b6332 100%);\n border-radius: var(--osm-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(--osm-shadow-lg);\n}\n\n.osm-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.osm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.osm-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.osm-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 font-style: italic;\n}\n\n.osm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.osm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.osm-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(--osm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.osm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.osm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.osm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--osm-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.osm-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(--osm-primary), var(--osm-secondary));\n border-radius: 2px;\n}\n\n.osm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--osm-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.osm-section-intro strong {\n color: var(--osm-primary-dark);\n}\n\n.osm-card {\n background: var(--osm-white);\n border-radius: var(--osm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--osm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.osm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--osm-shadow-lg);\n border-color: var(--osm-primary);\n}\n\n.osm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--osm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.osm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--osm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.osm-card p strong {\n color: var(--osm-primary-dark);\n}\n\n.osm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.osm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.osm-grid-compact .osm-card {\n padding: 1rem;\n}\n\n.osm-grid-compact .osm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.osm-grid-compact .osm-card p {\n font-size: 12px;\n}\n\n.osm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.osm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.osm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--osm-primary), var(--osm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,165,116,.4);\n}\n\n.osm-timeline-content {\n flex: 1;\n background: var(--osm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--osm-radius-sm);\n box-shadow: var(--osm-shadow);\n}\n\n.osm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--osm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.osm-timeline-content p {\n font-size: 14px;\n color: var(--osm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.osm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--osm-primary-light);\n border-radius: var(--osm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.osm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.osm-tip p {\n font-size: 14px;\n color: var(--osm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.osm-accordion {\n background: var(--osm-white);\n border-radius: var(--osm-radius);\n box-shadow: var(--osm-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.osm-accordion-item {\n border-bottom: 1px solid var(--osm-border);\n margin: 0;\n padding: 0;\n}\n\n.osm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.osm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--osm-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.osm-accordion-header:hover {\n background: var(--osm-primary-light);\n}\n\n.osm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.osm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--osm-primary);\n transition: transform .2s ease;\n}\n\n.osm-accordion-item[open] .osm-accordion-header::after {\n content: '−';\n}\n\n.osm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--osm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.osm-accordion-content p {\n margin: 0;\n}\n\n.osm-cta-box {\n background: linear-gradient(135deg, var(--osm-primary) 0%, var(--osm-primary-dark) 100%);\n border-radius: var(--osm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--osm-shadow-lg);\n}\n\n.osm-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.osm-disclaimer {\n font-size: 12px;\n color: var(--osm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .osm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .osm-card {\n padding: 1.125rem;\n }\n .osm-section {\n margin-bottom: 1.75rem;\n }\n .osm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--osm-radius-sm);\n }\n .osm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .osm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .osm-grid-compact {\n gap: .625rem;\n }\n .osm-grid-compact .osm-card {\n padding: .75rem;\n }\n .osm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .osm-timeline-content {\n padding: .875rem 1rem;\n }\n .osm-timeline-content h3 {\n font-size: 14px;\n }\n .osm-timeline-content p {\n font-size: 13px;\n }\n .osm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .osm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .osm-card {\n animation: osmFadeInUp .5s ease backwards;\n }\n .osm-card:nth-child(1) { animation-delay: .05s; }\n .osm-card:nth-child(2) { animation-delay: .1s; }\n .osm-card:nth-child(3) { animation-delay: .15s; }\n .osm-card:nth-child(4) { animation-delay: .2s; }\n .osm-card:nth-child(5) { animation-delay: .25s; }\n .osm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes osmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .osm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720568095097,"sku":"OSMANTHUSJDMGP50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720568127865,"sku":"OSMANTHUSJDMGP100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720568160633,"sku":"OSMANTHUSJDMGP200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cristaux_de_fleur_D_osmanthus_1__11zon.jpg?v=1766150883"},{"product_id":"huile-de-sesame-oriental-epice-bio-50-ml","title":"Huile de Sesame Oriental épicé bio - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame Oriental épicé bio - Arc en Sels\nPalette détectée:\n - Primaire: #2B4A6F (bleu marine du logo Arc en Sels)\n - Secondaire: #C9A962 (doré\/ocre des graines de sésame et accents orientaux)\n - Accent: #7A9E3D (vert des feuilles de menthe\/herbes)\n - Huile: #D4C94A (jaune doré de l'huile de sésame)\nAmbiance: Orientale raffinée, naturelle\/bio, féminine et sensorielle, éthique\/équitable\nPréfixe CSS: hso\n--\u003e\n\n\u003cdiv class=\"hso-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"hso-hero\"\u003e\n \u003cdiv class=\"hso-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hso-hero-content\"\u003e\n \u003cdiv class=\"hso-badges-top\"\u003e\n \u003cspan class=\"hso-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hso-hero-title\"\u003eHuile de Sésame\u003cbr\u003eOriental épicé\u003c\/span\u003e\n \u003cp class=\"hso-subtitle\"\u003eUne invitation sensorielle aux parfums d'Orient\u003c\/p\u003e\n \u003cp class=\"hso-description\"\u003eHuile précieuse issue d'une coopérative féminine du Burkina Faso,\u003cbr\u003epour nourrir, apaiser et sublimer votre peau et vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette huile de sésame précieuse\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante \u0026amp; nourrissante\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles et soulage les sensations de tiraillement pour un confort absolu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e💎 Riche en vitamine E\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité et la souplesse de votre peau grâce à ses minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eNotes subtiles d'épices orientales pour une expérience sensorielle unique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eSésamoline et lécithine naturelles pour protéger votre peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient au visage, corps et cheveux, même pour les peaux délicates et les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir la jeunesse cutanée et préserver l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e💆‍♀️ Utilisations multiples\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e🧴 Soin du corps\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, nourrit en profondeur et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eHydrate, assouplit et redonne éclat aux peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💇‍♀️ Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRedonne force, douceur et brillance. Protège les cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💆 Massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDétend, relaxe et favorise l'assouplissement musculaire et cutané.\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=\"hso-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"hso-steps\"\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massage doux après la douche ou le bain, sur peau sèche ou légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eChauffez quelques gouttes dans vos mains et appliquez sur peau propre, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing, laissez poser 20 à 30 minutes puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🌱 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eBase précieuse, première pression à froid, sans solvant ni élévation de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Parfum naturel d'épices\u003c\/h3\u003e\n \u003cp\u003eNotes orientales subtiles pour une expérience sensorielle envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e💊 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003e20 à 50 mg\/100g pour une action antioxydante puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-composition-details\"\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAgriculture bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e97,3%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAcides gras insaturés\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e80-85%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 ÉTHIQUE --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🤝 Origine \u0026amp; engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"hso-ethique-box\"\u003e\n \u003cdiv class=\"hso-ethique-content\"\u003e\n \u003cp\u003eCette huile est le fruit d'un \u003cstrong\u003epartenariat éthique\u003c\/strong\u003e avec une coopérative féminine du Burkina Faso. Chaque flacon contribue à l'autonomisation des femmes et au développement durable des communautés locales.\u003c\/p\u003e\n \u003cdiv class=\"hso-ethique-badges\"\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌍 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e👩‍🌾 Coopérative féminine\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌿 Traçabilité garantie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid-compact\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🎯 Type de peau\u003c\/h3\u003e\n \u003cp\u003eNormales à sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🏆 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert \u0026amp; Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eBurkina Faso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hso-accordion\"\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. L'huile de sésame se conserve naturellement bien grâce à ses antioxydants naturels (sésamoline, lécithine).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Convient à tous les types de peau, y compris les peaux sensibles et les enfants. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eHuile obtenue par première pression à froid, sans aucun solvant ni élévation de température, pour préserver tous ses actifs naturels. Cosmétique écologique et biologique certifiée par Ecocert Greenlife.\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=\"hso-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hso-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau et vos cheveux un voyage sensoriel aux parfums d'Orient.\u003cbr\u003eUne huile précieuse, éthique et certifiée bio pour sublimer votre beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hso-cream: #FBF9F6;\n --hso-white: #ffffff;\n --hso-primary: #2B4A6F;\n --hso-primary-dark: #1E3550;\n --hso-primary-light: #E8EEF4;\n --hso-secondary: #C9A962;\n --hso-accent: #7A9E3D;\n --hso-gold: #D4C94A;\n --hso-text: #1a1a1a;\n --hso-text-light: #5a5a5a;\n --hso-border: #e0e0e0;\n --hso-shadow: 0 4px 24px rgba(43, 74, 111, .08);\n --hso-shadow-lg: 0 12px 48px rgba(43, 74, 111, .15);\n --hso-radius: 20px;\n --hso-radius-sm: 12px;\n}\n\n.hso-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hso-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hso-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hso-primary) 0%, #3D5A7A 40%, var(--hso-secondary) 100%);\n border-radius: var(--hso-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(--hso-shadow-lg);\n}\n\n.hso-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='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.hso-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hso-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.hso-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(--hso-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hso-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hso-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.hso-subtitle {\n color: var(--hso-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.hso-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.hso-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hso-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hso-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.hso-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(--hso-primary), var(--hso-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.hso-card {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hso-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hso-shadow-lg);\n border-color: var(--hso-primary);\n}\n\n.hso-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hso-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hso-card-highlight {\n background: linear-gradient(135deg, var(--hso-white) 0%, var(--hso-primary-light) 100%);\n border-left: 4px solid var(--hso-secondary);\n}\n\n.hso-card-ingredient {\n background: linear-gradient(135deg, #FFFDF5 0%, #FFF8E7 100%);\n border-top: 4px solid var(--hso-secondary);\n}\n\n\/* === GRILLES === *\/\n.hso-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hso-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hso-grid-compact .hso-card {\n padding: 1rem;\n}\n\n.hso-grid-compact .hso-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hso-grid-compact .hso-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.hso-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hso-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n transition: all .3s ease;\n}\n\n.hso-step:hover {\n transform: translateX(8px);\n box-shadow: var(--hso-shadow-lg);\n}\n\n.hso-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(43, 74, 111, .3);\n}\n\n.hso-step-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.hso-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION DETAILS === *\/\n.hso-composition-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-detail-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .25rem;\n}\n\n.hso-detail-label {\n font-size: 13px;\n color: var(--hso-text-light);\n font-weight: 500;\n}\n\n.hso-detail-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--hso-primary);\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\/* === ÉTHIQUE BOX === *\/\n.hso-ethique-box {\n background: linear-gradient(135deg, var(--hso-primary-light) 0%, #F5F0E6 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid var(--hso-accent);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-ethique-content p {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--hso-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.hso-ethique-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.hso-ethique-badge {\n padding: .5rem 1rem;\n background: var(--hso-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hso-accent);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === ACCORDÉON === *\/\n.hso-accordion {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n box-shadow: var(--hso-shadow);\n overflow: hidden;\n}\n\n.hso-accordion-item {\n border-bottom: 1px solid var(--hso-border);\n margin: 0;\n padding: 0;\n}\n\n.hso-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hso-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hso-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.hso-accordion-header:hover {\n background: var(--hso-primary-light);\n}\n\n.hso-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hso-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hso-primary);\n transition: transform .2s ease;\n}\n\n.hso-accordion-item[open] .hso-accordion-header::after {\n content: '−';\n}\n\n.hso-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hso-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hso-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hso-cta-box {\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hso-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.hso-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hso-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hso-card {\n padding: 1.125rem;\n }\n \n .hso-section {\n margin-bottom: 1.75rem;\n }\n \n .hso-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hso-radius-sm);\n }\n \n .hso-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hso-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hso-grid-compact {\n gap: .625rem;\n }\n \n .hso-grid-compact .hso-card {\n padding: .75rem;\n }\n \n .hso-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .hso-step:hover {\n transform: translateY(-4px);\n }\n \n .hso-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .hso-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hso-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hso-composition-details {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .hso-ethique-badges {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hso-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-card:nth-child(1) { animation-delay: .05s; }\n .hso-card:nth-child(2) { animation-delay: .1s; }\n .hso-card:nth-child(3) { animation-delay: .15s; }\n .hso-card:nth-child(4) { animation-delay: .2s; }\n .hso-card:nth-child(5) { animation-delay: .25s; }\n .hso-card:nth-child(6) { animation-delay: .3s; }\n \n .hso-step {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-step:nth-child(1) { animation-delay: .1s; }\n .hso-step:nth-child(2) { animation-delay: .2s; }\n .hso-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hso-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .hso-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755282325661,"sku":"HUILESESAMEORARC","price":14.11,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-oriental-epice-bio-50-ml-arc-en-sels-lifestyle.webp?v=1768500665"},{"product_id":"triphala-digestion-bio-60-gelules-vegetales-ayurvana","title":"Triphala Bio - Digestion \u0026 Élimination - 60 gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Bio - Digestion \u0026 Élimination\nPalette détectée:\n - Primaire: #5B9A4A (Vert sauge du couvercle et bande inférieure)\n - Secondaire: #F5F0DC (Beige crème du corps du packaging)\n - Accent: #E67E22 (Orange des fruits Amalaki illustrés)\nAmbiance: Naturel\/bio, ayurvédique traditionnel, motifs mandala colorés, zen et holistique\nStyle: Naturel organique avec touche ethnique indienne, certifications bio prominentes\nPréfixe CSS: tri\n--\u003e\n\n\u003cdiv class=\"tri-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tri-hero\"\u003e\n \u003cdiv class=\"tri-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tri-hero-content\"\u003e\n \u003cdiv class=\"tri-badges-top\"\u003e\n \u003cspan class=\"tri-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tri-badge\"\u003e🌱 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tri-hero-title\"\u003eTriphala Bio\u003c\/span\u003e\n \u003cp class=\"tri-subtitle\"\u003eDigestion \u0026amp; Élimination\u003c\/p\u003e\n \u003cp class=\"tri-description\"\u003eLa synergie ancestrale des trois fruits sacrés de l'Ayurveda pour une digestion harmonieuse et une élimination naturelle des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- LES 3 FRUITS SACRÉS --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🍃 Les trois fruits du Triphala\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003ch3\u003e🟠 Amalaki\u003c\/h3\u003e\n \u003cp class=\"tri-latin\"\u003eEmblica officinalis\u003c\/p\u003e\n \u003cspan class=\"tri-dosage\"\u003e532 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eLe fruit de la vitalité, puissant antioxydant qui soutient la santé digestive. Équilibre le dosha \u003cstrong\u003ePitta\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003ch3\u003e🟢 Bibhitaki\u003c\/h3\u003e\n \u003cp class=\"tri-latin\"\u003eTerminalia belerica\u003c\/p\u003e\n \u003cspan class=\"tri-dosage\"\u003e532 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eLe purificateur qui nettoie le sang et régule le mucus. Équilibre le dosha \u003cstrong\u003eKapha\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card tri-fruit-card\"\u003e\n \u003ch3\u003e🟤 Haritaki\u003c\/h3\u003e\n \u003cp class=\"tri-latin\"\u003eTerminalia chebula\u003c\/p\u003e\n \u003cspan class=\"tri-dosage\"\u003e532 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eLe roi des plantes qui régule l'élimination et apaise le système digestif. Équilibre le dosha \u003cstrong\u003eVata\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌸 Digestion harmonieuse\u003c\/h3\u003e\n \u003cp\u003eSoutient une digestion naturelle et régule le transit intestinal pour un confort optimal après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e💚 Détox naturelle\u003c\/h3\u003e\n \u003cp\u003eÉlimine en douceur les toxines accumulées et purifie l'organisme sans agresser votre système.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre des doshas\u003c\/h3\u003e\n \u003cp\u003eHarmonise les trois énergies vitales Vata, Pitta et Kapha pour un bien-être global et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🔄 Non-addictif\u003c\/h3\u003e\n \u003cp\u003eUtilisable au long cours sans risque d'accoutumance pour un soutien digestif régulier.\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=\"tri-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tri-usage-box\"\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cspan class=\"tri-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules midi + 2 gélules soir\u003c\/strong\u003e avant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cspan class=\"tri-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePrise optimale\u003c\/h3\u003e\n \u003cp\u003eAvaler avec un grand verre d'eau pour une absorption maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-usage-step\"\u003e\n \u003cspan class=\"tri-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de 15 jours minimum recommandée pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse le Triphala ?\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🍽️ Troubles digestifs\u003c\/h3\u003e\n \u003cp\u003eDigestion lente, ballonnements ou inconfort après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🔄 Transit irrégulier\u003c\/h3\u003e\n \u003cp\u003eRetrouver un transit naturel et régulier sans dépendance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🧘 Bien-être holistique\u003c\/h3\u003e\n \u003cp\u003eRecherche d'équilibre selon les principes de l'Ayurveda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌿 Détox douce\u003c\/h3\u003e\n \u003cp\u003ePurifier l'organisme naturellement et en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"tri-section\"\u003e\n \u003ch2\u003e🏆 Nos garanties qualité\u003c\/h2\u003e\n \u003cdiv class=\"tri-grid-compact\"\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌾 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e🌱 100% Végétal\u003c\/h3\u003e\n \u003cp\u003eVegan friendly\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tri-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003ePureté maximale\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=\"tri-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tri-accordion\"\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🧪 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003ePour 4 gélules :\u003c\/strong\u003e Amalaki bio* 532 mg • Bibhitaki bio* 532 mg • Haritaki bio* 532 mg • Gélule végétale (hypromellose)\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique certifiés FR-BIO-01\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Complément alimentaire ne remplaçant pas une alimentation variée et équilibrée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tri-accordion-item\"\u003e\n \u003csummary class=\"tri-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tri-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après utilisation.\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=\"tri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tri-cta-box\"\u003e\n \u003cp\u003eAdoptez la sagesse millénaire de l'Ayurveda et retrouvez une digestion harmonieuse naturellement. Le Triphala bio, c'est la promesse d'un bien-être digestif durable, respectueux de votre corps et de la nature. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tri-cream: #FDFCF8;\n --tri-white: #ffffff;\n --tri-primary: #5B9A4A;\n --tri-primary-dark: #3D7A2E;\n --tri-primary-light: #E8F4E5;\n --tri-secondary: #F5F0DC;\n --tri-accent: #E67E22;\n --tri-text: #1a1a1a;\n --tri-text-light: #5a5a5a;\n --tri-border: #e0e0e0;\n --tri-shadow: 0 4px 24px rgba(91,154,74,.08);\n --tri-shadow-lg: 0 12px 48px rgba(91,154,74,.15);\n --tri-radius: 20px;\n --tri-radius-sm: 12px;\n}\n\n.tri-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tri-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tri-hero {\n position: relative;\n background: linear-gradient(135deg, #5B9A4A 0%, #4A8A3A 50%, #3D7A2E 100%);\n border-radius: var(--tri-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(--tri-shadow-lg);\n}\n\n.tri-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(255,255,255,.3) 0%, transparent 25%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.3) 0%, transparent 25%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.2) 0%, transparent 35%);\n}\n\n.tri-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tri-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n}\n\n.tri-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(--tri-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tri-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tri-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.tri-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.tri-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.tri-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tri-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tri-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.tri-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(--tri-primary), var(--tri-accent));\n border-radius: 2px;\n}\n\n.tri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tri-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tri-card {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tri-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tri-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tri-shadow-lg);\n border-color: var(--tri-primary);\n}\n\n.tri-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tri-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tri-fruit-card {\n background: linear-gradient(135deg, var(--tri-white) 0%, var(--tri-primary-light) 100%);\n}\n\n.tri-latin {\n font-size: 13px !important;\n font-style: italic;\n color: var(--tri-text-light) !important;\n margin-bottom: .75rem !important;\n}\n\n.tri-dosage {\n display: inline-block;\n background: var(--tri-primary);\n color: white;\n padding: 5px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .75rem;\n}\n\n.tri-usage-box {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tri-shadow);\n}\n\n.tri-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n padding: 1rem 0;\n border-bottom: 1px solid var(--tri-border);\n}\n\n.tri-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.tri-usage-step:first-child {\n padding-top: 0;\n}\n\n.tri-step-num {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: var(--tri-primary);\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: 900;\n}\n\n.tri-usage-step h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--tri-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tri-usage-step p {\n font-size: 14px;\n color: var(--tri-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.tri-grid-compact .tri-card {\n padding: 1rem;\n}\n\n.tri-grid-compact .tri-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tri-grid-compact .tri-card p {\n font-size: 12px;\n}\n\n.tri-accordion {\n background: var(--tri-white);\n border-radius: var(--tri-radius);\n box-shadow: var(--tri-shadow);\n overflow: hidden;\n}\n\n.tri-accordion-item {\n border-bottom: 1px solid var(--tri-border);\n margin: 0;\n padding: 0;\n}\n\n.tri-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tri-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tri-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.tri-accordion-header:hover {\n background: var(--tri-primary-light);\n}\n\n.tri-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tri-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tri-primary);\n transition: transform .2s ease;\n}\n\n.tri-accordion-item[open] .tri-accordion-header::after {\n content: '−';\n}\n\n.tri-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tri-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tri-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.tri-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.tri-cta-box {\n background: linear-gradient(135deg, var(--tri-primary) 0%, var(--tri-primary-dark) 100%);\n border-radius: var(--tri-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tri-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 .tri-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tri-grid-compact {\n gap: .625rem;\n }\n \n .tri-grid-compact .tri-card {\n padding: .75rem;\n }\n \n .tri-card {\n padding: 1.125rem;\n }\n \n .tri-section {\n margin-bottom: 1.75rem;\n }\n \n .tri-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tri-radius-sm);\n }\n \n .tri-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tri-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tri-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tri-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .tri-usage-step {\n gap: 1rem;\n }\n \n .tri-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tri-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tri-card:nth-child(1) { animation-delay: .05s; }\n .tri-card:nth-child(2) { animation-delay: .1s; }\n .tri-card:nth-child(3) { animation-delay: .15s; }\n .tri-card:nth-child(4) { animation-delay: .2s; }\n .tri-card:nth-child(5) { animation-delay: .25s; }\n .tri-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 .tri-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":53482897080697,"sku":"AY9017","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-bio-digestion-elimination-60-gelules-ayur-vana-ingredients.webp?v=1768496791"},{"product_id":"elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-15-ml-arc-en-sels","title":"Elixir Huile de Pépins de Figues de Barbarie Véritable Bio - 15 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Elixir Huile de Pépins de Figues de Barbarie Bio\nPalette détectée:\n - Primaire: #1B4D5C (bleu-vert profond du logo AS)\n - Secondaire: #C4A35A (doré\/jaune de l'huile dans le flacon)\n - Accent: #B8364B (rouge bordeaux du bandeau \"Peaux Matures\")\n - Tertiaire: #D4956A (terracotta\/abricot de l'arrière-plan)\nAmbiance: Luxe naturel, cosmétique premium, oriental raffiné, féminin élégant\nPréfixe CSS: elx\n--\u003e\n\n\u003cdiv class=\"elx-premium\"\u003e\n \n \u003cdiv class=\"elx-hero\"\u003e\n \u003cdiv class=\"elx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"elx-hero-content\"\u003e\n \u003cdiv class=\"elx-badges-top\"\u003e\n \u003cspan class=\"elx-badge\"\u003e🌵 100% pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e🇲🇦 Savoir-faire marocain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"elx-hero-title\"\u003eElixir précieux\u003cbr\u003eFigue de Barbarie\u003c\/span\u003e\n \u003cp class=\"elx-subtitle\"\u003eL'or du désert pour votre peau\u003c\/p\u003e\n \u003cp class=\"elx-description\"\u003eHuile rare extraite des pépins du cactus Opuntia Ficus Indica, reconnue comme l'une des huiles les plus précieuses au monde pour ses vertus anti-âge exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e✨ Bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🔬 Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, elle neutralise les radicaux libres et stimule le renouvellement cellulaire pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eSa composition en oméga-6 et oméga-9 nourrit en profondeur et préserve l'élasticité naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🌟 Éclat lumineux\u003c\/h3\u003e\n \u003cp\u003eRévèle la luminosité naturelle du teint et unifie le grain de peau pour un effet \"bonne mine\" immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🩹 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eAccélère la régénération cutanée, atténue les cicatrices et les imperfections pour une peau lisse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, convient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer cernes, poches et ridules du contour de l'œil grâce à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e💎 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"elx-composition-box\"\u003e\n \u003cdiv class=\"elx-composition-grid\"\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eHuile de pépins de figues de barbarie pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-6\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide linoléique nourrissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-9\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide oléique protecteur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAntioxydant naturel puissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"elx-composition-note\"\u003eSans additifs • Sans conservateurs • Certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLuttez efficacement contre les signes visibles de l'âge : rides, ridules, perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌿 Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eRestaurez le film hydrolipidique et retrouvez une peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🦋 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTexture non grasse et formule pure, parfaitement tolérée par les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"elx-steps\"\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eSur peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eAppliquez l'élixir\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003ePar mouvements circulaires sur le visage, le cou et le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eUtilisez en synergie\u003c\/h3\u003e\n \u003cp\u003eComme sérum sous votre crème ou ajoutée à votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e🏺 Savoir-faire artisanal\u003c\/h2\u003e\n \u003cdiv class=\"elx-artisan-box\"\u003e\n \u003cdiv class=\"elx-artisan-content\"\u003e\n \u003cdiv class=\"elx-artisan-icon\"\u003e🌵\u003c\/div\u003e\n \u003ch3\u003ePremière pression à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui préserve l'intégralité des actifs précieux du fruit. Chaque goutte témoigne d'un savoir-faire marocain ancestral allié aux exigences européennes strictes en matière de qualité et de traçabilité.\u003c\/p\u003e\n \u003cdiv class=\"elx-artisan-badges\"\u003e\n \u003cspan\u003e🌱 Agriculture biologique\u003c\/span\u003e\n \u003cspan\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan\u003e🇪🇺 Normes européennes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📦 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"elx-accordion\"\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e📏 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eFlacon compte-gouttes de 15 ml. À raison de 2-3 gouttes par application, ce précieux élixir vous accompagne pendant environ 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après chaque utilisation pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. 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=\"elx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"elx-cta-box\"\u003e\n \u003cdiv class=\"elx-cta-icon\"\u003e🌟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de la nature.\u003cbr\u003e\u003cstrong\u003eUn geste simple, un résultat lumineux.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cspan class=\"elx-cta-tagline\"\u003eVotre éclat, notre signature\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --elx-cream: #FDF8F3;\n --elx-white: #ffffff;\n --elx-primary: #1B4D5C;\n --elx-primary-dark: #133844;\n --elx-primary-light: #E8F0F2;\n --elx-secondary: #C4A35A;\n --elx-secondary-light: #F5EED9;\n --elx-accent: #B8364B;\n --elx-terracotta: #D4956A;\n --elx-text: #1a1a1a;\n --elx-text-light: #5a5a5a;\n --elx-border: #e8e0d8;\n --elx-shadow: 0 4px 24px rgba(27,77,92,.08);\n --elx-shadow-lg: 0 12px 48px rgba(27,77,92,.15);\n --elx-radius: 20px;\n --elx-radius-sm: 12px;\n}\n\n.elx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--elx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.elx-hero {\n position: relative;\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 40%, #0d2830 100%);\n border-radius: var(--elx-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(--elx-shadow-lg);\n}\n\n.elx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--elx-secondary) 0.5px, transparent 0.5px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.elx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.elx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.elx-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(--elx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.elx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,163,90,.3);\n}\n\n.elx-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 line-height: 1.1;\n}\n\n.elx-subtitle {\n color: var(--elx-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.elx-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.elx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.elx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--elx-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.elx-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(--elx-secondary), var(--elx-terracotta));\n border-radius: 2px;\n}\n\n\/* === GRID === *\/\n.elx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.elx-card {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.elx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--elx-shadow-lg);\n border-color: var(--elx-secondary);\n}\n\n.elx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.elx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.elx-card-target {\n background: linear-gradient(135deg, var(--elx-white) 0%, var(--elx-secondary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.elx-composition-box {\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.elx-composition-item {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,.1);\n border-radius: var(--elx-radius-sm);\n backdrop-filter: blur(10px);\n}\n\n.elx-composition-value {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--elx-secondary);\n margin-bottom: .25rem;\n}\n\n.elx-composition-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: rgba(255,255,255,.85);\n line-height: 1.4;\n}\n\n.elx-composition-note {\n text-align: center;\n color: rgba(255,255,255,.7);\n font-size: clamp(12px, 2vw, 14px);\n font-weight: 600;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.elx-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.elx-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n box-shadow: var(--elx-shadow);\n transition: all .3s ease;\n}\n\n.elx-step:hover {\n transform: translateX(8px);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--elx-secondary), var(--elx-terracotta));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.elx-step-content h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.elx-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ARTISAN BOX === *\/\n.elx-artisan-box {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid var(--elx-secondary-light);\n text-align: center;\n}\n\n.elx-artisan-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.elx-artisan-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.elx-artisan-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--elx-text-light);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.25rem;\n}\n\n.elx-artisan-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.elx-artisan-badges span {\n padding: 8px 16px;\n background: var(--elx-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--elx-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.elx-accordion {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n box-shadow: var(--elx-shadow);\n overflow: hidden;\n}\n\n.elx-accordion-item {\n border-bottom: 1px solid var(--elx-border);\n margin: 0;\n padding: 0;\n}\n\n.elx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.elx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--elx-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.elx-accordion-header:hover {\n background: var(--elx-primary-light);\n}\n\n.elx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.elx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--elx-secondary);\n transition: transform .2s ease;\n}\n\n.elx-accordion-item[open] .elx-accordion-header::after {\n content: '−';\n}\n\n.elx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--elx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.elx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.elx-cta-box {\n background: linear-gradient(135deg, var(--elx-secondary) 0%, var(--elx-terracotta) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.elx-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: shimmer 8s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-10%, -10%); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.elx-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.elx-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 position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n}\n\n.elx-cta-tagline {\n display: inline-block;\n padding: 10px 24px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n font-style: italic;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .elx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .elx-card {\n padding: 1.125rem;\n }\n \n .elx-section {\n margin-bottom: 1.75rem;\n }\n \n .elx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--elx-radius-sm);\n }\n \n .elx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .elx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .elx-badges-top {\n gap: 8px;\n }\n \n .elx-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .elx-composition-item {\n padding: .75rem;\n }\n \n .elx-step {\n padding: 1rem;\n }\n \n .elx-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .elx-artisan-badges {\n gap: .5rem;\n }\n \n .elx-artisan-badges span {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .elx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .elx-card {\n animation: fadeInUp .5s ease backwards;\n }\n .elx-card:nth-child(1) { animation-delay: .05s; }\n .elx-card:nth-child(2) { animation-delay: .1s; }\n .elx-card:nth-child(3) { animation-delay: .15s; }\n .elx-card:nth-child(4) { animation-delay: .2s; }\n .elx-card:nth-child(5) { animation-delay: .25s; }\n .elx-card:nth-child(6) { animation-delay: .3s; }\n \n .elx-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .elx-step:nth-child(1) { animation-delay: .1s; }\n .elx-step:nth-child(2) { animation-delay: .2s; }\n .elx-step:nth-child(3) { animation-delay: .3s; }\n .elx-step:nth-child(4) { 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@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .elx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .elx-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755288879261,"sku":"ELIXIRFIGUEBARBARIE","price":43.87,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-1-lifestyle.webp?v=1768500918"},{"product_id":"tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gelules-ayurvana","title":"Tribulus - Favorise le Désir et les capacités Sexuelles - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tribulus - Complément alimentaire pour le désir et les capacités sexuelles\nPalette détectée:\n - Primaire: #C41E3A (rouge profond du capuchon, évoquant la passion et l'énergie)\n - Secondaire: #8B4513 (brun\/terre pour l'aspect naturel\/ayurvédique)\n - Accent: #4A7C59 (vert naturel pour le badge vegan et l'aspect végétal)\n - Background: #F5F1E8 (beige crème du packaging, naturel et apaisant)\nAmbiance: Ayurvédique\/naturel premium, avec une touche de sensualité suggérée par le rouge passion\nStyle: Naturel sophistiqué, ancestral moderne, bien-être intime\nPréfixe CSS: trib\n--\u003e\n\n\u003cdiv class=\"trib-premium\"\u003e\n \u003cdiv class=\"trib-hero\"\u003e\n \u003cdiv class=\"trib-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-hero-content\"\u003e\n \u003cdiv class=\"trib-badges-top\"\u003e\n \u003cspan class=\"trib-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e🔥 Stimule la libido\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e💪 Performances améliorées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-hero-title\"\u003eTribulus Ayur-Vana\u003c\/span\u003e\n \u003cp class=\"trib-subtitle\"\u003eLe secret ancestral de la vitalité sexuelle\u003c\/p\u003e\n \u003cp class=\"trib-description\"\u003eIssu de la médecine ayurvédique millénaire, le Tribulus terrestris révèle son pouvoir aphrodisiaque naturel. Une formule concentrée en protodioscines pour réveiller le désir et décupler les performances, chez l'homme comme chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir notre Tribulus ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e❤️‍🔥\u003c\/div\u003e\n \u003ch3\u003eDésir intensifié\u003c\/h3\u003e\n \u003cp\u003eAugmente naturellement la libido en stimulant les fonctions sexuelles et en ravivant le désir intime au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3\u003ePerformances optimales\u003c\/h3\u003e\n \u003cp\u003eRiche en protodioscines (20%), il favorise la libération d'oxyde nitrique pour des performances sexuelles améliorées et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eSoutient une production équilibrée de testostérone, bénéfique pour la vitalité sexuelle et l'énergie physique des sportifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules du stress oxydatif, favorisant une meilleure énergie globale et un bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🌱 Composition premium et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"trib-composition-box\"\u003e\n \u003cdiv class=\"trib-composition-main\"\u003e\n \u003cdiv class=\"trib-ingredient-hero\"\u003e\n \u003cdiv class=\"trib-dosage-circle\"\u003e\n \u003cspan class=\"trib-dosage-number\"\u003e1800\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-unit\"\u003emg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-ingredient-info\"\u003e\n \u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n \u003cp\u003eExtrait de fruits cuits concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-purity-badge\"\u003e\n \u003cspan class=\"trib-percentage\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"trib-purity-label\"\u003ede protodioscines\u003cbr\u003e(360 mg par dose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-composition-extra\"\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003e\u003cstrong\u003e90 mg\u003c\/strong\u003e de carbonate de magnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eGélules 100% végétales (hypromellose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eCertifié agriculture biologique FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n \u003cdiv class=\"trib-dosage-grid\"\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-attack\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'attaque\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003ePremières semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-multiply\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"trib-times\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e2 gélules avant chaque repas\u003cbr\u003e\u003cstrong\u003eSoit 6 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour un impact maximal et des résultats rapides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-maintenance\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'entretien\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003eLong terme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\u003cbr\u003eDe préférence le matin\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour maintenir les bénéfices au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e👥 Pour qui est fait ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👨\u003c\/div\u003e\n \u003ch3\u003eHommes en quête de vitalité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver une libido épanouie et améliorer vos performances intimes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👩\u003c\/div\u003e\n \u003ch3\u003eFemmes actives\u003c\/h3\u003e\n \u003cp\u003eVous désirez raviver votre désir sexuel et booster votre énergie vitale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003ch3\u003eSportifs exigeants\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien hormonal naturel pour optimiser vos performances physiques et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003ch3\u003eCouples épanouis\u003c\/h3\u003e\n \u003cp\u003eVous voulez enrichir votre vie intime et retrouver une complicité physique renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🎯 Les résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"trib-results-timeline\"\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e7-10\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003ejours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie, meilleure vitalité générale, sensations de bien-être accrues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e2-3\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003esemaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets notables\u003c\/h3\u003e\n \u003cp\u003eAugmentation perceptible de la libido, amélioration des performances et du désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e1-2\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n \u003cp\u003eVitalité sexuelle pleinement restaurée, équilibre hormonal stabilisé, bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e⚠️ Précautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"trib-warning-box\"\u003e\n \u003cdiv class=\"trib-warning-grid\"\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, allaitantes, enfants et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter\u003c\/strong\u003e en cas de traitement anti-hypertenseur ou antidiabétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTenir\u003c\/strong\u003e hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-warning-footer\"\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, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003cbr\u003eCure de 10 à 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAgriculture biologique\u003c\/strong\u003e\u003cbr\u003eCertifié FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabricant\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAyur-Vana\u003c\/strong\u003e\u003cbr\u003eExpertise ayurvédique française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🥬\u003c\/div\u003e\n \u003ch3\u003eFormat\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% vegan\u003c\/strong\u003e\u003cbr\u003eGélules hypromellose végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"trib-cta-box\"\u003e\n \u003cdiv class=\"trib-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-cta-content\"\u003e\n \u003cp class=\"trib-cta-title\"\u003e🔥 Réveillez votre désir, libérez votre potentiel\u003c\/p\u003e\n \u003cp\u003eAvec Tribulus Ayur-Vana, offrez-vous le meilleur de la tradition ayurvédique pour retrouver une libido épanouie, des performances optimales et un bien-être intime renouvelé. Une formule naturelle, concentrée et efficace pour une vie sexuelle et physique au sommet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --trib-cream: #F5F1E8;\n --trib-white: #ffffff;\n --trib-primary: #C41E3A;\n --trib-primary-dark: #8B1528;\n --trib-primary-light: #F8E5E8;\n --trib-secondary: #8B4513;\n --trib-accent: #4A7C59;\n\n \/* Textes *\/\n --trib-text: #1a1a1a;\n --trib-text-light: #5a5a5a;\n\n \/* Effets *\/\n --trib-border: #e0e0e0;\n --trib-shadow: 0 4px 24px rgba(0,0,0,.08);\n --trib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --trib-radius: 20px;\n --trib-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.trib-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trib-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--trib-text);\n}\n\n\/* === HERO === *\/\n.trib-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 50%, var(--trib-secondary) 100%);\n border-radius: var(--trib-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(--trib-shadow-lg);\n}\n\n.trib-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.trib-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trib-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.trib-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(--trib-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.trib-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.trib-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.trib-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.trib-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.trib-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trib-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--trib-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.trib-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(--trib-primary), var(--trib-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.trib-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-card-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-card h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.trib-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION BOX === *\/\n.trib-composition-box {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow-lg);\n border: 3px solid var(--trib-primary);\n}\n\n.trib-composition-main {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-ingredient-hero {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n flex: 1;\n min-width: 250px;\n}\n\n.trib-dosage-circle {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n box-shadow: 0 8px 24px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-dosage-number {\n font-size: 32px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-dosage-unit {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-ingredient-info h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.trib-ingredient-info p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n}\n\n.trib-purity-badge {\n text-align: center;\n background: var(--trib-white);\n padding: 1.5rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: var(--trib-shadow);\n border: 2px solid var(--trib-accent);\n}\n\n.trib-percentage {\n display: block;\n font-size: 42px;\n font-weight: 900;\n color: var(--trib-accent);\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.trib-purity-label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--trib-text);\n line-height: 1.4;\n}\n\n.trib-composition-extra {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.trib-extra-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: var(--trib-white);\n padding: 1rem 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-extra-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.trib-extra-text {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n line-height: 1.5;\n}\n\n\/* === DOSAGE GRID === *\/\n.trib-dosage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.trib-dosage-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 3px solid transparent;\n transition: all .3s ease;\n}\n\n.trib-dosage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-dosage-attack {\n border-color: var(--trib-primary);\n}\n\n.trib-dosage-maintenance {\n border-color: var(--trib-accent);\n}\n\n.trib-dosage-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-dosage-label {\n font-size: 18px;\n font-weight: 800;\n color: var(--trib-primary-dark);\n}\n\n.trib-dosage-duration {\n font-size: 13px;\n font-weight: 700;\n color: var(--trib-text-light);\n background: var(--trib-primary-light);\n padding: 4px 10px;\n border-radius: 999px;\n}\n\n.trib-dosage-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin: 1.5rem 0;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--trib-primary-light), transparent);\n border-radius: var(--trib-radius-sm);\n}\n\n.trib-pills {\n display: flex;\n gap: 8px;\n}\n\n.trib-pill {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.trib-multiply {\n font-size: 24px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-times {\n font-size: 36px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-dosage-instruction {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--trib-text);\n text-align: center;\n margin: 1rem 0;\n line-height: 1.6;\n}\n\n.trib-dosage-instruction strong {\n color: var(--trib-primary-dark);\n font-weight: 800;\n}\n\n.trib-dosage-goal {\n font-size: 14px;\n color: var(--trib-text-light);\n text-align: center;\n margin: 0;\n font-style: italic;\n}\n\n\/* === PROFILE CARDS === *\/\n.trib-profile-card {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.trib-profile-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-profile-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.trib-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.trib-timeline-item {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--trib-radius);\n box-shadow: var(--trib-shadow);\n border-left: 5px solid var(--trib-primary);\n transition: all .3s ease;\n}\n\n.trib-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-timeline-marker {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n border-radius: var(--trib-radius-sm);\n padding: 1rem;\n min-width: 90px;\n box-shadow: 0 4px 16px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-timeline-number {\n font-size: 28px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-timeline-unit {\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-timeline-content h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-timeline-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.trib-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF8E1 100%);\n border: 3px solid #FFB74D;\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow);\n}\n\n.trib-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.trib-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.trib-warning-item p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.trib-warning-footer {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--trib-text);\n text-align: center;\n margin: 0;\n padding-top: 1.5rem;\n border-top: 2px dashed #FFB74D;\n font-style: italic;\n}\n\n\/* === INFO CARDS === *\/\n.trib-info-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-accent);\n}\n\n.trib-info-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-info-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-info-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.trib-cta-box {\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.trib-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trib-cta-title {\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 900;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.trib-cta-box p {\n color: rgba(255,255,255,.95);\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 max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .trib-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-dosage-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-composition-main {\n flex-direction: column;\n }\n \n .trib-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .trib-timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card,\n .trib-timeline-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .trib-card:nth-child(1),\n .trib-dosage-card:nth-child(1),\n .trib-profile-card:nth-child(1),\n .trib-info-card:nth-child(1),\n .trib-timeline-item:nth-child(1) { animation-delay: .1s; }\n \n .trib-card:nth-child(2),\n .trib-dosage-card:nth-child(2),\n .trib-profile-card:nth-child(2),\n .trib-info-card:nth-child(2),\n .trib-timeline-item:nth-child(2) { animation-delay: .2s; }\n \n .trib-card:nth-child(3),\n .trib-profile-card:nth-child(3),\n .trib-info-card:nth-child(3),\n .trib-timeline-item:nth-child(3) { animation-delay: .3s; }\n \n .trib-card:nth-child(4),\n .trib-profile-card:nth-child(4),\n .trib-info-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trib-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card {\n border: 3px solid var(--trib-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755297726621,"sku":"AY9404","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gel-ingredients.webp?v=1768501455"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\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=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-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(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-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(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-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.cam-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.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-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.cam-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(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-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.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-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 .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":12.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"huile-dargousier-bio-soin-du-visage-30-ml-arc-en-sels","title":"Huile d'Argousier Bio - Soin du Visage 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argousier Bio - Arc en Sels\nPalette détectée:\n - Primaire: #8B2D4A (bordeaux\/lie de vin de l'huile visible dans le flacon)\n - Secondaire: #E8A639 (orange doré des baies d'argousier)\n - Accent: #D4AF37 (or des motifs mandala sur le packaging)\n - Fond: #F9F6F2 (crème\/beige clair du packaging)\nAmbiance: Naturel premium, élégant, cosmétique bio avec touches orientales (mandala), féminin et raffiné\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Revitalisant\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🍊 30x plus de vitamine C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argousier Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eVotre éclat, notre signature\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn concentré de bienfaits issu des précieuses baies orangées pour redonner à votre visage toute sa vitalité et son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus exceptionnelles de l'argousier\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e30 fois plus que l'orange\u003c\/strong\u003e pour un effet bonne mine immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège vos cellules du vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003ePrécurseur de la vitamine A, il favorise le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Oméga-7 rare\u003c\/h3\u003e\n \u003cp\u003eAcide palmitoléique qui nourrit en profondeur et soutient l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Oméga 3, 6 et 9\u003c\/h3\u003e\n \u003cp\u003eHydratation durable et barrière cutanée renforcée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eActifs apaisants qui calment les irritations et sensibilités\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits pour votre visage\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eCombat les radicaux libres, stimule le collagène. Les rides et ridules sont visiblement atténuées, votre visage retrouve un aspect plus lisse et plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e✨ Teint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLa richesse en caroténoïdes confère des propriétés « bonne mine » remarquables. Dès les premières applications, votre peau semble plus lumineuse et reposée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels pénètrent en profondeur pour une hydratation longue durée et une régénération cellulaire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eFilm protecteur naturel contre les agressions : pollution, froid, vent et variations de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge complète et nutrition profonde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense et réparation en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e😴 Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eEffet revitalisant et éclat immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et douces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🩹 Peaux abîmées\u003c\/h3\u003e\n \u003cp\u003eCicatrices, imperfections, zones fragilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e❄️ Peaux agressées\u003c\/h3\u003e\n \u003cp\u003eFragilisées par le froid ou le soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-composition-grid\"\u003e\n \u003cdiv class=\"arg-ingredient\"\u003e\n \u003cspan class=\"arg-ingredient-name\"\u003e🍊 Hippophae Rhamnoides Fruit Oil\u003c\/span\u003e\n \u003cspan class=\"arg-ingredient-desc\"\u003eHuile de baie d'argousier 100% pure, bio, première pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient\"\u003e\n \u003cspan class=\"arg-ingredient-name\"\u003e🛡️ Tocophérol\u003c\/span\u003e\n \u003cspan class=\"arg-ingredient-desc\"\u003eVitamine E naturelle pour préserver la fraîcheur et renforcer l'action antioxydante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-purity-badges\"\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans additif\u003c\/span\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans conservateur artificiel\u003c\/span\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans parfum de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arg-steps\"\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e🌅 Soin quotidien matin et soir\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e, réchauffez entre vos paumes et appliquez en massages doux sur le visage et le cou. Insistez sur le contour des yeux et les zones à traiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e🌙 Soin intensif nocturne\u003c\/h3\u003e\n \u003cp\u003e1 à 2 fois par semaine, appliquez une couche généreuse le soir et laissez agir toute la nuit. Au réveil : peau repulpée et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e💡 En booster\u003c\/h3\u003e\n \u003cp\u003eAjoutez une goutte à votre crème habituelle pour décupler les effets nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e L'huile ayant une couleur orangée prononcée, préférez une application le soir ou en petite quantité le matin. Elle pénètre rapidement sans film gras.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧴 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de \u003cstrong\u003e30 ml\u003c\/strong\u003e qui protège l'huile de l'oxydation et de la lumière. Utilisée quotidiennement à raison de 2 à 3 gouttes, un flacon vous accompagnera pendant environ \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux (rincer abondamment si contact). En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e❓ L'huile tache-t-elle la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser en quantité raisonnable. Sa couleur orangée pénètre rapidement et ne laisse pas de traces visibles. Si vous avez la peau très claire, préférez une application le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e❓ Convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eOui, car elle est non comédogène et pénètre rapidement sans laisser de film gras. Les peaux grasses l'apprécieront particulièrement le soir, en petite quantité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cdiv class=\"arg-cta-icon\"\u003e🍊\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau ce qu'il y a de meilleur : un soin visage anti-âge authentique, puissant et 100% naturel pour retrouver un \u003cstrong\u003eteint radieux\u003c\/strong\u003e et une \u003cstrong\u003epeau visiblement plus jeune\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F3;\n --arg-white: #ffffff;\n --arg-primary: #8B2D4A;\n --arg-primary-dark: #6B1D3A;\n --arg-primary-light: #F5E8EC;\n --arg-secondary: #E8A639;\n --arg-secondary-light: #FDF5E8;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8e4df;\n --arg-shadow: 0 4px 24px rgba(139,45,74,.08);\n --arg-shadow-lg: 0 12px 48px rgba(139,45,74,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 50%, #4A1528 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-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='%23D4AF37' fill-opacity='0.15'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.arg-subtitle {\n color: var(--arg-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-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.arg-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(--arg-primary), var(--arg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-card-highlight {\n background: linear-gradient(135deg, var(--arg-white) 0%, var(--arg-primary-light) 100%);\n border: 2px solid var(--arg-primary-light);\n}\n\n.arg-card-highlight:hover {\n border-color: var(--arg-primary);\n}\n\n\/* === COMPOSITION === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-composition-grid {\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.arg-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n padding: 1.25rem;\n background: var(--arg-secondary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-secondary);\n}\n\n.arg-ingredient-name {\n font-weight: 800;\n color: var(--arg-primary-dark);\n font-size: 16px;\n}\n\n.arg-ingredient-desc {\n font-size: 14px;\n color: var(--arg-text-light);\n line-height: 1.5;\n}\n\n.arg-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.arg-purity-badge {\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--arg-primary-light) 0%, #fff 100%);\n border: 1px solid var(--arg-primary);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n}\n\n\/* === ÉTAPES === *\/\n.arg-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.arg-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n transition: all .3s ease;\n}\n\n.arg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(139,45,74,.3);\n}\n\n.arg-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.arg-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-tip {\n background: var(--arg-secondary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1.25rem;\n font-size: 14px;\n color: var(--arg-text);\n line-height: 1.6;\n border-left: 4px solid var(--arg-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.1'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.arg-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.arg-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 position: relative;\n z-index: 1;\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-badges-top {\n gap: 8px;\n }\n \n .arg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .arg-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n \n .arg-step:hover {\n transform: translateY(-4px);\n }\n \n .arg-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .arg-composition-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-ingredient {\n padding: 1rem;\n }\n \n .arg-purity-badges {\n gap: .5rem;\n }\n \n .arg-purity-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n \n .arg-step {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-step:nth-child(1) { animation-delay: .1s; }\n .arg-step:nth-child(2) { animation-delay: .2s; }\n .arg-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes argFadeInUp {\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 .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301658781,"sku":"ARCAGOU30","price":35.28,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargousier-bio-soin-du-visage-30-ml-arc-en-sels-lifestyle.webp?v=1768500863"},{"product_id":"guggul-60-gelules-ayurvana","title":"Guggul Bio - Régule le Cholestérol - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guggul Bio - Régule le Cholestérol - 60 Gélules - Ayur-Vana\nPalette détectée:\n - Primaire: #4A9B7F (vert sauge\/menthe du packaging)\n - Secondaire: #E8A838 (orange\/doré du logo AY)\n - Accent: #2E7D6B (vert foncé profond)\n - Fond: #F5F0E6 (crème\/beige naturel du packaging)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, végétal, santé holistique\nPréfixe CSS: gg\n--\u003e\n\n\u003cdiv class=\"gg-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gg-hero\"\u003e\n \u003cdiv class=\"gg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gg-hero-content\"\u003e\n \u003cdiv class=\"gg-badges-top\"\u003e\n \u003cspan class=\"gg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gg-hero-title\"\u003eGuggul Bio\u003c\/span\u003e\n \u003cp class=\"gg-subtitle\"\u003eL'allié ancestral de votre équilibre lipidique\u003c\/p\u003e\n \u003cp class=\"gg-description\"\u003eRésine précieuse titrée à 2,5% de guggulstérones • 3 000 ans de sagesse ayurvédique • Fabriqué en France\u003c\/p\u003e\n \u003cdiv class=\"gg-hero-stats\"\u003e\n \u003cdiv class=\"gg-stat\"\u003e\n \u003cspan class=\"gg-stat-number\"\u003e2,5%\u003c\/span\u003e\n \u003cspan class=\"gg-stat-label\"\u003eGuggulstérones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-stat\"\u003e\n \u003cspan class=\"gg-stat-number\"\u003e60\u003c\/span\u003e\n \u003cspan class=\"gg-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-stat\"\u003e\n \u003cspan class=\"gg-stat-number\"\u003e3000\u003c\/span\u003e\n \u003cspan class=\"gg-stat-label\"\u003eAns d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION ORIGINE --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e🏛️ Qu'est-ce que le guggul ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-origin-box\"\u003e\n \u003cdiv class=\"gg-origin-content\"\u003e\n \u003cp class=\"gg-origin-intro\"\u003eLe guggul est une \u003cstrong\u003eoléorésine dorée\u003c\/strong\u003e récoltée sur l'écorce du \u003cem\u003eCommiphora mukul\u003c\/em\u003e, un petit arbre épineux des régions arides de l'Inde et du Pakistan.\u003c\/p\u003e\n \u003cp\u003eDans la tradition ayurvédique, cette substance précieuse est vénérée comme un puissant \u003cstrong\u003epurificateur des tissus\u003c\/strong\u003e, capable d'éliminer les accumulations de toxines (appelées « ama » en sanskrit) et de rééquilibrer les doshas Vata et Kapha.\u003c\/p\u003e\n \u003cdiv class=\"gg-origin-highlight\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e🔬 Le secret scientifique\u003c\/strong\u003e\n \u003cp\u003eLes \u003cb\u003eguggulstérones\u003c\/b\u003e, composés bioactifs uniques, ont fait l'objet de nombreuses études pour leur action sur le métabolisme lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION BIENFAITS --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du guggul bio\u003c\/h2\u003e\n \u003cdiv class=\"gg-grid\"\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eÉquilibre le cholestérol\u003c\/h3\u003e\n \u003cp\u003eContribue à \u003cstrong\u003eréduire le LDL\u003c\/strong\u003e (mauvais cholestérol) tout en soutenant les niveaux de \u003cstrong\u003eHDL\u003c\/strong\u003e (bon cholestérol). Études : jusqu'à -12% de LDL en 8-12 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eSanté cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eAide à limiter l'accumulation de plaques lipidiques dans les artères et favorise une \u003cstrong\u003ecirculation sanguine fluide\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e🦴\u003c\/div\u003e\n \u003ch3\u003eProtection articulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise la \u003cstrong\u003erégénération du cartilage\u003c\/strong\u003e et contribue à la protection osseuse, un atout précieux avec l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-benefit\"\u003e\n \u003cdiv class=\"gg-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eMétabolisme actif\u003c\/h3\u003e\n \u003cp\u003eStimule la \u003cstrong\u003eproduction d'hormones thyroïdiennes\u003c\/strong\u003e pour un métabolisme des graisses optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose journalière\u003c\/h2\u003e\n \u003cp class=\"gg-section-subtitle\"\u003e3 gélules = 1 dose optimale\u003c\/p\u003e\n \u003cdiv class=\"gg-composition-grid\"\u003e\n \u003cdiv class=\"gg-compo-card gg-compo-main\"\u003e\n \u003cdiv class=\"gg-compo-stats\"\u003e\n \u003cdiv class=\"gg-compo-stat\"\u003e\n \u003cspan class=\"gg-compo-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"gg-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003ch3\u003eExtrait de résine de Guggul\u003c\/h3\u003e\n \u003cp class=\"gg-compo-latin\"\u003e\u003cem\u003eCommiphora mukul\u003c\/em\u003e\u003c\/p\u003e\n \u003cspan class=\"gg-compo-value\"\u003e1 470 mg\u003c\/span\u003e\n \u003cspan class=\"gg-compo-desc\"\u003ed'extrait\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-stat\"\u003e\n \u003cspan class=\"gg-compo-value\"\u003e36,75 mg\u003c\/span\u003e\n \u003cspan class=\"gg-compo-desc\"\u003ede guggulstérones\u003c\/span\u003e\n \u003cbr\u003e\n \u003cdiv class=\"gg-compo-badge\"\u003eTitré à 2,5%\u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-secondary\"\u003e\n \u003cdiv class=\"gg-compo-item\"\u003e\n \u003cspan class=\"gg-compo-item-icon\"\u003e💊\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGélule végétale\u003c\/strong\u003e\n \u003cp\u003eHypromellose (100% vegan)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-item\"\u003e\n \u003cspan class=\"gg-compo-item-icon\"\u003e🐚\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLithothamne\u003c\/strong\u003e\n \u003cp\u003eAlgue calcaire naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-compo-item\"\u003e\n \u003cspan class=\"gg-compo-item-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eStéarate de magnésium\u003c\/strong\u003e\n \u003cp\u003eOrigine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-certif-box\"\u003e\n \u003cspan\u003e🌿 Ingrédients issus de l'agriculture biologique certifiée\u003c\/span\u003e\n \u003cspan\u003e❌ Sans conservateurs ni additifs artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION MODE D'EMPLOI --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n \u003cdiv class=\"gg-usage-grid\"\u003e\n \u003cdiv class=\"gg-usage-step\"\u003e\n \u003cdiv class=\"gg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gg-step-content\"\u003e\n \u003ch3\u003eMatin\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau\u003c\/p\u003e\n \u003cspan class=\"gg-step-time\"\u003e☀️ 20 min avant le petit-déjeuner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-usage-step\"\u003e\n \u003cdiv class=\"gg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gg-step-content\"\u003e\n \u003ch3\u003eMidi\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau\u003c\/p\u003e\n \u003cspan class=\"gg-step-time\"\u003e🌤️ 20 min avant le déjeuner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-usage-step\"\u003e\n \u003cdiv class=\"gg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gg-step-content\"\u003e\n \u003ch3\u003eSoir\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau\u003c\/p\u003e\n \u003cspan class=\"gg-step-time\"\u003e🌙 20 min avant le dîner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-duration-box\"\u003e\n \u003cdiv class=\"gg-duration-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"gg-duration-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e pour observer des effets significatifs sur votre profil lipidique. Pause d'un mois possible avant de reprendre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION POUR QUI --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-grid gg-grid-3\"\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e📊\u003c\/span\u003e\n \u003ch3\u003eCholestérol à surveiller\u003c\/h3\u003e\n \u003cp\u003eVotre bilan sanguin révèle un taux de cholestérol élevé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eRecherche naturelle\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle aux statines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e💪\u003c\/span\u003e\n \u003ch3\u003eBon cholestérol\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez augmenter votre HDL protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e🧘\u003c\/span\u003e\n \u003ch3\u003eAdepte ayurvéda\u003c\/h3\u003e\n \u003cp\u003eVous suivez les principes ayurvédiques (Vata\/Kapha)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e🦵\u003c\/span\u003e\n \u003ch3\u003eSanté articulaire\u003c\/h3\u003e\n \u003cp\u003eVous voulez soutenir vos articulations et vos os\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-profile\"\u003e\n \u003cspan class=\"gg-profile-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3\u003eDétox naturelle\u003c\/h3\u003e\n \u003cp\u003eVous désirez purifier votre organisme des toxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION DIFFÉRENCES --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e🏆 Pourquoi choisir Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-diff-grid\"\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003eTitrage garanti 2,5%\u003c\/h3\u003e\n \u003cp\u003eConcentration optimale en guggulstérones pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eCertifié biologique\u003c\/h3\u003e\n \u003cp\u003eRésine pure sans pesticides ni contaminants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabrication française\u003c\/h3\u003e\n \u003cp\u003eStandards de qualité européens stricts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-diff-card\"\u003e\n \u003cdiv class=\"gg-diff-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003e100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules hypromellose, adapté aux vegans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CONSEILS --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e💡 Optimisez vos résultats\u003c\/h2\u003e\n \u003cdiv class=\"gg-tips-grid\"\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🥑\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBonnes graisses\u003c\/strong\u003e\n \u003cp\u003eHuile d'olive, avocat, noix et poissons gras riches en oméga-3\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🥣\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePlus de fibres\u003c\/strong\u003e\n \u003cp\u003eLégumineuses, flocons d'avoine, fruits et légumes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🏃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eActivité physique\u003c\/strong\u003e\n \u003cp\u003e30 min\/jour d'exercice modéré améliore le profil lipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🧘‍♀️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGestion du stress\u003c\/strong\u003e\n \u003cp\u003eLe cortisol en excès perturbe le métabolisme des lipides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- SECTION PRÉCAUTIONS --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gg-warning-box\"\u003e\n \u003cdiv class=\"gg-warning-grid\"\u003e\n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e🚫\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser 3 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e🤰\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e💊\u003c\/span\u003e\n \u003cp\u003eConsulter si traitement anticoagulant ou thyroïdien\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"gg-warning-item\"\u003e\n \u003cspan\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la lumière et humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"gg-warning-note\" style=\"font-size:0.65em;\"\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\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gg-cta-box\"\u003e\n \u003cdiv class=\"gg-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gg-cta-content\"\u003e\n \u003cspan class=\"gg-cta-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eFaites le choix d'une approche \u003cstrong\u003enaturelle et ancestrale\u003c\/strong\u003e pour soutenir votre santé cardiovasculaire.\u003c\/p\u003e\n \u003cp class=\"gg-cta-subtitle\"\u003e3 000 ans de sagesse ayurvédique au service de votre équilibre lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS GUGGUL === *\/\n:root {\n --gg-cream: #F7F4EE;\n --gg-white: #ffffff;\n --gg-primary: #4A9B7F;\n --gg-primary-dark: #2E7D6B;\n --gg-primary-light: #E8F5F0;\n --gg-secondary: #E8A838;\n --gg-secondary-light: #FEF7E8;\n --gg-accent: #D4763A;\n --gg-text: #1a1a1a;\n --gg-text-light: #5a5a5a;\n --gg-border: #e0e0e0;\n --gg-shadow: 0 4px 24px rgba(74, 155, 127, .08);\n --gg-shadow-lg: 0 12px 48px rgba(46, 125, 107, .15);\n --gg-radius: 20px;\n --gg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.gg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gg-text);\n line-height: 1.6;\n}\n\n.gg-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO SECTION === *\/\n.gg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-dark) 50%, #1D5C4E 100%);\n border-radius: var(--gg-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(--gg-shadow-lg);\n}\n\n.gg-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(232, 168, 56, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='rgba(255,255,255,0.03)'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.gg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gg-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.gg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0 0 2rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.gg-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.gg-stat {\n text-align: center;\n}\n\n.gg-stat-number {\n display: block;\n color: var(--gg-secondary);\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.gg-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.gg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.gg-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--gg-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gg-primary), var(--gg-secondary));\n border-radius: 2px;\n}\n\n.gg-section-subtitle {\n text-align: center;\n color: var(--gg-text-light);\n font-size: 15px;\n margin: -1rem 0 2rem 0;\n}\n\n\/* === ORIGIN BOX === *\/\n.gg-origin-box {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--gg-shadow);\n border-left: 5px solid var(--gg-secondary);\n}\n\n.gg-origin-intro {\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--gg-text);\n margin-bottom: 1rem;\n}\n\n.gg-origin-content p {\n margin: 0 0 1.5rem 0;\n color: var(--gg-text-light);\n}\n\n.gg-origin-highlight {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gg-primary-light);\n padding: 1.5rem;\n border-radius: var(--gg-radius-sm);\n margin-top: 1.5rem;\n}\n\n.gg-origin-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.gg-origin-highlight strong {\n display: block;\n color: var(--gg-primary-dark);\n margin-bottom: .5rem;\n}\n\n.gg-origin-highlight p {\n margin: 0;\n font-size: 14px;\n}\n\n\/* === GRILLES === *\/\n.gg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.gg-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.gg-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--gg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.gg-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gg-shadow-lg);\n border-color: var(--gg-primary);\n}\n\n.gg-card-benefit {\n text-align: center;\n}\n\n.gg-card-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gg-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gg-card p {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gg-card-profile {\n text-align: center;\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.gg-profile-icon {\n font-size: 2rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n.gg-card-profile h3 {\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.gg-card-profile p {\n font-size: 13px;\n}\n\n\/* === COMPOSITION === *\/\n.gg-composition-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .gg-composition-grid {\n grid-template-columns: 1.5fr 1fr;\n }\n}\n\n.gg-compo-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-compo-main {\n background: linear-gradient(135deg, var(--gg-primary-light) 0%, var(--gg-white) 100%);\n border: 2px solid var(--gg-primary);\n position: relative;\n overflow: hidden;\n}\n\n.gg-compo-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.gg-compo-icon {\n font-size: 1.5rem;\n}\n\n.gg-compo-label {\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--gg-primary);\n}\n\n.gg-compo-main h3 {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gg-compo-latin {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.gg-compo-stats {\n display: flex;\n gap: 2rem;\n margin-bottom: 1.5rem;\n}\n\n.gg-compo-stat {\n text-align: center;\n}\n\n.gg-compo-value {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--gg-primary-dark);\n line-height: 1;\n}\n\n.gg-compo-desc {\n display: block;\n font-size: 12px;\n color: var(--gg-text-light);\n margin-top: 4px;\n}\n\n.gg-compo-badge {\n display: inline-block;\n background: var(--gg-secondary);\n color: white;\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n}\n\n.gg-compo-secondary {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gg-compo-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--gg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-compo-item-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.gg-compo-item strong {\n display: block;\n font-size: 14px;\n color: var(--gg-text);\n}\n\n.gg-compo-item p {\n margin: 0;\n font-size: 12px;\n color: var(--gg-text-light);\n}\n\n.gg-certif-box {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem 2rem;\n margin-top: 1.5rem;\n padding: 1rem;\n background: var(--gg-primary-light);\n border-radius: var(--gg-radius-sm);\n}\n\n.gg-certif-box span {\n font-size: 13px;\n font-weight: 600;\n color: var(--gg-primary-dark);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.gg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.gg-usage-step {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: 1.5rem;\n box-shadow: var(--gg-shadow);\n text-align: center;\n transition: all .3s ease;\n position: relative;\n}\n\n.gg-usage-step:hover {\n transform: translateY(-5px);\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-step-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--gg-primary), var(--gg-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 155, 127, .3);\n}\n\n.gg-step-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: .5rem 0 .5rem 0;\n}\n\n.gg-step-content p {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0 0 .75rem 0;\n}\n\n.gg-step-time {\n display: inline-block;\n font-size: 12px;\n color: var(--gg-secondary);\n font-weight: 600;\n background: var(--gg-secondary-light);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.gg-duration-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--gg-secondary-light) 0%, var(--gg-white) 100%);\n border: 2px solid var(--gg-secondary);\n border-radius: var(--gg-radius);\n padding: 1.5rem 2rem;\n}\n\n.gg-duration-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.gg-duration-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--gg-accent);\n margin: 0 0 .5rem 0;\n}\n\n.gg-duration-content p {\n margin: 0;\n font-size: 14px;\n color: var(--gg-text-light);\n}\n\n\/* === DIFFÉRENCES === *\/\n.gg-diff-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.gg-diff-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--gg-shadow);\n border-bottom: 4px solid var(--gg-primary);\n transition: all .3s ease;\n}\n\n.gg-diff-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-diff-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gg-diff-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gg-diff-card p {\n font-size: 13px;\n color: var(--gg-text-light);\n margin: 0;\n}\n\n\/* === CONSEILS === *\/\n.gg-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1rem;\n}\n\n.gg-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--gg-white);\n padding: 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n transition: all .3s ease;\n}\n\n.gg-tip:hover {\n transform: translateX(5px);\n border-left: 3px solid var(--gg-primary);\n}\n\n.gg-tip-icon {\n font-size: 1.75rem;\n flex-shrink: 0;\n}\n\n.gg-tip strong {\n display: block;\n font-size: 15px;\n color: var(--gg-primary-dark);\n margin-bottom: .25rem;\n}\n\n.gg-tip p {\n margin: 0;\n font-size: 13px;\n color: var(--gg-text-light);\n}\n\n\/* === FAQ === *\/\n.gg-faq-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gg-faq-item {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--gg-shadow);\n border-left: 4px solid var(--gg-primary);\n}\n\n.gg-faq-item h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gg-faq-item p {\n margin: 0;\n font-size: 14px;\n color: var(--gg-text-light);\n line-height: 1.7;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.gg-warning-box {\n background: linear-gradient(135deg, #FFF9F0 0%, var(--gg-white) 100%);\n border: 2px solid var(--gg-secondary);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n.gg-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.gg-warning-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: var(--gg-white);\n padding: 1rem;\n border-radius: var(--gg-radius-sm);\n border: 1px solid var(--gg-border);\n}\n\n.gg-warning-item span {\n font-size: 1.25rem;\n flex-shrink: 0;\n}\n\n.gg-warning-item p {\n margin: 0;\n font-size: 13px;\n color: var(--gg-text);\n font-weight: 500;\n}\n\n.gg-warning-note {\n background: var(--gg-secondary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--gg-radius-sm);\n font-size: 13px;\n color: var(--gg-text-light);\n margin: 0;\n text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.gg-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.gg-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--gg-white);\n padding: 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-info-icon {\n font-size: 1.75rem;\n flex-shrink: 0;\n}\n\n.gg-info-item strong {\n display: block;\n font-size: 12px;\n color: var(--gg-text-light);\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.gg-info-item p {\n margin: 0;\n font-size: 16px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.gg-cta-box {\n background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-dark) 50%, #1D5C4E 100%);\n border-radius: var(--gg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gg-shadow-lg);\n}\n\n.gg-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(232, 168, 56, .2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255, 255, 255, .1) 0%, transparent 30%);\n}\n\n.gg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.gg-cta-icon {\n font-size: 3rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.gg-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.gg-cta-subtitle {\n color: rgba(255,255,255,.85) !important;\n font-size: clamp(14px, 2vw, 16px) !important;\n font-weight: 400 !important;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gg-card,\n .gg-usage-step,\n .gg-diff-card,\n .gg-faq-item,\n .gg-tip {\n animation: ggFadeInUp .6s ease backwards;\n }\n \n .gg-card:nth-child(1), .gg-usage-step:nth-child(1), .gg-diff-card:nth-child(1) { animation-delay: .1s; }\n .gg-card:nth-child(2), .gg-usage-step:nth-child(2), .gg-diff-card:nth-child(2) { animation-delay: .2s; }\n .gg-card:nth-child(3), .gg-usage-step:nth-child(3), .gg-diff-card:nth-child(3) { animation-delay: .3s; }\n .gg-card:nth-child(4), .gg-diff-card:nth-child(4) { animation-delay: .4s; }\n .gg-card:nth-child(5) { animation-delay: .5s; }\n .gg-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes ggFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gg-grid,\n .gg-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .gg-hero-stats {\n gap: 1.5rem;\n }\n \n .gg-compo-stats {\n flex-direction: column;\n gap: 1rem;\n }\n \n .gg-duration-box {\n flex-direction: column;\n text-align: center;\n }\n \n .gg-origin-highlight {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gg-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .gg-card,\n .gg-usage-step,\n .gg-diff-card,\n .gg-faq-item {\n border: 2px solid var(--gg-text);\n }\n \n .gg-badge {\n border: 2px solid var(--gg-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755311325341,"sku":"AY1403","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guggul-bio-regule-le-cholesterol-60-gelules-ayur-vana-packshothd.webp?v=1785411523"},{"product_id":"cailloux-ambre-jardin-de-mon-grand-pere","title":"Cailloux d'Ambre - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux d'Ambre - Jardin de mon Grand-Père\nPalette détectée:\n - Primaire: #D4A574 (beige doré chaleureux du packaging kraft et des cailloux d'ambre)\n - Secondaire: #E8D4B8 (beige clair naturel du kraft)\n - Accent: #FF6B35 (orange corail de l'étiquette rouge-orangé)\n - Neutre: #F5EDE0 (crème très clair pour backgrounds)\nAmbiance: Artisanale, naturelle, chaleureuse, authentique, tradition\/patrimoine, senteurs d'antan\nStyle: Naturel premium avec une touche vintage\/patrimoniale, évoque le savoir-faire traditionnel\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🏺 Parfum mythique\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🇫🇷 Fait main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eCailloux d'Ambre\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eLa senteur mythique de l'océan\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eUne reconstitution végétale d'exception de l'ambre véritable, ce parfum légendaire aux notes chaudes et envoûtantes qui évoque les mystères des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e✨ Un parfum d'exception\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌊\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eSenteur mythique\u003c\/div\u003e\n \u003cp\u003eReconstitution fidèle de l'ambre véritable, ce trésor des océans utilisé depuis des siècles dans la parfumerie de luxe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eNotes chaleureuses\u003c\/div\u003e\n \u003cp\u003eUn parfum ample et enveloppant aux accents légèrement iodés et délicatement animaux, d'une élégance incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003e100% végétal\u003c\/div\u003e\n \u003cp\u003eUne composition entièrement végétale respectueuse de l'environnement, sans aucune matière animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e⏳\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eLongue durée\u003c\/div\u003e\n \u003cp\u003eUne ténacité exceptionnelle qui parfume durablement votre intérieur ou votre peau avec subtilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📖 L'histoire fascinante de l'ambre\u003c\/h2\u003e\n \u003cdiv class=\"amb-story-box\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e🐋\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eL'ambre véritable\u003c\/strong\u003e flotte à la surface des océans, au voisinage de Madagascar, de l'Inde ou de la Chine. C'est une sécrétion naturelle du cachalot qui, sous l'action conjuguée de l'eau de mer et du soleil, se transforme progressivement.\u003c\/p\u003e\n \u003cp\u003eFraîchement expulsée, cette matière présente une couleur foncée et une odeur forte. Mais avec le temps, \u003cstrong\u003eun miracle se produit\u003c\/strong\u003e : l'ambre prend une teinte de plus en plus claire, du gris argent au jaune or lumineux. Son parfum s'affine, devient délicat, légèrement animal et iodé, particulièrement envoûtant.\u003c\/p\u003e\n \u003cp\u003eL'ambre doit être séchée pendant \u003cstrong\u003eau moins deux à trois ans\u003c\/strong\u003e avant d'être utilisée en parfumerie. Son utilisation confère une ténacité et un volume incomparables aux créations de luxe.\u003c\/p\u003e\n \u003cp class=\"amb-story-highlight\"\u003e💎 Un produit mythique dont l'origine est restée durant longtemps un mystère, donnant libre cours aux imaginations et aux légendes des marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🎯 Trois façons de l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"amb-usage-grid\"\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e🏠\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eDiffusion naturelle\u003c\/div\u003e\n \u003cp\u003eDéposez vos cailloux dans les petits espaces de la maison, idéalement près d'une source de chaleur (radiateur, rebord de fenêtre ensoleillé) pour activer délicatement leur parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eGri-gri personnel\u003c\/div\u003e\n \u003cp\u003eGardez un caillou sur vous comme un porte-bonheur. La chaleur corporelle facilite la diffusion du parfum. Manipulez-le régulièrement : il deviendra doux et vous parfumera durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e🕯️\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eBrûloir aromatique\u003c\/div\u003e\n \u003cp\u003eDéposez 3 cailloux dans un brûloir. À chaud, la matière devient liquide et diffuse intensément son parfum ; à froid, elle redevient solide. Renouvelez jusqu'à épuisement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🎁 Conditionnement artisanal\u003c\/h2\u003e\n \u003cdiv class=\"amb-info-grid\"\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFormat standard\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eSachet kraft 50g\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eEnviron 5 à 7 cailloux selon la taille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eAutres formats\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003e100g • 200g\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003ePour une utilisation prolongée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eFait main en France\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eSavoir-faire artisanal traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003ePackaging\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eKraft recyclable\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eApproche éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌸 Découvrez la gamme complète\u003c\/h2\u003e\n \u003cdiv class=\"amb-collection-box\"\u003e\n \u003cdiv class=\"amb-collection-icon\"\u003e🏺\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eJardin de mon Grand-Père\u003c\/strong\u003e vous propose une collection unique de senteurs inspirées des traditions et du patrimoine français.\u003c\/p\u003e\n \u003cp\u003eExplorez nos \u003cstrong\u003eeaux aromatiques artisanales\u003c\/strong\u003e présentées dans de magnifiques flacons, nos \u003cstrong\u003eparfums solides naturels\u003c\/strong\u003e et nos \u003cstrong\u003ecréations olfactives d'exception\u003c\/strong\u003e élaborées avec passion et savoir-faire.\u003c\/p\u003e\n \u003cdiv class=\"amb-collection-cta\"\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/jardin-de-mon-grand-pere\" target=\"_blank\" style=\"text-decoration:none;\"\u003e\u003cspan class=\"amb-collection-link\"\u003e👉 Découvrir toute la gamme Jardin de mon Grand-Père\u003c\/span\u003e\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003cdiv class=\"amb-warning-box\"\u003e\n \u003cdiv class=\"amb-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"amb-warning-content\"\u003e\n \u003cp class=\"amb-warning-title\"\u003eInformations importantes\u003c\/p\u003e\n \u003cp\u003eContient du Benzyl Salicylate et de l'Isoeugenol. Peut provoquer une réaction allergique chez les personnes sensibles.\u003c\/p\u003e\n \u003cp class=\"amb-warning-ufi\"\u003eUFI : 4470-A0DM-H006-25HT\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cp class=\"amb-cta-emoji\"\u003e✨\u003c\/p\u003e\n \u003cp\u003eLaissez-vous envoûter par cette senteur mythique qui traverse les siècles et apporte à votre intérieur une atmosphère chaleureuse et raffinée, digne des plus grands parfums.\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 --amb-cream: #F5EDE0;\n --amb-white: #ffffff;\n --amb-primary: #D4A574;\n --amb-primary-dark: #B8895A;\n --amb-primary-light: #E8D4B8;\n --amb-secondary: #C4A77D;\n --amb-accent: #FF6B35;\n --amb-text: #2a2420;\n --amb-text-light: #5a5048;\n --amb-border: #e0d5c5;\n --amb-shadow: 0 4px 24px rgba(180, 137, 90, 0.12);\n --amb-shadow-lg: 0 12px 48px rgba(180, 137, 90, 0.2);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: var(--amb-text);\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4A77D 50%, #B8895A 100%);\n border-radius: var(--amb-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(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px);\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease;\n border: 2px solid rgba(255, 255, 255, 0.3);\n}\n\n.amb-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(34px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n}\n\n.amb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.amb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.amb-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.8rem;\n letter-spacing: -0.02em;\n}\n\n.amb-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === STORY BOX === *\/\n.amb-story-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border-left: 6px solid var(--amb-accent);\n}\n\n.amb-story-icon {\n font-size: clamp(48px, 8vw, 64px);\n text-align: center;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n}\n\n.amb-story-box p {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--amb-text);\n margin-bottom: 1.2rem;\n line-height: 1.8;\n}\n\n.amb-story-box p:last-child {\n margin-bottom: 0;\n}\n\n.amb-story-highlight {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(232, 212, 184, 0.5) 100%);\n padding: 1.5rem;\n border-radius: var(--amb-radius-sm);\n border-left: 4px solid var(--amb-accent);\n font-weight: 600;\n margin-top: 1.5rem !important;\n}\n\n\/* === USAGE === *\/\n.amb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n}\n\n.amb-usage-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 3.5vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.amb-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 6px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n}\n\n.amb-usage-number {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amb-accent), #ff8555);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);\n}\n\n.amb-usage-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.amb-usage-title {\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n}\n\n.amb-usage-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INFO GRID === *\/\n.amb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-info-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.amb-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--amb-primary-light);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-info-icon {\n font-size: clamp(32px, 5vw, 42px);\n margin-bottom: 0.8rem;\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));\n}\n\n.amb-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-text-light);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 0.5rem;\n}\n\n.amb-info-value {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.02em;\n}\n\n.amb-info-detail {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COLLECTION BOX === *\/\n.amb-collection-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(232, 212, 184, 0.6) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 3px solid var(--amb-primary);\n}\n\n.amb-collection-icon {\n font-size: clamp(52px, 9vw, 72px);\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.15));\n}\n\n.amb-collection-box p {\n font-size: clamp(15px, 2.3vw, 18px);\n color: var(--amb-text);\n margin-bottom: 1.2rem;\n line-height: 1.8;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.amb-collection-cta {\n margin-top: 2rem;\n}\n\n.amb-collection-link {\n display: inline-block;\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-primary) 100%);\n color: white;\n padding: 1rem 2.5rem;\n border-radius: 999px;\n font-size: clamp(15px, 2.2vw, 17px);\n font-weight: 700;\n box-shadow: 0 6px 24px rgba(184, 137, 90, 0.4);\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.amb-collection-link:hover {\n transform: translateY(-4px) scale(1.05);\n box-shadow: 0 8px 32px rgba(184, 137, 90, 0.5);\n}\n\n\/* === WARNING BOX === *\/\n.amb-warning-box {\n background: rgba(255, 245, 230, 0.8);\n border: 2px solid #f5ddb8;\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.amb-warning-icon {\n font-size: clamp(28px, 5vw, 36px);\n flex-shrink: 0;\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));\n}\n\n.amb-warning-content {\n flex: 1;\n}\n\n.amb-warning-title {\n font-size: clamp(16px, 2.4vw, 19px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.amb-warning-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amb-text-light);\n margin-bottom: 0.6rem;\n line-height: 1.6;\n}\n\n.amb-warning-content p:last-child {\n margin-bottom: 0;\n}\n\n.amb-warning-ufi {\n font-size: 12px !important;\n color: var(--amb-text-light);\n font-family: monospace;\n opacity: 0.8;\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-accent) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 6vw, 4.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 50%, white 2px, transparent 2px);\n background-size: 60px 60px;\n background-position: 0 0, 30px 30px;\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-emoji {\n font-size: clamp(48px, 8vw, 64px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(16px, 2.6vw, 20px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid,\n .amb-usage-grid,\n .amb-info-grid {\n grid-template-columns: 1fr;\n }\n\n .amb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n\n .amb-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .amb-warning-icon {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card,\n .amb-usage-card,\n .amb-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .amb-card:nth-child(1),\n .amb-usage-card:nth-child(1),\n .amb-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .amb-card:nth-child(2),\n .amb-usage-card:nth-child(2),\n .amb-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .amb-card:nth-child(3),\n .amb-usage-card:nth-child(3),\n .amb-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .amb-card:nth-child(4),\n .amb-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .amb-story-box,\n .amb-collection-box,\n .amb-warning-box {\n animation: fadeIn 0.8s ease backwards;\n animation-delay: 0.2s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-premium {\n --amb-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n --amb-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.4);\n }\n\n .amb-card,\n .amb-usage-card,\n .amb-info-card {\n border: 2px solid var(--amb-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55719753646457,"sku":"CAILLOUXAMBGR-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55719753679225,"sku":"CAILLOUXAMBGR-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55719753711993,"sku":"CAILLOUXAMBGR-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/caillou-ambre-packshot_2_11zon.jpg?v=1773147474"},{"product_id":"tyro-120-gelules-jade-recherche","title":"Tyro+ Jade Recherche - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tyro+ Jade Recherche - Complément alimentaire thyroïde\nPalette détectée:\n - Primaire: #8B4B9E (violet\/purple du logo TYRO - dominante packaging)\n - Secondaire: #F4D835 (jaune vif du fond d'étiquette)\n - Accent: #FF7F3E (orange du papillon)\n - Vert: #1a7a5c (spiruline\/algues visibles sur infographie)\nAmbiance: Santé naturelle, vitalité, transformation (papillon = métamorphose thyroïdienne), dynamique et optimiste. Mix entre énergie solaire (jaune) et bien-être profond (violet). Univers naturel\/scientifique avec ingrédients visibles.\nType: Complément alimentaire - soutien hormonal thyroïde\nStyle: Naturel\/santé\/bien-être avec touche énergique et scientifique\nPréfixe CSS: tyro\n--\u003e\n\n\u003cdiv class=\"tyro-premium\"\u003e\n \u003cdiv class=\"tyro-hero\"\u003e\n \u003cdiv class=\"tyro-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tyro-hero-content\"\u003e\n \u003cdiv class=\"tyro-badges-top\"\u003e\n \u003cspan class=\"tyro-badge\"\u003e🦋 Soutien thyroïdien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🌱 100% végétalien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tyro-hero-title\"\u003eTyro+\u003c\/span\u003e\n \u003cp class=\"tyro-subtitle\"\u003eRedonnez de l'élan à votre thyroïde\u003c\/p\u003e\n \u003cp class=\"tyro-description\"\u003eFormule synergique associant tyrosine, iode naturel, sélénium, spiruline et maca pour soutenir votre fonction thyroïdienne et retrouver énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e🔬 Composition synergique\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💜 Tyrosine 600 mg\u003c\/h3\u003e\n \u003cp\u003eAcide aminé précurseur direct des hormones T3 et T4. Production naturelle qui diminue avec l'âge, supplémentation essentielle après 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel 150 µg\u003c\/h3\u003e\n \u003cp\u003eExtrait de Fucus vesiculosus (75 mg), algue marine. Élément indispensable à la synthèse hormonale, biodisponibilité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium 70 µg\u003c\/h3\u003e\n \u003cp\u003e127% des AJR. Protège les cellules thyroïdiennes du stress oxydatif et favorise la conversion de T4 en T3 active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌀 Spiruline 170 mg\u003c\/h3\u003e\n \u003cp\u003eSuper-aliment concentré en nutriments, protéines et antioxydants. Soutient la vitalité et le tonus général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Maca 100 mg\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène péruvienne pour l'équilibre hormonal, la résistance au stress et l'énergie globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎯 Soutien hormonal ciblé\u003c\/h3\u003e\n \u003cp\u003eTous les éléments-clés pour le bon fonctionnement thyroïdien et une production hormonale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombat la fatigue, la frilosité et les troubles métaboliques liés au ralentissement thyroïdien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans additifs artificiels, sans conservateurs, sans OGM. Gélules végétales HPMC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🔬 Dosages optimaux\u003c\/h3\u003e\n \u003cp\u003e127% AJR sélénium, 100% besoins iode, dosage généreux en tyrosine pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eManque d'énergie chronique inexpliqué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e❄️ Frilosité excessive\u003c\/h3\u003e\n \u003cp\u003eMains et pieds froids en permanence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n \u003cp\u003eMalgré alimentation équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎂 Après 40 ans\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de la fonction thyroïdienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tyro-usage-box\"\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie standard\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, matin et midi, \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie renforcée\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e possible sous suivi médical selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e recommandés. Renouveler après une pause d'un mois si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eGélules végétales HPMC 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⏱️ 60 jours\u003c\/h3\u003e\n \u003cp\u003eÀ 2 gélules\/jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n \u003cp\u003e100% compatible vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🇫🇷 Qualité GMP\u003c\/h3\u003e\n \u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tyro-accordion\"\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un traitement médical prescrit (Levothyrox...). Avis médical recommandé si suivi pour trouble thyroïdien. Ne pas dépasser la dose journalière. Complément à utiliser dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux moins de 16 ans, femmes enceintes ou allaitantes (sauf avis médical). \u003cstrong\u003eNe pas associer avec la L-Dopa.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tyro-cta-box\"\u003e\n \u003cp\u003e🦋 Redonnez à votre thyroïde les nutriments essentiels dont elle a besoin. Avec \u003cstrong\u003eTyro+\u003c\/strong\u003e, retrouvez naturellement énergie, vitalité et équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tyro-cream: #faf9f7;\n --tyro-white: #ffffff;\n --tyro-primary: #8B4B9E;\n --tyro-primary-dark: #6d3a7d;\n --tyro-primary-light: #f5eef7;\n --tyro-secondary: #F4D835;\n --tyro-accent: #FF7F3E;\n --tyro-text: #1a1a1a;\n --tyro-text-light: #5a5a5a;\n --tyro-border: #e8e4e0;\n --tyro-shadow: 0 4px 24px rgba(139,75,158,.08);\n --tyro-shadow-lg: 0 12px 48px rgba(139,75,158,.15);\n --tyro-radius: 20px;\n --tyro-radius-sm: 12px;\n}\n\n.tyro-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tyro-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tyro-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tyro-primary) 0%, #9b5aae 40%, var(--tyro-secondary) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tyro-shadow-lg);\n}\n\n.tyro-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.4) 2px, transparent 2px);\n background-size: 40px 40px;\n}\n\n.tyro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tyro-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tyro-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tyro-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tyro-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tyro-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tyro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.tyro-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.tyro-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tyro-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tyro-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tyro-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tyro-primary), var(--tyro-secondary));\n border-radius: 2px;\n}\n\n.tyro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tyro-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tyro-card {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tyro-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tyro-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tyro-shadow-lg);\n border-color: var(--tyro-primary);\n}\n\n.tyro-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tyro-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-grid-compact .tyro-card {\n padding: 1rem;\n}\n\n.tyro-grid-compact .tyro-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tyro-grid-compact .tyro-card p {\n font-size: 12px;\n}\n\n.tyro-usage-box {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tyro-shadow);\n}\n\n.tyro-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--tyro-border);\n}\n\n.tyro-usage-step:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.tyro-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tyro-primary), var(--tyro-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(139,75,158,.3);\n}\n\n.tyro-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .4rem 0;\n}\n\n.tyro-step-content p {\n font-size: 14px;\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-accordion {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n box-shadow: var(--tyro-shadow);\n overflow: hidden;\n}\n\n.tyro-accordion-item {\n border-bottom: 1px solid var(--tyro-border);\n margin: 0;\n padding: 0;\n}\n\n.tyro-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tyro-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tyro-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tyro-accordion-header:hover {\n background: var(--tyro-primary-light);\n}\n\n.tyro-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tyro-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tyro-primary);\n transition: transform .2s ease;\n}\n\n.tyro-accordion-item[open] .tyro-accordion-header::after {\n content: '−';\n}\n\n.tyro-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tyro-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tyro-accordion-content p {\n margin: 0;\n}\n\n.tyro-cta-box {\n background: linear-gradient(135deg, var(--tyro-primary) 0%, var(--tyro-primary-dark) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tyro-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .tyro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tyro-grid-compact {\n gap: .625rem;\n }\n \n .tyro-grid-compact .tyro-card {\n padding: .75rem;\n }\n \n .tyro-card {\n padding: 1.125rem;\n }\n \n .tyro-section {\n margin-bottom: 1.75rem;\n }\n \n .tyro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tyro-radius-sm);\n }\n \n .tyro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tyro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tyro-usage-step {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .tyro-step-number {\n margin: 0 auto;\n }\n \n .tyro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tyro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tyro-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tyro-card:nth-child(1) { animation-delay: .05s; }\n .tyro-card:nth-child(2) { animation-delay: .1s; }\n .tyro-card:nth-child(3) { animation-delay: .15s; }\n .tyro-card:nth-child(4) { animation-delay: .2s; }\n .tyro-card:nth-child(5) { animation-delay: .25s; }\n .tyro-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tyro-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755313848477,"sku":"TYROJADE","price":25.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tyro-jade-recherche-120-gelules-packshothd.webp?v=1786010807"},{"product_id":"creme-pieds-au-neem-75-ml-ayurvana","title":"Crème Pieds au Neem - 75 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Pieds au Neem - 75 ml - AyurVana\nPalette détectée:\n - Primaire: #2B7A4B (vert forêt des feuilles de Neem et logo BIO)\n - Secondaire: #C4A035 (doré\/ocre des motifs paisley et éléments décoratifs)\n - Accent: #E85D4C (rouge terracotta des gouttes décoratives)\n - Crème: #FDF8F0 (fond crème\/ivoire du packaging)\nAmbiance: Ayurvédique, naturel\/bio, tradition indienne, artisanal raffiné, motifs paisley orientaux\nPréfixe CSS: neem\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir une crème pieds au Neem ?\"\n 2. \"Une synergie d'actifs naturels soigneusement sélectionnés\"\n 3. \"Comment utiliser cette crème pieds au Neem pour des résultats optimaux ?\"\n 4. \"Liste complète des ingrédients (INCI)\"\n 5. \"Certification et qualité de fabrication\"\n 6. \"À qui s'adresse cette crème pieds ayurvédique ?\"\n 7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"neem-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"neem-hero\"\u003e\n \u003cdiv class=\"neem-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"neem-hero-content\"\u003e\n \u003cdiv class=\"neem-badges-top\"\u003e\n \u003cspan class=\"neem-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e🍃 98% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"neem-hero-title\"\u003eCrème Pieds au Neem\u003c\/span\u003e\n \u003cp class=\"neem-subtitle\"\u003eL'authentique soin ayurvédique pour des pieds doux et apaisés\u003c\/p\u003e\n \u003cp class=\"neem-description\"\u003eFormulée avec du Neem, la \"pharmacie du village\" indienne, cette crème certifiée ECOCERT régénère, assainit et nourrit intensément les pieds les plus malmenés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003ePourquoi choisir une crème pieds au Neem ?\u003c\/h2\u003e\n \u003cp class=\"neem-section-intro\"\u003eLe \u003cstrong\u003eNeem\u003c\/strong\u003e, surnommé \"pharmacie du village\" en Inde, est utilisé depuis des millénaires dans l'Ayurvéda pour ses vertus exceptionnelles sur la peau. Contrairement aux crèmes conventionnelles, cette formule agit en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🧼 Assainit l'épiderme\u003c\/h3\u003e\n \u003cp\u003eCrée un environnement défavorable aux bactéries responsables des mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e✨ Régénère en profondeur\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cellulaire des zones abîmées comme les talons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003ePénètre même les peaux les plus sèches et crevassées pour une hydratation durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌸 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eCalme les inconforts du quotidien et laisse une sensation de bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"neem-section-intro\"\u003eLa force de cette crème ayurvédique réside dans l'association intelligente d'ingrédients aux actions complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌿 Neem bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star aux propriétés purifiantes, assainissantes et régénérantes millénaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💐 Eau florale d'Hamamélis bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés astringentes qui tonifient la peau et procurent une fraîcheur immédiate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eConcentré de nutrition qui forme un film protecteur et assouplit les zones calleuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🪨 Argile verte\u003c\/h3\u003e\n \u003cp\u003eAbsorbe naturellement l'excès de transpiration pour des pieds frais toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌵 Jus d'Aloe vera\u003c\/h3\u003e\n \u003cp\u003eVertus apaisantes et cicatrisantes reconnues pour aider la peau à se réparer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🍃 Huile essentielle de Cajeput\u003c\/h3\u003e\n \u003cp\u003ePropriétés purifiantes puissantes qui complètent l'action assainissante du Neem\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e❄️ Huile essentielle de Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eSensation de fraîcheur délicieuse sur les pieds fatigués après une longue journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌾 Extrait de réglisse\u003c\/h3\u003e\n \u003cp\u003eApaisant et adoucissant, il calme les peaux sensibles ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème pieds au Neem pour des résultats optimaux ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-timeline\"\u003e\n \u003cdiv class=\"neem-timeline-item\"\u003e\n \u003cdiv class=\"neem-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"neem-timeline-content\"\u003e\n \u003ch3\u003eApplication quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et appliquez sur pieds propres et secs, idéalement le soir avant le coucher ou après la douche. Massez en mouvements circulaires, insistez sur les talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-timeline-item\"\u003e\n \u003cdiv class=\"neem-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"neem-timeline-content\"\u003e\n \u003ch3\u003eAstuce bien-être hebdomadaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche généreuse avant de dormir et enfilez des chaussettes en coton. Au réveil, vos pieds seront incroyablement doux et régénérés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-timeline-item\"\u003e\n \u003cdiv class=\"neem-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"neem-timeline-content\"\u003e\n \u003ch3\u003eSoin intensif pieds très abîmés\u003c\/h3\u003e\n \u003cp\u003eAppliquez la crème deux fois par jour pendant les premières semaines, puis passez à une application quotidienne en entretien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"neem-inci-box\"\u003e\n \u003cp\u003eAqua, Hamamelis virginiana leaf water*, Caprylic\/capric triglyceride, Glyceryl stearate se, Montmorillonite, Glycerin, Cetearyl alcohol, Cetearyl wheat straw glycosides, Glyceryl oleate, Benzyl alcohol, Melia azadirachta leaf extract, Theobroma cacao seed butter*, Sodium benzoate, Xanthan gum, Melaleuca leucadendron cajuputi leaf oil, Mentha piperita seed oil*, Tocopherol, Helianthus annuus seed oil, Sodium dehydroacetate, Glycyrrhiza glabra root extract, Potassium sorbate, Citric acid, Aloe barbadensis leaf juice powder*, Dehydroacetic acid, Limonene, Maltodextrin, Linalool, Sodium hydroxide.\u003c\/p\u003e\n \u003cp class=\"neem-inci-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-grid-compact\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌱 98%\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌿 98%\u003c\/h3\u003e\n \u003cp\u003eIngrédients végétaux certifiés bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🏆 22%\u003c\/h3\u003e\n \u003cp\u003eTotal issu de l'agriculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e📦 75 ml\u003c\/h3\u003e\n \u003cp\u003eFormat généreux multi-semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003eCertification et qualité de fabrication\u003c\/h2\u003e\n \u003cdiv class=\"neem-certification-box\"\u003e\n \u003cdiv class=\"neem-cert-badge\"\u003e\n \u003cspan class=\"neem-cert-icon\"\u003e🏅\u003c\/span\u003e\n \u003cdiv class=\"neem-cert-text\"\u003e\n \u003cstrong\u003eECOCERT Greenlife\u003c\/strong\u003e\n \u003cspan\u003eCosmétique écologique et biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-cert-badge\"\u003e\n \u003cspan class=\"neem-cert-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cdiv class=\"neem-cert-text\"\u003e\n \u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\n \u003cspan\u003ePar AyurVana, expert en Ayurvéda\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"neem-section-intro\"\u003eCette crème répond aux exigences les plus strictes en matière de qualité et de respect de l'environnement. Le tube de 75 ml vous accompagnera pendant plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette crème pieds ayurvédique ?\u003c\/h2\u003e\n \u003cp class=\"neem-section-intro\"\u003eCette formule naturelle convient particulièrement si vous souffrez de :\u003c\/p\u003e\n \u003cdiv class=\"neem-grid-compact\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🦶 Pieds secs\u003c\/h3\u003e\n \u003cp\u003eRugueux ou déshydratés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🩹 Talons fendillés\u003c\/h3\u003e\n \u003cp\u003eOu crevassés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🔘 Callosités\u003c\/h3\u003e\n \u003cp\u003eGênantes au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💦 Transpiration\u003c\/h3\u003e\n \u003cp\u003eExcessive des pieds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e😓 Inconfort\u003c\/h3\u003e\n \u003cp\u003eFatigue des pieds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌿 Recherche naturelle\u003c\/h3\u003e\n \u003cp\u003eAlternative bio aux crèmes classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"neem-accordion\"\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eDu fait de la présence d'huiles essentielles, cette crème est déconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les propriétés des actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"neem-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --neem-cream: #FDF8F0;\n --neem-white: #ffffff;\n --neem-primary: #2B7A4B;\n --neem-primary-dark: #1E5C38;\n --neem-primary-light: #E8F5ED;\n --neem-secondary: #C4A035;\n --neem-accent: #E85D4C;\n\n \/* Textes *\/\n --neem-text: #1a1a1a;\n --neem-text-light: #5a5a5a;\n\n \/* Effets *\/\n --neem-border: #e0e0e0;\n --neem-shadow: 0 4px 24px rgba(0,0,0,.08);\n --neem-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --neem-radius: 20px;\n --neem-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.neem-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--neem-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.neem-hero {\n position: relative;\n background: linear-gradient(135deg, #2B7A4B 0%, #1E5C38 50%, #C4A035 100%);\n border-radius: var(--neem-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(--neem-shadow-lg);\n}\n\n.neem-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.5 5-7.5 8-12.5 8S7.5 10 5 5c2.5 5 2.5 12.5 0 17.5 2.5-2.5 7.5-2.5 12.5 0s7.5 7.5 12.5 7.5 7.5-5 12.5-7.5 10-2.5 12.5 0c-2.5-5-2.5-12.5 0-17.5-2.5 5-7.5 8-12.5 8S32.5 10 30 5z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.neem-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.neem-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.neem-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.neem-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.neem-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.neem-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(--neem-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.neem-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.neem-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.neem-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--neem-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.neem-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(--neem-primary), var(--neem-secondary));\n border-radius: 2px;\n}\n\n.neem-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--neem-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.neem-section-intro strong {\n color: var(--neem-primary-dark);\n}\n\n\/* === CARDS === *\/\n.neem-card {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--neem-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.neem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--neem-shadow-lg);\n border-color: var(--neem-primary);\n}\n\n.neem-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--neem-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.neem-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--neem-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.neem-grid-compact .neem-card {\n padding: 1rem;\n}\n\n.neem-grid-compact .neem-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.neem-grid-compact .neem-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.neem-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.neem-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.neem-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--neem-primary), var(--neem-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.neem-timeline-content {\n flex: 1;\n background: var(--neem-white);\n padding: 1rem 1.25rem;\n border-radius: var(--neem-radius-sm);\n box-shadow: var(--neem-shadow);\n}\n\n.neem-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--neem-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.neem-timeline-content p {\n font-size: 14px;\n color: var(--neem-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.neem-inci-box {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--neem-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--neem-secondary);\n}\n\n.neem-inci-box p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--neem-text-light);\n line-height: 1.8;\n margin: 0;\n word-break: break-word;\n}\n\n.neem-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n color: var(--neem-primary) !important;\n}\n\n\/* === CERTIFICATION BOX === *\/\n.neem-certification-box {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.neem-cert-badge {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--neem-shadow);\n flex: 1;\n min-width: 260px;\n max-width: 400px;\n border: 2px solid var(--neem-primary-light);\n transition: all .3s ease;\n}\n\n.neem-cert-badge:hover {\n border-color: var(--neem-primary);\n transform: translateY(-4px);\n}\n\n.neem-cert-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.neem-cert-text {\n display: flex;\n flex-direction: column;\n}\n\n.neem-cert-text strong {\n font-size: 16px;\n color: var(--neem-primary-dark);\n margin-bottom: 2px;\n}\n\n.neem-cert-text span {\n font-size: 13px;\n color: var(--neem-text-light);\n}\n\n\/* === ACCORDÉON === *\/\n.neem-accordion {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n box-shadow: var(--neem-shadow);\n overflow: hidden;\n}\n\n.neem-accordion-item {\n border-bottom: 1px solid var(--neem-border);\n margin: 0;\n padding: 0;\n}\n\n.neem-accordion-item:last-child {\n border-bottom: none;\n}\n\n.neem-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--neem-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.neem-accordion-header:hover {\n background: var(--neem-primary-light);\n}\n\n.neem-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.neem-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--neem-primary);\n transition: transform .2s ease;\n}\n\n.neem-accordion-item[open] .neem-accordion-header::after {\n content: '−';\n}\n\n.neem-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--neem-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.neem-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.neem-disclaimer {\n font-size: 12px;\n color: var(--neem-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .neem-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .neem-card {\n padding: 1.125rem;\n }\n \n .neem-section {\n margin-bottom: 1.75rem;\n }\n \n .neem-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--neem-radius-sm);\n }\n \n .neem-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .neem-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .neem-grid-compact {\n gap: .625rem;\n }\n \n .neem-grid-compact .neem-card {\n padding: .75rem;\n }\n \n .neem-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .neem-timeline-content {\n padding: .875rem 1rem;\n }\n \n .neem-timeline-content h3 {\n font-size: 14px;\n }\n \n .neem-timeline-content p {\n font-size: 13px;\n }\n \n .neem-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .neem-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .neem-inci-box {\n padding: 1rem;\n }\n \n .neem-cert-badge {\n min-width: 100%;\n padding: 1rem;\n }\n \n .neem-cert-icon {\n font-size: 28px;\n }\n \n .neem-cert-text strong {\n font-size: 14px;\n }\n \n .neem-certification-box {\n flex-direction: column;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .neem-card {\n animation: fadeInUp .5s ease backwards;\n }\n .neem-card:nth-child(1) { animation-delay: .05s; }\n .neem-card:nth-child(2) { animation-delay: .1s; }\n .neem-card:nth-child(3) { animation-delay: .15s; }\n .neem-card:nth-child(4) { animation-delay: .2s; }\n .neem-card:nth-child(5) { animation-delay: .25s; }\n .neem-card:nth-child(6) { animation-delay: .3s; }\n .neem-card:nth-child(7) { animation-delay: .35s; }\n .neem-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 .neem-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755319550109,"sku":"AY9950","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-pieds-au-neem-75-ml-ay9107x-977610.jpg?v=1732720118"},{"product_id":"digilance-prenez-soin-de-vos-intestins-pot-de-200-g-jade-recherche","title":"Digilance - Complément en poudre pour Digestion \u0026 Intestin - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Digilance - Complément digestif en poudre\nPalette détectée:\n - Primaire: #C41E3A (rouge vif du bandeau packaging)\n - Secondaire: #4A7C59 (vert naturel des ingrédients - aloe, spiruline)\n - Accent: #5B8BD4 (bleu de la goutte du logo)\n - Tertiaire: #F4A460 (orange curcuma)\nAmbiance: Naturel\/santé, clean, scientifique mais accessible, ingrédients végétaux mis en avant\nPréfixe CSS: dgl\n--\u003e\n\n\u003cdiv class=\"dgl-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dgl-hero\"\u003e\n \u003cdiv class=\"dgl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dgl-hero-content\"\u003e\n \u003cdiv class=\"dgl-badges-top\"\u003e\n \u003cspan class=\"dgl-badge\"\u003e💪 L-Glutamine 3200mg\u003c\/span\u003e\n \u003cspan class=\"dgl-badge\"\u003e🌿 5 actifs naturels\u003c\/span\u003e\n \u003cspan class=\"dgl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dgl-hero-title\"\u003eDigilance\u003c\/span\u003e\n \u003cp class=\"dgl-subtitle\"\u003ePrenez soin de vos intestins\u003c\/p\u003e\n \u003cp class=\"dgl-description\"\u003eFormule synergique pour le \u003cstrong\u003econfort digestif\u003c\/strong\u003e, la protection de la \u003cstrong\u003emuqueuse intestinale\u003c\/strong\u003e et l'équilibre du \u003cstrong\u003emicrobiote\u003c\/strong\u003e. 5 actifs naturels concentrés dans une poudre facile à diluer.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e🛡️ Les 3 piliers de votre confort digestif\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid\"\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🛡️ Muqueuse protégée\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003eL-Glutamine (3200 mg)\u003c\/strong\u003e contribue à l'intégrité de la paroi intestinale et participe à l'équilibre acido-basique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌿 Microbiote équilibré\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003emyrtille, aloe vera, curcuma et spiruline\u003c\/strong\u003e pour un confort digestif optimal et une flore intestinale soutenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e⚡ Réponse aux carences\u003c\/h3\u003e\n \u003cp\u003eStress, maladie, effort intense : l'organisme peut manquer de glutamine, favorisant une \u003cstrong\u003eperméabilité intestinale\u003c\/strong\u003e excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e🧬 5 actifs naturels dosés avec précision\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid\"\u003e\n \u003cdiv class=\"dgl-card dgl-card-featured\"\u003e\n \u003ch3\u003e💪 L-Glutamine\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e3 200 mg \/ dose\u003c\/span\u003e\n \u003cp\u003eActif majeur pour la \u003cstrong\u003ebarrière digestive\u003c\/strong\u003e. Protège et restaure la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🫐 Myrtille\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003eRiche en \u003cstrong\u003epolyphénols\u003c\/strong\u003e, soutient l'équilibre de la flore et les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003eEffet \u003cstrong\u003eapaisant\u003c\/strong\u003e reconnu sur le tube digestif et action favorable sur l'inflammation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌟 Curcuma longa\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAntioxydant puissant\u003c\/strong\u003e, contribue au bon fonctionnement digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌀 Spiruline platensis\u003c\/h3\u003e\n \u003cspan class=\"dgl-dose\"\u003e200 mg\u003c\/span\u003e\n \u003cp\u003eMicro-algue riche en \u003cstrong\u003enutriments et chlorophylle\u003c\/strong\u003e pour la vitalité globale.\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=\"dgl-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi simple\u003c\/h2\u003e\n \u003cdiv class=\"dgl-steps\"\u003e\n \u003cdiv class=\"dgl-step\"\u003e\n \u003cdiv class=\"dgl-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dgl-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 cuillères à café rases\u003c\/strong\u003e (≈ 4 g de poudre)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-step\"\u003e\n \u003cdiv class=\"dgl-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dgl-step-content\"\u003e\n \u003ch3\u003eDiluez\u003c\/h3\u003e\n \u003cp\u003eDans un \u003cstrong\u003everre d'eau\u003c\/strong\u003e à température ambiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-step\"\u003e\n \u003cdiv class=\"dgl-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dgl-step-content\"\u003e\n \u003ch3\u003eConsommez\u003c\/h3\u003e\n \u003cp\u003eLe soir, \u003cstrong\u003een dehors des repas\u003c\/strong\u003e pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-cure-box\"\u003e\n \u003cp\u003e⏱️ \u003cstrong\u003eCure recommandée : 1 à 3 mois\u003c\/strong\u003e — La régularité est clé pour un bénéfice durable sur la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e👥 Pour qui est Digilance ?\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid\"\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eTroubles digestifs liés au stress et à l'anxiété quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🤢 Inconforts digestifs\u003c\/h3\u003e\n \u003cp\u003eVentre gonflé, ballonnements, reflux, transit perturbé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e💪 Sportifs intensifs\u003c\/h3\u003e\n \u003cp\u003eEfforts extrêmes épuisant les réserves de glutamine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🌿 Muqueuse fragilisée\u003c\/h3\u003e\n \u003cp\u003ePerméabilité intestinale, barrière digestive affaiblie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TIMELINE EFFETS --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📅 Quand ressentir les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"dgl-timeline\"\u003e\n \u003cdiv class=\"dgl-timeline-item\"\u003e\n \u003cdiv class=\"dgl-timeline-marker\"\u003e1-2 sem.\u003c\/div\u003e\n \u003cp\u003ePremiers signaux de \u003cstrong\u003econfort digestif\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-timeline-item\"\u003e\n \u003cdiv class=\"dgl-timeline-marker\"\u003e4-6 sem.\u003c\/div\u003e\n \u003cp\u003eSoutien visible de la \u003cstrong\u003emuqueuse intestinale\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-timeline-item\"\u003e\n \u003cdiv class=\"dgl-timeline-marker\"\u003e3 mois\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eÉquilibre durable\u003c\/strong\u003e du système digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dgl-grid-compact\"\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003ePot de 200 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e≈ 50 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dgl-card\"\u003e\n \u003ch3\u003e🧪 Qualité\u003c\/h3\u003e\n \u003cp\u003eLots contrôlés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"dgl-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"dgl-accordion\"\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé à l'adulte.\u003c\/strong\u003e À utiliser dans le cadre d'une alimentation variée et d'un mode de vie sain. Respecter la dose conseillée (2 cuillères à café\/jour). Possibles sensibilités individuelles (ballonnements, selles molles) ou allergies (spiruline, aloe vera).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé pendant la grossesse et l'allaitement\u003c\/strong\u003e sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer le pot après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dgl-accordion-item\"\u003e\n \u003csummary class=\"dgl-accordion-header\"\u003e🏭 Fabrication Jade Recherche\u003c\/summary\u003e\n \u003cdiv class=\"dgl-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDigilance\u003c\/strong\u003e est fabriqué en France par Jade Recherche, un laboratoire engagé : sélection stricte des ingrédients, pureté maximale, contrôles rigoureux de chaque lot, analyses disponibles sur demande.\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=\"dgl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dgl-cta-box\"\u003e\n \u003cp\u003e🌿 Retrouvez une \u003cstrong\u003emuqueuse intestinale équilibrée\u003c\/strong\u003e grâce à la synergie unique de 5 actifs naturels. \u003cstrong\u003eEt l'intestin vous dit merci !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES DIGILANCE === *\/\n:root {\n --dgl-cream: #FDFBF8;\n --dgl-white: #ffffff;\n --dgl-primary: #C41E3A;\n --dgl-primary-dark: #9B1830;\n --dgl-primary-light: #FDF0F2;\n --dgl-secondary: #4A7C59;\n --dgl-secondary-light: #E8F5EC;\n --dgl-accent: #5B8BD4;\n --dgl-text: #1a1a1a;\n --dgl-text-light: #5a5a5a;\n --dgl-border: #e8e4df;\n --dgl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dgl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dgl-radius: 20px;\n --dgl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dgl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dgl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dgl-hero {\n position: relative;\n background: linear-gradient(135deg, #C41E3A 0%, #9B1830 50%, #7A1426 100%);\n border-radius: var(--dgl-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(--dgl-shadow-lg);\n}\n\n.dgl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(74,124,89,.4) 0%, transparent 40%);\n}\n\n.dgl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dgl-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.dgl-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(--dgl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dgl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dgl-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.dgl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.dgl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 800px;\n}\n\n.dgl-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.dgl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dgl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dgl-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.dgl-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(--dgl-primary), var(--dgl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.dgl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dgl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.dgl-card {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dgl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dgl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dgl-shadow-lg);\n border-color: var(--dgl-primary);\n}\n\n.dgl-card-featured {\n background: linear-gradient(135deg, var(--dgl-primary-light) 0%, var(--dgl-white) 100%);\n border: 2px solid var(--dgl-primary);\n}\n\n.dgl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dgl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dgl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dgl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dgl-card strong {\n color: var(--dgl-text);\n}\n\n.dgl-dose {\n display: inline-block;\n background: var(--dgl-secondary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dgl-grid-compact .dgl-card {\n padding: 1rem;\n}\n\n.dgl-grid-compact .dgl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dgl-grid-compact .dgl-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.dgl-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.dgl-step {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n padding: 1.5rem;\n box-shadow: var(--dgl-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 4px solid var(--dgl-primary);\n transition: all .3s ease;\n}\n\n.dgl-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--dgl-shadow-lg);\n}\n\n.dgl-step-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dgl-primary) 0%, var(--dgl-primary-dark) 100%);\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: grid;\n place-items: center;\n flex-shrink: 0;\n}\n\n.dgl-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--dgl-text);\n margin: 0 0 .25rem 0;\n}\n\n.dgl-step-content p {\n font-size: 14px;\n color: var(--dgl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dgl-step-content strong {\n color: var(--dgl-primary-dark);\n}\n\n\/* === CURE BOX === *\/\n.dgl-cure-box {\n background: var(--dgl-secondary-light);\n border: 2px solid var(--dgl-secondary);\n border-radius: var(--dgl-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.dgl-cure-box p {\n font-size: 15px;\n color: var(--dgl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dgl-cure-box strong {\n color: var(--dgl-secondary);\n}\n\n\/* === TIMELINE === *\/\n.dgl-timeline {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.dgl-timeline-item {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n padding: 1.5rem;\n box-shadow: var(--dgl-shadow);\n text-align: center;\n flex: 1;\n min-width: 180px;\n max-width: 280px;\n border-top: 4px solid var(--dgl-primary);\n transition: all .3s ease;\n}\n\n.dgl-timeline-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--dgl-shadow-lg);\n}\n\n.dgl-timeline-marker {\n display: inline-block;\n background: linear-gradient(135deg, var(--dgl-primary) 0%, var(--dgl-primary-dark) 100%);\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 6px 14px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.dgl-timeline-item p {\n font-size: 14px;\n color: var(--dgl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dgl-timeline-item strong {\n color: var(--dgl-text);\n}\n\n\/* === ACCORDÉON === *\/\n.dgl-accordion {\n background: var(--dgl-white);\n border-radius: var(--dgl-radius);\n box-shadow: var(--dgl-shadow);\n overflow: hidden;\n}\n\n.dgl-accordion-item {\n border-bottom: 1px solid var(--dgl-border);\n margin: 0;\n padding: 0;\n}\n\n.dgl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dgl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dgl-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.dgl-accordion-header:hover {\n background: var(--dgl-primary-light);\n}\n\n.dgl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dgl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dgl-primary);\n transition: transform .2s ease;\n}\n\n.dgl-accordion-item[open] .dgl-accordion-header::after {\n content: '−';\n}\n\n.dgl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dgl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.dgl-accordion-content p {\n margin: 0;\n}\n\n.dgl-accordion-content strong {\n color: var(--dgl-text);\n}\n\n\/* === CTA BOX === *\/\n.dgl-cta-box {\n background: linear-gradient(135deg, var(--dgl-secondary) 0%, #3d6a4a 100%);\n border-radius: var(--dgl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dgl-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.dgl-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.dgl-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dgl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .dgl-grid-compact {\n gap: .625rem;\n }\n \n .dgl-grid-compact .dgl-card {\n padding: .75rem;\n }\n \n .dgl-card {\n padding: 1.125rem;\n }\n \n .dgl-section {\n margin-bottom: 1.75rem;\n }\n \n .dgl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dgl-radius-sm);\n }\n \n .dgl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .dgl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .dgl-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .dgl-step {\n padding: 1.25rem;\n }\n \n .dgl-timeline {\n flex-direction: column;\n align-items: center;\n }\n \n .dgl-timeline-item {\n max-width: 100%;\n width: 100%;\n }\n \n .dgl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .dgl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dgl-card,\n .dgl-step,\n .dgl-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .dgl-card:nth-child(1), .dgl-step:nth-child(1), .dgl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .dgl-card:nth-child(2), .dgl-step:nth-child(2), .dgl-timeline-item:nth-child(2) { animation-delay: .1s; }\n .dgl-card:nth-child(3), .dgl-step:nth-child(3), .dgl-timeline-item:nth-child(3) { animation-delay: .15s; }\n .dgl-card:nth-child(4) { animation-delay: .2s; }\n .dgl-card:nth-child(5) { animation-delay: .25s; }\n .dgl-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 .dgl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45819147714717,"sku":"DIGILANCE-1","price":31.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/digilance_jade-recherche_11zon.jpg?v=1766656644"},{"product_id":"alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-recherche","title":"Alpha R Lipoïque Vitamine C Liposomale - 60 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Alpha R Lipoïque Vitamine C Liposomale\nPalette détectée:\n - Primaire: #E86A33 (orange vif du packaging - dynamisme, énergie, vitalité)\n - Secondaire: #1A8B6D (vert jade\/teal de la bande - naturel, santé, recherche)\n - Accent: #F5A623 (orange doré pour highlights)\nAmbiance: Scientifique\/naturel, laboratoire français, efficacité prouvée, vitalité\nPréfixe CSS: alr\n--\u003e\n\n\u003cdiv class=\"alr-premium\"\u003e\n \n \u003cdiv class=\"alr-hero\"\u003e\n \u003cdiv class=\"alr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alr-hero-content\"\u003e\n \u003cdiv class=\"alr-badges-top\"\u003e\n \u003cspan class=\"alr-badge\"\u003e🔬 Formule synergique\u003c\/span\u003e\n \u003cspan class=\"alr-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n \u003cspan class=\"alr-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alr-hero-title\"\u003eAlpha R Lipoïque + Vitamine C Liposomale\u003c\/span\u003e\n \u003cp class=\"alr-subtitle\"\u003eLe duo antioxydant à action prolongée\u003c\/p\u003e\n \u003cp class=\"alr-description\"\u003e560 mg d'acide R-alpha lipoïque + 272 mg de vitamine C liposomale par dose.\u003cbr\u003eUne synergie unique qui régénère et multiplie la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e🧬 Pourquoi cette synergie est unique\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e♻️ Régénération continue\u003c\/h3\u003e\n \u003cp\u003eL'acide R-alpha lipoïque \"rajeunit\" la vitamine C oxydée, lui permettant de reprendre son rôle protecteur. Une action antioxydante prolongée et amplifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e💧 Double solubilité\u003c\/h3\u003e\n \u003cp\u003eContrairement aux autres antioxydants, l'acide alpha lipoïque est à la fois hydrosoluble et liposoluble. Il protège tous les compartiments cellulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🎯 Absorption optimisée\u003c\/h3\u003e\n \u003cp\u003eLa forme liposomale encapsule la vitamine C dans des phospholipides, la protégeant de la dégradation digestive pour une biodisponibilité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire renforcée\u003c\/h3\u003e\n \u003cp\u003eLa synergie vitamine C + alpha lipoïque multiplie l'efficacité contre les radicaux libres et le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🦠 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C aide à diminuer la fatigue et à maintenir votre énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🔄 Régénère les antioxydants\u003c\/h3\u003e\n \u003cp\u003eL'acide alpha lipoïque recycle également la vitamine E et le glutathion pour une protection globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🧹 Chélation des métaux\u003c\/h3\u003e\n \u003cp\u003eL'acide alpha lipoïque aide à piéger certains métaux lourds indésirables présents dans l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre métabolique\u003c\/h3\u003e\n \u003cp\u003eSoutient le métabolisme énergétique cellulaire et participe à la gestion de la glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e🧪 Composition par dose (2 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n \u003ch3\u003e🔶 Acide R-alpha lipoïque\u003c\/h3\u003e\n \u003cp class=\"alr-dosage\"\u003e560 mg\u003c\/p\u003e\n \u003cp\u003eForme naturelle (R) reconnue et mieux utilisée par vos cellules que la forme synthétique (S).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card alr-card-highlight\"\u003e\n \u003ch3\u003e🍊 Vitamine C liposomale\u003c\/h3\u003e\n \u003cp class=\"alr-dosage\"\u003e272 mg\u003c\/p\u003e\n \u003cp\u003eEncapsulée dans des liposomes pour une absorption optimale et une excellente tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🌱 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'origine végétale, convient aux végétariens. Anti-agglomérant : stéarate de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"alr-grid\"\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n \u003cp\u003eLe sport intensif génère du stress oxydatif. Cette formule aide à récupérer et protéger vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🏙️ Citadins exposés\u003c\/h3\u003e\n \u003cp\u003ePollution, stress chronique, rythme de vie intense : renforcez vos défenses antioxydantes naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e😴 En manque d'énergie\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à réduire la fatigue et retrouver votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-card\"\u003e\n \u003ch3\u003e🎯 Exigeants sur la qualité\u003c\/h3\u003e\n \u003cp\u003eVous voulez une formule à haute biodisponibilité avec des actifs sélectionnés et bien dosés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"alr-usage-box\"\u003e\n \u003cdiv class=\"alr-usage-step\"\u003e\n \u003cspan class=\"alr-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDosage\u003c\/strong\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-usage-step\"\u003e\n \u003cspan class=\"alr-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMoment idéal\u003c\/strong\u003e\n \u003cp\u003eLe matin, avant ou pendant le petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alr-usage-step\"\u003e\n \u003cspan class=\"alr-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurée\u003c\/strong\u003e\n \u003cp\u003e1 flacon = 30 jours d'utilisation (cure d'1 mois)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\"\u003e\n \u003ch2\u003eℹ️ Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"alr-accordion\"\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Refermez bien après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\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 et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e💊 Si vous êtes diabétique\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eL'acide alpha lipoïque peut influencer la glycémie. Si vous êtes diabétique sous traitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alr-accordion-item\"\u003e\n \u003csummary class=\"alr-accordion-header\"\u003e🏭 Qualité Jade Recherche\u003c\/summary\u003e\n \u003cdiv class=\"alr-accordion-content\"\u003e\n \u003cp\u003eJade Recherche est un laboratoire français spécialisé dans les compléments alimentaires naturels de haute qualité. Chaque formule est élaborée avec rigueur pour vous offrir des actifs soigneusement sélectionnés et des dosages optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alr-cta-box\"\u003e\n \u003cp\u003e🔬 \u003cstrong\u003eUne formule scientifiquement pensée\u003c\/strong\u003e pour une protection antioxydante complète.\u003cbr\u003eL'acide R-alpha lipoïque régénère votre vitamine C pour une action prolongée, dans tous les compartiments cellulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alr-cream: #FDF8F3;\n --alr-white: #ffffff;\n --alr-primary: #E86A33;\n --alr-primary-dark: #C65528;\n --alr-primary-light: #FFF0E8;\n --alr-secondary: #1A8B6D;\n --alr-secondary-light: #E8F5F1;\n --alr-accent: #F5A623;\n --alr-text: #1a1a1a;\n --alr-text-light: #5a5a5a;\n --alr-border: #e0e0e0;\n --alr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alr-radius: 20px;\n --alr-radius-sm: 12px;\n}\n\n.alr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.alr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--alr-primary) 0%, var(--alr-primary-dark) 40%, var(--alr-secondary) 100%);\n border-radius: var(--alr-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(--alr-shadow-lg);\n}\n\n.alr-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.alr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.alr-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(--alr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alr-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.alr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.alr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alr-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.alr-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(--alr-primary), var(--alr-secondary));\n border-radius: 2px;\n}\n\n.alr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alr-card {\n background: var(--alr-white);\n border-radius: var(--alr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alr-shadow-lg);\n border-color: var(--alr-primary);\n}\n\n.alr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alr-card-highlight {\n background: linear-gradient(135deg, var(--alr-primary-light) 0%, var(--alr-white) 100%);\n border: 2px solid var(--alr-primary);\n}\n\n.alr-card-highlight:hover {\n border-color: var(--alr-primary-dark);\n}\n\n.alr-dosage {\n font-size: clamp(28px, 5vw, 40px) !important;\n font-weight: 900 !important;\n color: var(--alr-primary) !important;\n margin: .5rem 0 !important;\n letter-spacing: -.02em;\n}\n\n.alr-usage-box {\n background: var(--alr-white);\n border-radius: var(--alr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alr-shadow);\n}\n\n.alr-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--alr-border);\n}\n\n.alr-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.alr-usage-step:first-child {\n padding-top: 0;\n}\n\n.alr-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alr-primary), var(--alr-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}\n\n.alr-usage-step strong {\n display: block;\n color: var(--alr-primary-dark);\n font-size: 16px;\n margin-bottom: .25rem;\n}\n\n.alr-usage-step p {\n margin: 0;\n color: var(--alr-text-light);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.alr-accordion {\n background: var(--alr-white);\n border-radius: var(--alr-radius);\n box-shadow: var(--alr-shadow);\n overflow: hidden;\n}\n\n.alr-accordion-item {\n border-bottom: 1px solid var(--alr-border);\n margin: 0;\n padding: 0;\n}\n\n.alr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alr-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.alr-accordion-header:hover {\n background: var(--alr-primary-light);\n}\n\n.alr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alr-primary);\n transition: transform .2s ease;\n}\n\n.alr-accordion-item[open] .alr-accordion-header::after {\n content: '−';\n}\n\n.alr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.alr-accordion-content p {\n margin: 0;\n}\n\n.alr-cta-box {\n background: linear-gradient(135deg, var(--alr-secondary) 0%, #147A5E 100%);\n border-radius: var(--alr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alr-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.alr-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.alr-cta-box strong {\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .alr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alr-card {\n padding: 1.125rem;\n }\n \n .alr-section {\n margin-bottom: 1.75rem;\n }\n \n .alr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alr-radius-sm);\n }\n \n .alr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alr-badges-top {\n gap: 8px;\n }\n \n .alr-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .alr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alr-usage-box {\n padding: 1.25rem;\n }\n \n .alr-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alr-card:nth-child(1) { animation-delay: .05s; }\n .alr-card:nth-child(2) { animation-delay: .1s; }\n .alr-card:nth-child(3) { animation-delay: .15s; }\n .alr-card:nth-child(4) { animation-delay: .2s; }\n .alr-card:nth-child(5) { animation-delay: .25s; }\n .alr-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 .alr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755329347741,"sku":"JADEALPHAR60","price":36.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/alpha-r-lipoique-vitamine-c-liposomale-60-gelules-jade-reche-packshothd.webp?v=1786012490"},{"product_id":"coleus-elimination-des-graisses-60-gelules-vegetales-ayurvana","title":"Coleus forskohlii (Forskoline) Ayur-Vana - 60 gélules - Brûleur de Graisses naturel","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Coleus forskohlii (Forskoline) Ayur-Vana\nPalette détectée:\n - Primaire: #7CB342 (vert sauge clair du packaging)\n - Secondaire: #4A6741 (vert foncé du texte \"Coleus\")\n - Accent: #F5E6C8 (beige crème de l'étiquette)\n - Tertiaire: #1565C0 (bleu du logo Ayur-Vana)\nAmbiance: Naturel\/Ayurvédique, végétal, bien-être holistique, formule clean\nPréfixe CSS: col\n--\u003e\n\n\u003cdiv class=\"col-premium\"\u003e\n \n \u003cdiv class=\"col-hero\"\u003e\n \u003cdiv class=\"col-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"col-hero-content\"\u003e\n \u003cdiv class=\"col-badges-top\"\u003e\n \u003cspan class=\"col-badge\"\u003e🌿 100% végan\u003c\/span\u003e\n \u003cspan class=\"col-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"col-badge\"\u003e🔥 10% forskoline\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"col-hero-title\"\u003eColeus forskohlii\u003c\/span\u003e\n \u003cp class=\"col-subtitle\"\u003eBrûleur de graisses naturel d'inspiration ayurvédique\u003c\/p\u003e\n \u003cp class=\"col-description\"\u003eActivez votre métabolisme et favorisez l'élimination des graisses grâce à la puissance de la forskoline, un actif unique issu de la médecine traditionnelle indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du Coleus forskohlii\u003c\/h2\u003e\n \u003cdiv class=\"col-grid\"\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🔥 Active la lipolyse\u003c\/h3\u003e\n \u003cp\u003eStimule l'adénylate cyclase et augmente l'AMPc, déclenchant la dégradation des graisses stockées pour les transformer en énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🛡️ Prévient l'accumulation\u003c\/h3\u003e\n \u003cp\u003eEn maintenant un niveau élevé d'AMPc, la forskoline limite la formation de nouvelles réserves graisseuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e💪 Préserve les muscles\u003c\/h3\u003e\n \u003cp\u003eAction ciblée sur les adipocytes permettant de perdre du gras tout en conservant votre masse musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003ePropriétés vasodilatatrices contribuant à une meilleure circulation sanguine et au maintien d'une tension normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e⚡ Booste le métabolisme\u003c\/h3\u003e\n \u003cp\u003eAccélère naturellement la dépense énergétique de l'organisme pour une combustion optimale des calories.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eExtrait de racine de Coleus forskohlii, une plante utilisée depuis des siècles en médecine ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e🧪 Composition par gélule\u003c\/h2\u003e\n \u003cdiv class=\"col-grid\"\u003e\n \u003cdiv class=\"col-card col-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Extrait de racine de Coleus\u003c\/h3\u003e\n \u003cp class=\"col-dosage\"\u003e300 mg\u003c\/p\u003e\n \u003cp\u003eExtrait concentré de haute qualité issu des pentes montagneuses d'Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card col-card-ingredient\"\u003e\n \u003ch3\u003e⚗️ Forskoline pure\u003c\/h3\u003e\n \u003cp class=\"col-dosage\"\u003e30 mg (titrage 10%)\u003c\/p\u003e\n \u003cp\u003eDiterpène unique dans le règne végétal, actif clé pour la lipolyse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card col-card-ingredient\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp class=\"col-dosage\"\u003eHypromellose\u003c\/p\u003e\n \u003cp\u003eEnveloppe 100% végétale, adaptée aux régimes végan et végétarien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-clean-label\"\u003e\n \u003cspan\u003e❌ Sans OGM\u003c\/span\u003e\n \u003cspan\u003e❌ Sans gluten\u003c\/span\u003e\n \u003cspan\u003e❌ Sans lactose\u003c\/span\u003e\n \u003cspan\u003e❌ Sans additif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"col-usage-grid\"\u003e\n \u003cdiv class=\"col-usage-card\"\u003e\n \u003cdiv class=\"col-usage-badge\"\u003eCure d'attaque\u003c\/div\u003e\n \u003ch3\u003e🚀 20 jours intensifs\u003c\/h3\u003e\n \u003cp class=\"col-usage-dose\"\u003e3 gélules\/jour\u003c\/p\u003e\n \u003cp\u003e1 gélule avant chaque repas principal (petit-déjeuner, déjeuner, dîner) avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-usage-card\"\u003e\n \u003cdiv class=\"col-usage-badge col-usage-badge-alt\"\u003eCure d'entretien\u003c\/div\u003e\n \u003ch3\u003e🌿 60 jours de maintien\u003c\/h3\u003e\n \u003cp class=\"col-usage-dose\"\u003e1 gélule\/jour\u003c\/p\u003e\n \u003cp\u003e1 gélule avant votre repas principal pour maintenir les résultats obtenus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"col-usage-tip\"\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Pour des résultats durables, une cure de 12 semaines est conseillée, associée à une alimentation équilibrée et une activité physique régulière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"col-grid\"\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🎯 Objectif minceur\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez perdre du poids de manière naturelle et ciblée, notamment au niveau de la ceinture abdominale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à optimiser votre composition corporelle tout en préservant votre masse musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions issues de la tradition ayurvédique et des plantes médicinales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🥗 Régimes végétariens\u003c\/h3\u003e\n \u003cp\u003eFormule 100% végan, sans ingrédient d'origine animale, parfaite pour tous les modes alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e📈 À quoi s'attendre ?\u003c\/h2\u003e\n \u003cdiv class=\"col-timeline\"\u003e\n \u003cdiv class=\"col-timeline-item\"\u003e\n \u003cdiv class=\"col-timeline-marker\"\u003e2-3\u003c\/div\u003e\n \u003cdiv class=\"col-timeline-content\"\u003e\n \u003ch3\u003eSemaines 2-3\u003c\/h3\u003e\n \u003cp\u003eSensation de légèreté et réduction progressive des envies de grignotage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-timeline-item\"\u003e\n \u003cdiv class=\"col-timeline-marker\"\u003e4-6\u003c\/div\u003e\n \u003cdiv class=\"col-timeline-content\"\u003e\n \u003ch3\u003eSemaines 4-6\u003c\/h3\u003e\n \u003cp\u003ePremiers résultats visibles sur la silhouette, notamment au niveau abdominal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-timeline-item\"\u003e\n \u003cdiv class=\"col-timeline-marker\"\u003e8-12\u003c\/div\u003e\n \u003cdiv class=\"col-timeline-content\"\u003e\n \u003ch3\u003eSemaines 8-12\u003c\/h3\u003e\n \u003cp\u003eAmélioration globale de la composition corporelle : perte de masse grasse et maintien musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e✨ Les conseils pour maximiser les résultats\u003c\/h2\u003e\n \u003cdiv class=\"col-grid-compact\"\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e💧 Hydratation\u003c\/h3\u003e\n \u003cp\u003eMinimum 1,5L d'eau par jour pour éliminer les toxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n \u003cp\u003ePréservez votre masse musculaire pendant la perte de poids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e🚶 Activité\u003c\/h3\u003e\n \u003cp\u003e30 min de marche quotidienne amplifient les effets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"col-card\"\u003e\n \u003ch3\u003e⏳ Patience\u003c\/h3\u003e\n \u003cp\u003eLes meilleurs résultats s'observent sur le long terme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"col-accordion\"\u003e\n \u003cdetails class=\"col-accordion-item\"\u003e\n \u003csummary class=\"col-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"col-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes, aux personnes souffrant de troubles thyroïdiens non stabilisés, et aux personnes sous traitement cardiovasculaire sans avis médical. En cas de prise d'anticoagulants ou de médicaments contre l'hypertension, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"col-accordion-item\"\u003e\n \u003csummary class=\"col-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"col-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des jeunes enfants. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"col-accordion-item\"\u003e\n \u003csummary class=\"col-accordion-header\"\u003e🌿 Origine de la plante\u003c\/summary\u003e\n \u003cdiv class=\"col-accordion-content\"\u003e\n \u003cp\u003eLe Coleus forskohlii (Plectranthus barbatus) est une plante vivace de la famille des Lamiacées. Elle pousse naturellement sur les pentes montagneuses de l'Inde, du Népal et de la Thaïlande, où elle est utilisée depuis des siècles en médecine ayurvédique pour ses vertus sur le métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"col-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"col-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez la puissance ancestrale du Coleus forskohlii et accompagnez naturellement votre démarche minceur grâce à un extrait hautement concentré en forskoline, fabriqué en France selon les standards les plus exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --col-cream: #FDFBF7;\n --col-white: #ffffff;\n --col-primary: #7CB342;\n --col-primary-dark: #4A6741;\n --col-primary-light: #E8F5E9;\n --col-secondary: #8BC34A;\n --col-accent: #F5E6C8;\n --col-text: #1a1a1a;\n --col-text-light: #5a5a5a;\n --col-border: #e0e0e0;\n --col-shadow: 0 4px 24px rgba(0,0,0,.08);\n --col-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --col-radius: 20px;\n --col-radius-sm: 12px;\n}\n\n.col-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--col-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.col-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #4A6741 50%, #2E5A2E 100%);\n border-radius: var(--col-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(--col-shadow-lg);\n}\n\n.col-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.col-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.col-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.col-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(--col-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.col-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.col-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.col-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.col-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.col-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.col-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--col-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.col-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(--col-primary), var(--col-secondary));\n border-radius: 2px;\n}\n\n.col-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.col-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.col-card {\n background: var(--col-white);\n border-radius: var(--col-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--col-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.col-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--col-shadow-lg);\n border-color: var(--col-primary);\n}\n\n.col-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--col-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.col-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--col-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.col-card-ingredient {\n background: linear-gradient(135deg, var(--col-white) 0%, var(--col-primary-light) 100%);\n}\n\n.col-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--col-primary) !important;\n margin: .5rem 0 !important;\n}\n\n.col-clean-label {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 1.5rem;\n padding: 1.25rem;\n background: var(--col-accent);\n border-radius: var(--col-radius-sm);\n}\n\n.col-clean-label span {\n font-size: 14px;\n font-weight: 600;\n color: var(--col-primary-dark);\n}\n\n.col-usage-grid {\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.col-usage-card {\n background: var(--col-white);\n border-radius: var(--col-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--col-shadow);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.col-usage-badge {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n background: linear-gradient(90deg, var(--col-primary), var(--col-secondary));\n color: white;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n padding: 6px;\n}\n\n.col-usage-badge-alt {\n background: linear-gradient(90deg, var(--col-primary-dark), var(--col-primary));\n}\n\n.col-usage-card h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--col-primary-dark);\n margin: 2rem 0 .5rem 0;\n}\n\n.col-usage-dose {\n font-size: clamp(24px, 5vw, 32px) !important;\n font-weight: 900 !important;\n color: var(--col-primary) !important;\n margin: .5rem 0 1rem 0 !important;\n}\n\n.col-usage-card \u003e p:last-child {\n font-size: 14px;\n color: var(--col-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.col-usage-tip {\n background: var(--col-primary-light);\n border-left: 4px solid var(--col-primary);\n padding: 1rem 1.25rem;\n border-radius: 0 var(--col-radius-sm) var(--col-radius-sm) 0;\n font-size: 14px;\n color: var(--col-text);\n line-height: 1.6;\n}\n\n.col-timeline {\n position: relative;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.col-timeline::before {\n content: '';\n position: absolute;\n left: 30px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--col-primary), var(--col-secondary));\n border-radius: 2px;\n}\n\n.col-timeline-item {\n display: flex;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n position: relative;\n}\n\n.col-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.col-timeline-marker {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--col-primary), var(--col-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n box-shadow: 0 4px 15px rgba(124, 179, 66, .4);\n z-index: 1;\n}\n\n.col-timeline-content {\n background: var(--col-white);\n border-radius: var(--col-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--col-shadow);\n flex: 1;\n}\n\n.col-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--col-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.col-timeline-content p {\n font-size: 14px;\n color: var(--col-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.col-accordion {\n background: var(--col-white);\n border-radius: var(--col-radius);\n box-shadow: var(--col-shadow);\n overflow: hidden;\n}\n\n.col-accordion-item {\n border-bottom: 1px solid var(--col-border);\n margin: 0;\n padding: 0;\n}\n\n.col-accordion-item:last-child {\n border-bottom: none;\n}\n\n.col-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--col-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.col-accordion-header:hover {\n background: var(--col-primary-light);\n}\n\n.col-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.col-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--col-primary);\n transition: transform .2s ease;\n}\n\n.col-accordion-item[open] .col-accordion-header::after {\n content: '−';\n}\n\n.col-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--col-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.col-accordion-content p {\n margin: 0;\n}\n\n.col-cta-box {\n background: linear-gradient(135deg, var(--col-primary) 0%, var(--col-primary-dark) 100%);\n border-radius: var(--col-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.col-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.col-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 position: relative;\n z-index: 1;\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .col-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .col-grid-compact {\n gap: .625rem;\n }\n \n .col-grid-compact .col-card {\n padding: .75rem;\n }\n \n .col-grid-compact .col-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .col-grid-compact .col-card p {\n font-size: 12px;\n }\n \n .col-card {\n padding: 1.125rem;\n }\n \n .col-section {\n margin-bottom: 1.75rem;\n }\n \n .col-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--col-radius-sm);\n }\n \n .col-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .col-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .col-timeline::before {\n left: 25px;\n }\n \n .col-timeline-marker {\n width: 50px;\n height: 50px;\n font-size: 16px;\n }\n \n .col-timeline-item {\n gap: 1rem;\n }\n \n .col-clean-label {\n gap: .75rem;\n padding: 1rem;\n }\n \n .col-clean-label span {\n font-size: 12px;\n }\n \n .col-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .col-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .col-card {\n animation: colFadeInUp .5s ease backwards;\n }\n .col-card:nth-child(1) { animation-delay: .05s; }\n .col-card:nth-child(2) { animation-delay: .1s; }\n .col-card:nth-child(3) { animation-delay: .15s; }\n .col-card:nth-child(4) { animation-delay: .2s; }\n .col-card:nth-child(5) { animation-delay: .25s; }\n .col-card:nth-child(6) { animation-delay: .3s; }\n \n .col-timeline-item {\n animation: colFadeInUp .5s ease backwards;\n }\n .col-timeline-item:nth-child(1) { animation-delay: .1s; }\n .col-timeline-item:nth-child(2) { animation-delay: .2s; }\n .col-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes colFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .col-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755345928349,"sku":"AY9100","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coleus-forskohlii-forskoline-ayur-vana-60-gelules-bruleur-de-packshothd.webp?v=1773308651"},{"product_id":"seconde-jeunesse-90-gelules-jade-recherche","title":"Seconde Jeunesse - Vitalité \u0026 Silhouette - 90 Gélules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Seconde Jeunesse - Vitalité \u0026 Silhouette\nPalette détectée:\n - Primaire: #1e3a8a (bleu profond du packaging)\n - Secondaire: #84cc16 (vert lime des silhouettes végétales)\n - Accent: #ea580c (orange du titre \"Seconde Jeunesse\")\nAmbiance: Santé\/vitalité seniors, naturel et dynamique, confiance médicale, accompagnement bienveillant\nPréfixe CSS: sj\n--\u003e\n\n\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e💪 Masse musculaire\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e⚡ Énergie cellulaire\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🔄 Remodelage corporel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eSeconde Jeunesse\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eVitalité \u0026amp; silhouette\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eUne formule innovante qui agit sur les 4 piliers du vieillissement : masse musculaire, mitochondries, équilibre hormonal et remodelage corporel. Pour hommes et femmes.\u003c\/p\u003e\n \u003cdiv class=\"sj-hero-stats\"\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-value\"\u003e90\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-value\"\u003e6\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eActifs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-value\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eMois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 4 PILIERS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e🎯 Les 4 piliers du rajeunissement\u003c\/h2\u003e\n \u003cdiv class=\"sj-pillars-grid\"\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eMasse musculaire\u003c\/h3\u003e\n \u003cp\u003ePréserve et stimule la synthèse protéique pour lutter contre la fonte musculaire liée à l'âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eMitochondries\u003c\/h3\u003e\n \u003cp\u003eRajeunit et protège les centrales énergétiques de vos cellules pour une vitalité retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eStimule naturellement la production de testostérone chez l'homme comme chez la femme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-pillar-card\"\u003e\n \u003cdiv class=\"sj-pillar-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eRemodelage corporel\u003c\/h3\u003e\n \u003cp\u003eFavorise la combustion des graisses et sculpte progressivement la silhouette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e🧬 Composition premium pour 3 gélules\u003c\/h2\u003e\n \u003cdiv class=\"sj-ingredients-grid\"\u003e\n \u003cdiv class=\"sj-ingredient-card sj-ingredient-main\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eCitrulline malate\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e600 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la synthèse protéique musculaire, favorise la détox hépatique et contribue à la réduction de la masse grasse abdominale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card sj-ingredient-main\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eTrigonella foenum graecum\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e450 mg (20% protodioscine)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule naturellement la production de testostérone, améliore la force, la masse musculaire et la libido\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🍃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eEriobotrya japonica\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e150 mg (90% acide ursolique)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eFavorise la prise de muscle tout en limitant les réserves de graisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e⚡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eCoenzyme Q10\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutien majeur de la fonction mitochondriale et production d'ATP\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e🔥\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eL-carnitine\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e60 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eFavorise l'entrée des acides gras dans les mitochondries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-header\"\u003e\n \u003cspan class=\"sj-ingredient-emoji\"\u003e☀️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eVitamine D3\u003c\/h4\u003e\n \u003cspan class=\"sj-dosage\"\u003e990 UI\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutient la puissance musculaire et réduit le risque de chutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES DÉTAILLÉS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e✨ Bénéfices complets\u003c\/h2\u003e\n \u003cdiv class=\"sj-benefits-container\"\u003e\n \u003cdiv class=\"sj-benefit-block\"\u003e\n \u003cdiv class=\"sj-benefit-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003ePréservation musculaire\u003c\/h3\u003e\n \u003cul class=\"sj-benefit-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimule la synthèse protéique musculaire\u003c\/li\u003e\n \u003cli\u003eLimite la fonte musculaire liée à l'âge\u003c\/li\u003e\n \u003cli\u003eAméliore la force et l'autonomie\u003c\/li\u003e\n \u003cli\u003eRégule la glycémie et les lipides\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-benefit-block\"\u003e\n \u003cdiv class=\"sj-benefit-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eÉnergie cellulaire\u003c\/h3\u003e\n \u003cul class=\"sj-benefit-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eRajeunit les mitochondries\u003c\/li\u003e\n \u003cli\u003eBooste la production d'ATP\u003c\/li\u003e\n \u003cli\u003eProtection antioxydante puissante\u003c\/li\u003e\n \u003cli\u003eCombat la fatigue chronique\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-benefit-block\"\u003e\n \u003cdiv class=\"sj-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cul class=\"sj-benefit-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimulation naturelle de la testostérone\u003c\/li\u003e\n \u003cli\u003eAméliore la libido homme\/femme\u003c\/li\u003e\n \u003cli\u003eÉquilibre émotionnel renforcé\u003c\/li\u003e\n \u003cli\u003eSoutien cardiovasculaire et cognitif\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-profiles-grid\"\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e👨\u003c\/span\u003e\n \u003ch4\u003eHommes 40+\u003c\/h4\u003e\n \u003cp\u003eMaintenir masse musculaire, énergie et vitalité masculine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e👩\u003c\/span\u003e\n \u003ch4\u003eFemmes 40+\u003c\/h4\u003e\n \u003cp\u003ePréserver tonus, équilibre hormonal et silhouette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs fatigués\u003c\/h4\u003e\n \u003cp\u003eRetrouver énergie et endurance au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cspan class=\"sj-profile-emoji\"\u003e🧘\u003c\/span\u003e\n \u003ch4\u003eSeniors actifs\u003c\/h4\u003e\n \u003cp\u003eMaintenir autonomie, force et qualité de vie\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=\"sj-section\"\u003e\n \u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sj-usage-box\"\u003e\n \u003cdiv class=\"sj-usage-main\"\u003e\n \u003cdiv class=\"sj-usage-step\"\u003e\n \u003cspan class=\"sj-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avant le repas du matin ou du midi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-usage-step\"\u003e\n \u003cspan class=\"sj-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003eMinimum 3 mois\u003c\/strong\u003e pour un résultat optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-usage-step\"\u003e\n \u003cspan class=\"sj-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eRégularité\u003c\/h4\u003e\n \u003cp\u003eLa constance est la clé pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SYNERGIE --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e🔗 Synergie recommandée\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003ePour un accompagnement complet de la gestion du poids et du métabolisme\u003c\/p\u003e\n \u003cdiv class=\"sj-synergy-grid\"\u003e\n \u003cdiv class=\"sj-synergy-card\"\u003e\n \u003cdiv class=\"sj-synergy-badge\"\u003eMétabolisme\u003c\/div\u003e\n \u003ch4\u003eJusteligne\u003c\/h4\u003e\n \u003cp\u003eStimule le métabolisme, régule l'appétit et favorise la combustion des graisses\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/justeligne-equilibre-du-poids-90-gelules-jade-recherche\" class=\"sj-synergy-link\" target=\"_blank\" rel=\"noopener\"\u003eDécouvrir →\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-synergy-card\"\u003e\n \u003cdiv class=\"sj-synergy-badge\"\u003eÉnergie\u003c\/div\u003e\n \u003ch4\u003eAsthen\u003c\/h4\u003e\n \u003cp\u003eSoutient les surrénales et l'énergie globale via des huiles essentielles ciblées\u003c\/p\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/asthen-complexe-dhuiles-essentielles-30-ml-jade-recherche\" class=\"sj-synergy-link\" target=\"_blank\" rel=\"noopener\"\u003eDécouvrir →\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003cdiv class=\"sj-warning-box\"\u003e\n \u003cdiv class=\"sj-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"sj-warning-content\"\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée. Complément alimentaire. Ne remplace pas une alimentation équilibrée ni un traitement médical. En cas de pathologie, grossesse ou traitement médical en cours, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sj-info-grid\"\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003e90 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003e30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eLaboratoire\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003eJade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-info-item\"\u003e\n \u003cspan class=\"sj-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"sj-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"sj-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cdiv class=\"sj-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-cta-content\"\u003e\n \u003cspan class=\"sj-cta-emoji\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003eEnvie d'en savoir plus avant de vous lancer ?\u003cbr\u003eDécouvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/seconde-jeunesse\" title=\"Lire notre avis sur Seconde Jeunesse Jade Recherche\"\u003eavis complet et retour d'expérience sur Seconde Jeunesse\u003c\/a\u003e : composition passée au crible, conseils d'utilisation, résultats et petits secrets d'équipe… On vous dit tout, sans filtre !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #f8fafc;\n --sj-white: #ffffff;\n --sj-primary: #1e3a8a;\n --sj-primary-dark: #1e3a6e;\n --sj-primary-light: #dbeafe;\n --sj-secondary: #84cc16;\n --sj-secondary-dark: #65a30d;\n --sj-accent: #ea580c;\n --sj-accent-light: #ffedd5;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e2e8f0;\n --sj-shadow: 0 4px 24px rgba(30, 58, 138, 0.08);\n --sj-shadow-lg: 0 12px 48px rgba(30, 58, 138, 0.15);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sj-text);\n line-height: 1.6;\n}\n\n.sj-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sj-primary) 0%, #2563eb 50%, var(--sj-primary-dark) 100%);\n border-radius: var(--sj-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(--sj-shadow-lg);\n}\n\n.sj-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(132, 204, 22, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(234, 88, 12, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sj-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: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.sj-subtitle {\n color: var(--sj-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n}\n\n.sj-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.sj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.sj-stat {\n text-align: center;\n}\n\n.sj-stat-value {\n display: block;\n color: var(--sj-secondary);\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.sj-stat-label {\n color: rgba(255, 255, 255, 0.8);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sj-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(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n color: var(--sj-text-light);\n font-size: 17px;\n margin-bottom: 2rem;\n}\n\n\/* === 4 PILIERS === *\/\n.sj-pillars-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-pillar-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.sj-pillar-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-pillar-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.sj-pillar-card h3 {\n color: var(--sj-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.sj-pillar-card p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.sj-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-ingredient-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.sj-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-secondary);\n}\n\n.sj-ingredient-main {\n grid-column: span 1;\n background: linear-gradient(135deg, var(--sj-primary-light) 0%, var(--sj-white) 100%);\n border: 2px solid var(--sj-primary);\n}\n\n.sj-ingredient-header {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 0.75rem;\n}\n\n.sj-ingredient-emoji {\n font-size: 32px;\n line-height: 1;\n}\n\n.sj-ingredient-header h4 {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin: 0;\n line-height: 1.3;\n}\n\n.sj-dosage {\n display: inline-block;\n background: var(--sj-secondary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 3px 10px;\n border-radius: 999px;\n margin-top: 4px;\n}\n\n.sj-ingredient-card p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BÉNÉFICES === *\/\n.sj-benefits-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-benefit-block {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border-top: 4px solid var(--sj-secondary);\n transition: all 0.3s ease;\n}\n\n.sj-benefit-block:hover {\n transform: translateY(-5px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-benefit-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.sj-benefit-block h3 {\n color: var(--sj-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n}\n\n.sj-benefit-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sj-benefit-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n color: var(--sj-text-light);\n font-size: 14px;\n}\n\n.sj-benefit-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--sj-secondary);\n font-weight: 700;\n}\n\n\/* === PROFILS === *\/\n.sj-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-profile-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.sj-profile-card:hover {\n transform: translateY(-5px);\n border-color: var(--sj-accent);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-profile-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sj-profile-card h4 {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 0.5rem 0;\n}\n\n.sj-profile-card p {\n color: var(--sj-text-light);\n font-size: 13px;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.sj-usage-box {\n background: linear-gradient(135deg, var(--sj-primary-light) 0%, var(--sj-white) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--sj-primary);\n}\n\n.sj-usage-main {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.sj-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.sj-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n background: var(--sj-primary);\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.sj-usage-step h4 {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 0.25rem 0;\n}\n\n.sj-usage-step p {\n color: var(--sj-text-light);\n font-size: 15px;\n margin: 0;\n}\n\n\/* === SYNERGIE === *\/\n.sj-synergy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sj-synergy-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n position: relative;\n}\n\n.sj-synergy-card:hover {\n transform: translateY(-5px);\n border-color: var(--sj-secondary);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-synergy-badge {\n position: absolute;\n top: -10px;\n right: 20px;\n background: var(--sj-accent);\n color: white;\n font-size: 11px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.sj-synergy-card h4 {\n color: var(--sj-primary-dark);\n font-size: 20px;\n font-weight: 800;\n margin: 0.5rem 0 0.75rem 0;\n}\n\n.sj-synergy-card p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0 0 1rem 0;\n line-height: 1.6;\n}\n\n.sj-synergy-link {\n display: inline-flex;\n align-items: center;\n color: var(--sj-primary);\n font-size: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.sj-synergy-link:hover {\n color: var(--sj-secondary);\n gap: 8px;\n}\n\n\/* === WARNING === *\/\n.sj-warning-box {\n display: flex;\n gap: 1.25rem;\n background: var(--sj-accent-light);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--sj-accent);\n}\n\n.sj-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.sj-warning-content h4 {\n color: var(--sj-accent);\n font-size: 16px;\n font-weight: 800;\n margin: 0 0 0.5rem 0;\n}\n\n.sj-warning-content p {\n color: var(--sj-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS === *\/\n.sj-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.sj-info-item {\n background: var(--sj-white);\n border-radius: var(--sj-radius-sm);\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n box-shadow: var(--sj-shadow);\n transition: all 0.3s ease;\n}\n\n.sj-info-item:hover {\n transform: translateY(-3px);\n}\n\n.sj-info-icon {\n font-size: 28px;\n margin-bottom: 0.5rem;\n}\n\n.sj-info-label {\n color: var(--sj-text-light);\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.25rem;\n}\n\n.sj-info-value {\n color: var(--sj-primary-dark);\n font-size: 16px;\n font-weight: 800;\n}\n\n\/* === CTA === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-secondary) 0%, var(--sj-secondary-dark) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sj-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.1) 0%, transparent 50%);\n}\n\n.sj-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sj-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.sj-cta-box a {\n color: white;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: all 0.3s ease;\n}\n\n.sj-cta-box a:hover {\n text-decoration-thickness: 2px;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sj-pillars-grid,\n .sj-ingredients-grid,\n .sj-profiles-grid,\n .sj-synergy-grid {\n grid-template-columns: 1fr;\n }\n \n .sj-ingredient-main {\n grid-column: span 1;\n }\n \n .sj-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sj-hero-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-pillar-card,\n .sj-ingredient-card,\n .sj-benefit-block,\n .sj-profile-card,\n .sj-synergy-card {\n animation: sjFadeInUp 0.6s ease backwards;\n }\n \n .sj-pillar-card:nth-child(1),\n .sj-ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .sj-pillar-card:nth-child(2),\n .sj-ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .sj-pillar-card:nth-child(3),\n .sj-ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .sj-pillar-card:nth-child(4),\n .sj-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .sj-ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .sj-ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes sjFadeInUp {\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 .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sj-premium {\n --sj-text-light: #333333;\n --sj-border: #666666;\n }\n \n .sj-badge,\n .sj-dosage {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755347665053,"sku":"JADESECJEUN","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/seconde-jeunesse-vitalite-silhouette-90-gelules-jade-recherc-packshothd_5e2c76c4-837a-4f25-adeb-1926aae99dc4.webp?v=1773777018"},{"product_id":"vitamine-c-liposomale-en-spray-100-ml-jade-recherche","title":"Vitamine C Liposomale en Spray - 100 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vitamine C Liposomale en Spray - Jade Recherche\nPalette détectée:\n - Primaire: #FF8C42 (Orange vif du packaging, dynamique et énergisant)\n - Secondaire: #2E9B5A (Vert émeraude des bandes, évoque naturel\/santé)\n - Accent: #FFB573 (Orange clair pour backgrounds doux)\nAmbiance: Santé\/Vitalité - Design médical moderne avec codes couleurs énergisants (orange = vitalité, vert = naturel\/santé). Le spray évoque praticité et innovation. Style professionnel mais accessible.\nPréfixe CSS: vcl\n--\u003e\n\n\u003cdiv class=\"vcl-premium\"\u003e\n \u003cdiv class=\"vcl-hero\"\u003e\n \u003cdiv class=\"vcl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vcl-hero-content\"\u003e\n \u003cdiv class=\"vcl-badges-top\"\u003e\n \u003cspan class=\"vcl-badge\"\u003e💊 270 mg par dose\u003c\/span\u003e\n \u003cspan class=\"vcl-badge\"\u003e🚀 ×8 absorption\u003c\/span\u003e\n \u003cspan class=\"vcl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vcl-hero-title\"\u003eVitamine C liposomale en spray\u003c\/span\u003e\n \u003cp class=\"vcl-subtitle\"\u003eL'innovation qui révolutionne votre apport quotidien\u003c\/p\u003e\n \u003cp class=\"vcl-description\"\u003eGrâce à la technologie liposomale, profitez d'une absorption jusqu'à 8 fois supérieure. 2 sprays = 2250 mg de vitamine C traditionnelle !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🎯 Pourquoi choisir le liposomal ?\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🔬 Technologie liposomale\u003c\/h3\u003e\n \u003cp\u003eDes liposomes encapsulent la vitamine C, protégeant ses principes actifs et permettant une absorption optimale au niveau cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e⚡ Efficacité décuplée\u003c\/h3\u003e\n \u003cp\u003e270 mg de vitamine C liposomale équivaut à 2250 mg de vitamine C classique. Un ratio d'efficacité exceptionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e💧 Format spray pratique\u003c\/h3\u003e\n \u003cp\u003eFini les gélules ! Notre spray offre une utilisation simple, rapide et agréable, avec un goût peu acide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e✨ Pureté française\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec des ingrédients naturels triés sur le volet. Aucun additif synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits de la vitamine C\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🛡️ Bouclier antioxydant\u003c\/h3\u003e\n \u003cp\u003eCombat les radicaux libres, ralentit le vieillissement cellulaire et protège du stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🔋 Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003ePouvoir anti-fatigue exceptionnel. Redonne du tonus et augmente la résistance physique et mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🦠 Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eRenforce votre système immunitaire naturellement. Action anti-infectieuse et protection contre les allergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e❤️ Santé circulatoire\u003c\/h3\u003e\n \u003cp\u003eAméliore la micro-circulation cellulaire et favorise la production de globules rouges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🔗 Synergie vitaminique\u003c\/h3\u003e\n \u003cp\u003ePotentialise l'action des autres vitamines. Catalyseur essentiel dans les réactions d'oxydo-réduction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🦴 Métabolisme osseux\u003c\/h3\u003e\n \u003cp\u003eContribue au métabolisme phospho-calcique, essentiel pour des os et des dents solides à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e🧪 Composition pure et efficace\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e🍋 Vitamine C active\u003c\/h3\u003e\n \u003cp\u003eAcide L-ascorbique + ascorbate de sodium\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003e270 mg par dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Lécithine de tournesol\u003c\/h3\u003e\n \u003cp\u003eÉmulsifiant liposomal naturel\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003e100% végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase ultra-pure\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003eQualité pharmaceutique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Glycérol naturel\u003c\/h3\u003e\n \u003cp\u003eStabilisant doux\u003c\/p\u003e\n \u003cspan class=\"vcl-dose\"\u003eOrigine végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eSans additifs synthétiques\u003c\/strong\u003e • Conservation naturelle avec sorbate de potassium • Formule minimaliste et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"vcl-steps\"\u003e\n \u003cdiv class=\"vcl-step\"\u003e\n \u003cdiv class=\"vcl-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vcl-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eBien agiter avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-step\"\u003e\n \u003cdiv class=\"vcl-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vcl-step-content\"\u003e\n \u003ch3\u003ePulvérisez 2 fois\u003c\/h3\u003e\n \u003cp\u003e2 sprays par jour suffisent, directement dans la bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-step\"\u003e\n \u003cdiv class=\"vcl-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vcl-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eGardez quelques secondes en bouche pour maximiser l'absorption sublinguale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid\"\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et le stress quotidien. Retrouvez énergie et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimisez votre récupération et protégez vos cellules du stress oxydatif intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n \u003cp\u003eRalentissez le vieillissement cellulaire et maintenez votre vitalité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eGoût agréable et peu acide. Convient aux enfants comme aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📊 Chiffres clés\u003c\/h2\u003e\n \u003cdiv class=\"vcl-grid-compact\"\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e270 mg\u003c\/h3\u003e\n \u003cp\u003eVitamine C par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e×8\u003c\/h3\u003e\n \u003cp\u003eAbsorption supérieure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e100 ml\u003c\/h3\u003e\n \u003cp\u003e~50 jours d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vcl-card vcl-card-stat\"\u003e\n \u003ch3\u003e2 sprays\u003c\/h3\u003e\n \u003cp\u003ePar jour seulement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"vcl-accordion\"\u003e\n \u003cdetails class=\"vcl-accordion-item\"\u003e\n \u003csummary class=\"vcl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vcl-accordion-content\"\u003e\n \u003cp\u003eConserver au réfrigérateur après ouverture. À consommer dans les 2 mois après ouverture. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vcl-accordion-item\"\u003e\n \u003csummary class=\"vcl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vcl-accordion-content\"\u003e\n \u003cp\u003eComplément alimentaire : ne peut se substituer à une alimentation variée et équilibrée et à un mode de vie sain. Respecter la dose journalière recommandée. Femmes enceintes : demander conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vcl-accordion-item\"\u003e\n \u003csummary class=\"vcl-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"vcl-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France par Jade Recherche. Ingrédients 100% naturels, sans additifs synthétiques. Technologie liposomale de pointe pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vcl-cta-box\"\u003e\n \u003cp\u003e🚀 \u003cstrong\u003eBoostez votre vitalité naturellement\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eDécouvrez la puissance de la vitamine C liposomale et transformez votre quotidien. Une santé optimale commence par les bons choix !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vcl-cream: #FFF9F5;\n --vcl-white: #ffffff;\n --vcl-primary: #FF8C42;\n --vcl-primary-dark: #E07030;\n --vcl-primary-light: #FFF0E5;\n --vcl-secondary: #2E9B5A;\n --vcl-accent: #FFB573;\n --vcl-text: #1a1a1a;\n --vcl-text-light: #5a5a5a;\n --vcl-border: #e0e0e0;\n --vcl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vcl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vcl-radius: 20px;\n --vcl-radius-sm: 12px;\n}\n\n.vcl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vcl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vcl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n border-radius: var(--vcl-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(--vcl-shadow-lg);\n}\n\n.vcl-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% 50%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.vcl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vcl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.vcl-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(--vcl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vcl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vcl-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.vcl-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.vcl-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.vcl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vcl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vcl-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.vcl-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(--vcl-primary), var(--vcl-secondary));\n border-radius: 2px;\n}\n\n.vcl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vcl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vcl-card {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vcl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vcl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vcl-shadow-lg);\n border-color: var(--vcl-primary);\n}\n\n.vcl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vcl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vcl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vcl-card-ingredient {\n background: linear-gradient(135deg, var(--vcl-white), var(--vcl-primary-light));\n}\n\n.vcl-dose {\n display: inline-block;\n margin-top: .75rem;\n padding: 6px 14px;\n background: var(--vcl-secondary);\n color: white;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.vcl-card-stat h3 {\n font-size: clamp(28px, 6vw, 42px);\n background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: .25rem;\n}\n\n.vcl-card-stat p {\n font-size: 12px;\n}\n\n.vcl-highlight-box {\n background: linear-gradient(135deg, var(--vcl-secondary), #248C4D);\n border-radius: var(--vcl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n margin-top: 1.5rem;\n}\n\n.vcl-highlight-box p {\n color: white;\n font-size: clamp(13px, 2vw, 15px);\n margin: 0;\n}\n\n.vcl-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vcl-step {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n padding: 1.25rem;\n box-shadow: var(--vcl-shadow);\n display: flex;\n align-items: center;\n gap: 1.25rem;\n transition: all .3s ease;\n}\n\n.vcl-step:hover {\n transform: translateX(8px);\n border-left: 4px solid var(--vcl-primary);\n}\n\n.vcl-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--vcl-primary), var(--vcl-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n color: white;\n}\n\n.vcl-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--vcl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vcl-step-content p {\n font-size: 14px;\n color: var(--vcl-text-light);\n margin: 0;\n}\n\n.vcl-accordion {\n background: var(--vcl-white);\n border-radius: var(--vcl-radius);\n box-shadow: var(--vcl-shadow);\n overflow: hidden;\n}\n\n.vcl-accordion-item {\n border-bottom: 1px solid var(--vcl-border);\n margin: 0;\n padding: 0;\n}\n\n.vcl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vcl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vcl-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.vcl-accordion-header:hover {\n background: var(--vcl-primary-light);\n}\n\n.vcl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vcl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vcl-primary);\n transition: transform .2s ease;\n}\n\n.vcl-accordion-item[open] .vcl-accordion-header::after {\n content: '−';\n}\n\n.vcl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vcl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.vcl-accordion-content p {\n margin: 0;\n}\n\n.vcl-cta-box {\n background: linear-gradient(135deg, var(--vcl-primary) 0%, var(--vcl-primary-dark) 50%, var(--vcl-secondary) 100%);\n border-radius: var(--vcl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vcl-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 0 .75rem 0;\n}\n\n.vcl-cta-box p:last-child {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .vcl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vcl-grid-compact {\n gap: .625rem;\n }\n \n .vcl-grid-compact .vcl-card {\n padding: .75rem;\n }\n \n .vcl-card {\n padding: 1.125rem;\n }\n \n .vcl-section {\n margin-bottom: 1.75rem;\n }\n \n .vcl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vcl-radius-sm);\n }\n \n .vcl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vcl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vcl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vcl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vcl-step {\n padding: 1rem;\n }\n \n .vcl-step-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .vcl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vcl-card:nth-child(1) { animation-delay: .05s; }\n .vcl-card:nth-child(2) { animation-delay: .1s; }\n .vcl-card:nth-child(3) { animation-delay: .15s; }\n .vcl-card:nth-child(4) { animation-delay: .2s; }\n .vcl-card:nth-child(5) { animation-delay: .25s; }\n .vcl-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 .vcl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755349270685,"sku":"JADELIPOSO100","price":28.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-en-spray-100-ml-jade-recherche-packshothd_25d5c29c-f8c4-4a94-aae9-f41a61a30e5b.webp?v=1786010713"},{"product_id":"cailloux-ambre-imperial-jardin-de-mon-grand-pere","title":"Cailloux Ambre Impérial - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux d'Ambre Impérial - Jardin de mon Grand-Père\nPalette détectée:\n - Primaire: #C4956A (ambre\/caramel doré des cailloux)\n - Secondaire: #D4A574 (kraft doré du packaging)\n - Accent: #E85A35 (orange vif des étiquettes)\n - Fond: #F5EDE4 (beige crème chaleureux)\nAmbiance: Artisanal, chaleureux, oriental raffiné, fait main, traditionnel, cosy\nPréfixe CSS: amb\n--\u003e\n\u003cdiv class=\"amb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"amb-hero\"\u003e\n\u003cdiv class=\"amb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"amb-hero-content\"\u003e\n\u003cdiv class=\"amb-badges-top\"\u003e\n\u003cspan class=\"amb-badge\"\u003e✨ Fait main avec amour\u003c\/span\u003e \u003cspan class=\"amb-badge\"\u003e🇫🇷 Artisanat français\u003c\/span\u003e \u003cspan class=\"amb-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"amb-hero-title\"\u003eCaillou d'Ambre Impérial\u003c\/span\u003e\n\u003cp class=\"amb-subtitle\"\u003eJardin de mon Grand-Père\u003c\/p\u003e\n\u003cp style=\"font-size:1.3em;\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eTransformez votre intérieur en un cocon de douceur orientale avec ces petits trésors artisanaux aux notes mythiques d'ambre gris, vanille et fleurs d'Orient.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION : L'ESSENCE DU PRODUIT --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e✨ L'essence de l'ambre impérial\u003c\/h2\u003e\n\u003cdiv class=\"amb-essence-box\"\u003e\n\u003cp class=\"amb-essence-text\"\u003eLe Caillou d'Ambre Impérial est une \u003cstrong\u003ereconstitution végétale de l'ambre gris\u003c\/strong\u003e, ce précieux ingrédient autrefois réservé à la haute parfumerie. Contrairement aux parfums d'ambiance classiques, ces cailloux offrent une diffusion douce et progressive qui parfume délicatement votre maison pendant \u003cstrong\u003eplusieurs semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : COMPOSITION OLFACTIVE --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e🌸 Une symphonie olfactive\u003c\/h2\u003e\n\u003cdiv class=\"amb-grid\"\u003e\n\u003cdiv class=\"amb-card amb-ingredient\"\u003e\n\u003cdiv class=\"amb-ingredient-icon\"\u003e🔶\u003c\/div\u003e\n\u003ch3\u003eAmbre végétal\u003c\/h3\u003e\n\u003cp\u003eUne chaleur enveloppante caractéristique, profonde et sensuelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-ingredient\"\u003e\n\u003cdiv class=\"amb-ingredient-icon\"\u003e🍦\u003c\/div\u003e\n\u003ch3\u003eVanille naturelle\u003c\/h3\u003e\n\u003cp\u003eUne douceur suave et réconfortante, gourmande et apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-ingredient\"\u003e\n\u003cdiv class=\"amb-ingredient-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003eFleurs orientales\u003c\/h3\u003e\n\u003cp\u003eUne touche mystérieuse et raffinée pour une note de voyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-result-box\"\u003e\n\u003cspan class=\"amb-result-label\"\u003eLe résultat\u003c\/span\u003e\n\u003cp\u003eUn parfum d'ambiance \u003cstrong\u003eample et chaleureux\u003c\/strong\u003e, qui enveloppe votre intérieur d'une atmosphère à la fois sophistiquée et apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : HISTOIRE --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e📜 L'histoire fascinante de l'ambre gris\u003c\/h2\u003e\n\u003cdiv class=\"amb-story-card\"\u003e\n\u003cdiv class=\"amb-story-content\"\u003e\n\u003cp\u003eSaviez-vous que l'\u003cstrong\u003eambre gris véritable\u003c\/strong\u003e est l'un des ingrédients les plus mystérieux de la parfumerie ? Cette substance rare flotte à la surface des océans, près de Madagascar, de l'Inde ou de la Chine.\u003c\/p\u003e\n\u003cdiv class=\"amb-story-timeline\"\u003e\n\u003cdiv class=\"amb-timeline-item\"\u003e\n\u003cspan class=\"amb-timeline-icon\"\u003e🌊\u003c\/span\u003e\n\u003cdiv class=\"amb-timeline-text\"\u003e\n\u003cstrong\u003eOrigine océanique\u003c\/strong\u003e\n\u003cp\u003eSécrétion naturelle du cachalot transformée par l'eau de mer et le soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-timeline-item\"\u003e\n\u003cspan class=\"amb-timeline-icon\"\u003e⏳\u003c\/span\u003e\n\u003cdiv class=\"amb-timeline-text\"\u003e\n\u003cstrong\u003eMaturation naturelle\u003c\/strong\u003e\n\u003cp\u003eAprès des mois, l'ambre prend une teinte gris argent à jaune doré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-timeline-item\"\u003e\n\u003cspan class=\"amb-timeline-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"amb-timeline-text\"\u003e\n\u003cstrong\u003eParfum envoûtant\u003c\/strong\u003e\n\u003cp\u003eNotes délicates, légèrement iodées et absolument captivantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"amb-story-conclusion\"\u003eAvec le Caillou d'Ambre Impérial, retrouvez toute la magie de ce parfum mythique dans une version \u003cstrong\u003e100% végétale et respectueuse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : UTILISATIONS --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e💫 Comment utiliser vos cailloux d'ambre\u003c\/h2\u003e\n\u003cdiv class=\"amb-grid\"\u003e\n\u003cdiv class=\"amb-card amb-usage\"\u003e\n\u003cdiv class=\"amb-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDiffusion passive\u003c\/h3\u003e\n\u003cdiv class=\"amb-usage-icon\"\u003e🏠\u003c\/div\u003e\n\u003cp\u003eDéposez quelques cailloux dans une coupelle près d'une \u003cstrong\u003esource de chaleur\u003c\/strong\u003e (radiateur, cheminée, fenêtre ensoleillée). Idéal pour parfumer délicatement une entrée, chambre ou salon.\u003c\/p\u003e\n\u003cspan class=\"amb-usage-tip\"\u003e✨ Parfum délicat pendant plusieurs semaines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-usage\"\u003e\n\u003cdiv class=\"amb-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eGri-gri porte-bonheur\u003c\/h3\u003e\n\u003cdiv class=\"amb-usage-icon\"\u003e👜\u003c\/div\u003e\n\u003cp\u003eGlissez un ou deux cailloux dans votre poche ou sac. La \u003cstrong\u003echaleur de votre corps\u003c\/strong\u003e libère progressivement les notes ambrées, créant un sillage discret et personnel.\u003c\/p\u003e\n\u003cspan class=\"amb-usage-tip\"\u003e✨ Un rituel sensoriel quotidien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-usage\"\u003e\n\u003cdiv class=\"amb-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eBrûloir à bougie\u003c\/h3\u003e\n\u003cdiv class=\"amb-usage-icon\"\u003e🕯️\u003c\/div\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e3 cailloux dans un brûloir\u003c\/strong\u003e. Sous la chaleur, ils deviennent liquides et libèrent généreusement leur fragrance. En refroidissant, ils se resolidifient.\u003c\/p\u003e\n\u003cspan class=\"amb-usage-tip\"\u003e✨ Idéal avant l'arrivée d'invités\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : AVANTAGES --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e🏆 Pourquoi choisir l'ambre artisanal\u003c\/h2\u003e\n\u003cdiv class=\"amb-advantages\"\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eFabrication artisanale française\u003c\/strong\u003e\n\u003cp\u003eChaque caillou est fait main avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e⏰\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eDurée exceptionnelle\u003c\/strong\u003e\n\u003cp\u003ePlusieurs semaines de parfum délicat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e🎯\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003ePolyvalence d'utilisation\u003c\/strong\u003e\n\u003cp\u003eEn décoration, sur soi ou en brûloir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e👃\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eNotes olfactives complexes\u003c\/strong\u003e\n\u003cp\u003eUn parfum cœur d'ambre authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e💰\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eFormat économique\u003c\/strong\u003e\n\u003cp\u003eRéutilisable jusqu'à épuisement du parfum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : CONDITIONNEMENTS --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e📦 Formats disponibles\u003c\/h2\u003e\n\u003cdiv class=\"amb-grid amb-formats\"\u003e\n\u003cdiv class=\"amb-card amb-format\"\u003e\n\u003cspan class=\"amb-format-weight\"\u003e50g\u003c\/span\u003e\n\u003ch3\u003eDécouverte\u003c\/h3\u003e\n\u003cp\u003eEnviron 5 à 7 cailloux selon leur taille\u003c\/p\u003e\n\u003cspan class=\"amb-format-tag\"\u003eIdéal pour découvrir\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-format amb-format-popular\"\u003e\n\u003cspan class=\"amb-format-popular-badge\"\u003ePopulaire\u003c\/span\u003e \u003cspan class=\"amb-format-weight\"\u003e100g\u003c\/span\u003e\n\u003ch3\u003eEssentiel\u003c\/h3\u003e\n\u003cp\u003ePour une utilisation prolongée\u003c\/p\u003e\n\u003cspan class=\"amb-format-tag\"\u003eLe bon compromis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-format\"\u003e\n\u003cspan class=\"amb-format-weight\"\u003e200g\u003c\/span\u003e\n\u003ch3\u003eGénéreux\u003c\/h3\u003e\n\u003cp\u003ePour les amoureux de l'ambre\u003c\/p\u003e\n\u003cspan class=\"amb-format-tag\"\u003eFormat économique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"amb-packaging-note\"\u003e🎁 Présentés dans un élégant \u003cstrong\u003esachet kraft\u003c\/strong\u003e, parfait pour offrir ou se faire plaisir\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : FAQ --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"amb-faq\"\u003e\n\u003cdiv class=\"amb-faq-item\"\u003e\n\u003cdiv class=\"amb-faq-question\"\u003e\n\u003cspan class=\"amb-faq-icon\"\u003e⏱️\u003c\/span\u003e\n\u003ch3\u003eCombien de temps dure le parfum ?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eEn diffusion passive, les cailloux parfument votre intérieur pendant \u003cstrong\u003eplusieurs semaines à plusieurs mois\u003c\/strong\u003e, selon la ventilation et la proximité d'une source de chaleur. En brûloir, comptez 3 à 5 utilisations par caillou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-faq-item\"\u003e\n\u003cdiv class=\"amb-faq-question\"\u003e\n\u003cspan class=\"amb-faq-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3\u003eLe parfum est-il puissant ou discret ?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe Caillou d'Ambre Impérial offre une diffusion \u003cstrong\u003edouce et progressive\u003c\/strong\u003e en utilisation passive. Pour un parfum plus présent, optez pour le brûloir qui libère les notes de façon plus intense et immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-faq-item\"\u003e\n\u003cdiv class=\"amb-faq-question\"\u003e\n\u003cspan class=\"amb-faq-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3\u003ePeut-on les utiliser comme parfum personnel ?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eAbsolument ! Portés sur soi, les cailloux d'ambre créent un sillage subtil et personnel. C'est d'ailleurs une \u003cstrong\u003etradition ancestrale\u003c\/strong\u003e dans de nombreuses cultures orientales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : PRÉCAUTIONS --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e⚠️ Composition et précautions\u003c\/h2\u003e\n\u003cdiv class=\"amb-precautions\"\u003e\n\u003cdiv class=\"amb-composition-box\"\u003e\n\u003ch3\u003e🧪 Composition\u003c\/h3\u003e\n\u003cp\u003eBenzyl Salicylate, Acetyl Cedrene, OTNE, Limonene\u003c\/p\u003e\n\u003cspan class=\"amb-ufi\"\u003eUFI : C970-A0SE-4005-DUPX\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-warnings-box\"\u003e\n\u003ch3\u003e📋 Précautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePeut produire une réaction allergique chez les personnes sensibles\u003c\/li\u003e\n\u003cli\u003eNocif pour les organismes aquatiques – éviter le rejet dans l'environnement\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eNe pas ingérer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"amb-section\"\u003e\n\u003cdiv class=\"amb-cta-box\"\u003e\n\u003cdiv class=\"amb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"amb-cta-content\"\u003e\n\u003cspan class=\"amb-cta-icon\"\u003e🏺\u003c\/span\u003e\n\u003cp\u003eOffrez-vous un voyage sensoriel unique avec ces petits trésors artisanaux. \u003cstrong\u003eRond, onctueux, opulent\u003c\/strong\u003e : laissez-vous envoûter par la magie de l'ambre impérial.\u003c\/p\u003e\n\u003cspan class=\"amb-cta-tagline\"\u003e✨ L'art de parfumer autrement ✨\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --amb-cream: #F9F5F0;\n --amb-white: #ffffff;\n --amb-primary: #C4956A;\n --amb-primary-dark: #9E6B4A;\n --amb-primary-light: #E8D5C4;\n --amb-secondary: #D4A574;\n --amb-accent: #E85A35;\n\n \/* Textes *\/\n --amb-text: #2D2520;\n --amb-text-light: #6B5D52;\n\n \/* Effets *\/\n --amb-border: #E8DDD4;\n --amb-shadow: 0 4px 24px rgba(156,107,74,.12);\n --amb-shadow-lg: 0 12px 48px rgba(156,107,74,.18);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--amb-text);\n line-height: 1.7;\n}\n\n.amb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #C4956A 0%, #D4A574 40%, #9E6B4A 100%);\n border-radius: var(--amb-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(--amb-shadow-lg);\n}\n\n.amb-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,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.02) 20px, rgba(255,255,255,.02) 40px);\n opacity: 1;\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amb-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.15);\n}\n\n.amb-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: -.03em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.amb-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 font-style: italic;\n}\n\n.amb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.02em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-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(--amb-primary), var(--amb-accent));\n border-radius: 2px;\n}\n\n.amb-premium h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.amb-premium p {\n margin: 0 0 1rem 0;\n color: var(--amb-text-light);\n}\n\n.amb-premium strong {\n color: var(--amb-text);\n font-weight: 700;\n}\n\n\/* === ESSENCE BOX === *\/\n.amb-essence-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, var(--amb-white) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border-left: 5px solid var(--amb-primary);\n box-shadow: var(--amb-shadow);\n}\n\n.amb-essence-text {\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0;\n color: var(--amb-text);\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n\/* === INGREDIENTS === *\/\n.amb-ingredient {\n text-align: center;\n}\n\n.amb-ingredient-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-ingredient p {\n margin: 0;\n}\n\n\/* === RESULT BOX === *\/\n.amb-result-box {\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-primary) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n margin-top: 2rem;\n position: relative;\n overflow: hidden;\n}\n\n.amb-result-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.amb-result-label {\n display: inline-block;\n background: rgba(255,255,255,.2);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 1rem;\n position: relative;\n}\n\n.amb-result-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n margin: 0;\n position: relative;\n font-weight: 500;\n}\n\n.amb-result-box strong {\n color: white;\n}\n\n\/* === STORY CARD === *\/\n.amb-story-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-primary-light);\n}\n\n.amb-story-content \u003e p:first-child {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--amb-text);\n}\n\n.amb-story-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin: 2rem 0;\n padding-left: 1rem;\n border-left: 3px solid var(--amb-primary-light);\n}\n\n.amb-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n position: relative;\n}\n\n.amb-timeline-item::before {\n content: '';\n position: absolute;\n left: -1rem;\n top: 12px;\n width: 12px;\n height: 12px;\n background: var(--amb-primary);\n border-radius: 50%;\n transform: translateX(-50%);\n border: 3px solid var(--amb-cream);\n}\n\n.amb-timeline-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.amb-timeline-text strong {\n display: block;\n color: var(--amb-primary-dark);\n margin-bottom: 4px;\n}\n\n.amb-timeline-text p {\n margin: 0;\n font-size: 15px;\n}\n\n.amb-story-conclusion {\n background: var(--amb-primary-light);\n padding: 1.25rem;\n border-radius: var(--amb-radius-sm);\n margin: 0;\n font-weight: 500;\n color: var(--amb-text);\n}\n\n\/* === USAGE CARDS === *\/\n.amb-usage {\n position: relative;\n text-align: center;\n padding-top: clamp(2.5rem, 4vw, 3rem);\n}\n\n.amb-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--amb-accent) 0%, #D4482A 100%);\n color: white;\n font-size: 22px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(232,90,53,.3);\n}\n\n.amb-usage-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.amb-usage p {\n margin-bottom: 1.25rem;\n}\n\n.amb-usage-tip {\n display: inline-block;\n background: var(--amb-primary-light);\n color: var(--amb-primary-dark);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === ADVANTAGES === *\/\n.amb-advantages {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.amb-advantage-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--amb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--amb-radius-sm);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-advantage-item:hover {\n border-color: var(--amb-primary);\n transform: translateX(8px);\n}\n\n.amb-advantage-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.amb-advantage-text strong {\n display: block;\n color: var(--amb-primary-dark);\n margin-bottom: 2px;\n}\n\n.amb-advantage-text p {\n margin: 0;\n font-size: 14px;\n}\n\n\/* === FORMATS === *\/\n.amb-format {\n text-align: center;\n position: relative;\n}\n\n.amb-format-popular {\n border: 3px solid var(--amb-accent);\n transform: scale(1.03);\n}\n\n.amb-format-popular:hover {\n transform: scale(1.03) translateY(-8px);\n}\n\n.amb-format-popular-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--amb-accent);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.amb-format-weight {\n display: block;\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--amb-primary);\n margin-bottom: 0.5rem;\n}\n\n.amb-format p {\n margin-bottom: 1rem;\n}\n\n.amb-format-tag {\n display: inline-block;\n background: var(--amb-primary-light);\n color: var(--amb-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.amb-packaging-note {\n text-align: center;\n margin-top: 2rem;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--amb-text);\n}\n\n\/* === FAQ === *\/\n.amb-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amb-faq-item {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-faq-item:hover {\n border-color: var(--amb-primary);\n}\n\n.amb-faq-question {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 0.75rem;\n}\n\n.amb-faq-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.amb-faq-question h3 {\n margin: 0;\n}\n\n.amb-faq-item \u003e p {\n margin: 0;\n padding-left: calc(28px + 1rem);\n}\n\n\/* === PRECAUTIONS === *\/\n.amb-precautions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-composition-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-primary);\n}\n\n.amb-composition-box h3 {\n margin-bottom: 1rem;\n}\n\n.amb-composition-box p {\n font-family: monospace;\n font-size: 14px;\n background: var(--amb-cream);\n padding: 1rem;\n border-radius: var(--amb-radius-sm);\n margin-bottom: 1rem;\n}\n\n.amb-ufi {\n display: block;\n font-size: 12px;\n color: var(--amb-text-light);\n font-family: monospace;\n}\n\n.amb-warnings-box {\n background: linear-gradient(135deg, #FFF5F2 0%, var(--amb-white) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-accent);\n}\n\n.amb-warnings-box h3 {\n color: var(--amb-accent);\n margin-bottom: 1rem;\n}\n\n.amb-warnings-box ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.amb-warnings-box li {\n margin-bottom: 0.5rem;\n color: var(--amb-text-light);\n font-size: 14px;\n}\n\n.amb-warnings-box li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 80%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.amb-cta-box strong {\n color: white;\n}\n\n.amb-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n padding: 12px 28px;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: .02em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid {\n grid-template-columns: 1fr;\n }\n \n .amb-advantages {\n grid-template-columns: 1fr;\n }\n \n .amb-precautions {\n grid-template-columns: 1fr;\n }\n \n .amb-format-popular {\n transform: scale(1);\n }\n \n .amb-format-popular:hover {\n transform: translateY(-8px);\n }\n \n .amb-advantage-item:hover {\n transform: translateY(-4px);\n }\n \n .amb-faq-item \u003e p {\n padding-left: 0;\n }\n \n .amb-story-timeline {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card {\n animation: ambFadeInUp .6s ease backwards;\n }\n .amb-card:nth-child(1) { animation-delay: .1s; }\n .amb-card:nth-child(2) { animation-delay: .2s; }\n .amb-card:nth-child(3) { animation-delay: .3s; }\n .amb-card:nth-child(4) { animation-delay: .4s; }\n .amb-card:nth-child(5) { animation-delay: .5s; }\n .amb-card:nth-child(6) { animation-delay: .6s; }\n \n .amb-advantage-item {\n animation: ambFadeInRight .5s ease backwards;\n }\n .amb-advantage-item:nth-child(1) { animation-delay: .1s; }\n .amb-advantage-item:nth-child(2) { animation-delay: .15s; }\n .amb-advantage-item:nth-child(3) { animation-delay: .2s; }\n .amb-advantage-item:nth-child(4) { animation-delay: .25s; }\n .amb-advantage-item:nth-child(5) { animation-delay: .3s; }\n \n .amb-faq-item {\n animation: ambFadeInUp .5s ease backwards;\n }\n .amb-faq-item:nth-child(1) { animation-delay: .1s; }\n .amb-faq-item:nth-child(2) { animation-delay: .2s; }\n .amb-faq-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ambFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n@keyframes ambFadeInRight {\n from { \n opacity: 0; \n transform: translateX(-30px); \n }\n to { \n opacity: 1; \n transform: translateX(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-card {\n border: 2px solid var(--amb-text);\n }\n \n .amb-badge {\n border: 2px solid var(--amb-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55719738179961,"sku":"CAILLOUXAMBIMP-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55719738212729,"sku":"CAILLOUXAMBIMP-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55719738245497,"sku":"CAILLOUXAMBIMP-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_5__11zon.jpg?v=1766138179"},{"product_id":"magnesium-marin-hyposode-pauvre-en-sel-20-ampoules-algosource","title":"Magnésium Marin Hyposodé - Pauvre en sodium - 15 Ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Marin Hyposodé - AlgoSource\nPalette détectée:\n - Primaire: #C4A66B (doré\/bronze du packaging et de l'ampoule)\n - Secondaire: #1E4A6E (bleu marine foncé des textes et accents)\n - Accent: #F5F0E6 (crème\/beige clair du fond)\n - Tertiaire: #8B7355 (brun doré soutenu)\nAmbiance: Naturel premium, marin\/breton, élégant et authentique, inspiration marais salants\nPréfixe CSS: mg\n--\u003e\n\n\u003cdiv class=\"mg-premium\"\u003e\n \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🌊 Origine marine\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🧂 Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e✅ Sans colorants ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagnésium Original 75 mg\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagOrigine® - magnésium naturel liquide\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eIssu des eaux-mères désodées des marais salants de Guérande, ce magnésium marin liquide aide à réduire la fatigue, soutient la concentration et contribue au bon fonctionnement musculaire et nerveux. Une ampoule apporte 75 mg de magnésium, soit 20% des Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du Magnésium Original 75 mg\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 contribue à réduire la fatigue et accompagne les périodes de baisse d’énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n \u003cp\u003eUne solution de recharge quotidienne pour soutenir l’équilibre physique et mental, idéale en période de rythme intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Fonctionnement nerveux\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦵 Fonctionnement musculaire\u003c\/h3\u003e\n \u003cp\u003eIl contribue également au bon fonctionnement musculaire, utile au quotidien comme après l’effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💧 Forme liquide\u003c\/h3\u003e\n \u003cp\u003eSa présentation en ampoules liquides permet une prise simple, pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Magnésium naturel\u003c\/h3\u003e\n \u003cp\u003eUne alternative d’origine marine aux formes chimiques de magnésium, avec une formule issue des marais salants de Guérande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🧂 Compatible avec les régimes sans sel\u003c\/h2\u003e\n \u003cdiv class=\"mg-highlight-box\"\u003e\n \u003cdiv class=\"mg-highlight-content\"\u003e\n \u003ch3\u003eUn magnésium marin désodé\u003c\/h3\u003e\n \u003cp\u003eGrâce à un procédé exclusif de réduction du sodium, MagOrigine® conserve la richesse minérale des eaux-mères des marais salants de Guérande tout en affichant une faible teneur en sodium : moins de 12 mg par ampoule.\u003c\/p\u003e\n \u003cp\u003eCette formule est compatible avec les régimes sans sel et offre une excellente alternative pour les personnes qui souhaitent limiter leur apport en sodium tout en profitant d’un magnésium d’origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"mg-highlight-badges\"\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Sodium \u0026lt;12 mg par ampoule\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Compatible régimes sans sel\u003c\/span\u003e\n \u003cspan class=\"mg-mini-badge\"\u003e✓ Origine marine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🔬 Composition par ampoule\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition\"\u003e\n \u003cdiv class=\"mg-compo-main\"\u003e\n \u003cdiv class=\"mg-compo-circle\"\u003e\n \u003cspan class=\"mg-compo-value\"\u003e75 mg\u003c\/span\u003e\n \u003cspan class=\"mg-compo-label\"\u003eMagnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-vr\"\u003e\n \u003cspan class=\"mg-vr-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"mg-vr-text\"\u003edes Valeurs Nutritionnelles de Référence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-details\"\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🌊\u003c\/span\u003e\n \u003cspan\u003eEaux-mères désodées des marais salants de Guérande concentrées en magnésium à 7,5 g\/L, MagOrigine®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e💧\u003c\/span\u003e\n \u003cspan\u003eEau purifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🍏\u003c\/span\u003e\n \u003cspan\u003eJus concentré de pommes et jus concentré de citrons\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e🧂\u003c\/span\u003e\n \u003cspan\u003eSodium : moins de 12 mg par ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-compo-item\"\u003e\n \u003cspan class=\"mg-compo-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan\u003eSans colorants, sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📌 Quand penser à une cure de magnésium ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eLorsque la fatigue s’installe malgré le repos et que le rythme quotidien devient plus difficile à tenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🧠 Baisse de concentration\u003c\/h3\u003e\n \u003cp\u003eEn période d’examens, de charge mentale ou de journées intenses nécessitant plus de clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e🦵 Sollicitations musculaires\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement musculaire normal, notamment lorsque le corps est davantage sollicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card mg-card-warning\"\u003e\n \u003ch3\u003e😰 Équilibre nerveux\u003c\/h3\u003e\n \u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux et participe à l’équilibre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Conseils d’utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-steps\"\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eSecouez l’ampoule\u003c\/h3\u003e\n \u003cp\u003eLa présence de particules est naturelle. Secouez l’ampoule avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003eOuvrez les deux extrémités\u003c\/h3\u003e\n \u003cp\u003eCassez délicatement les deux pointes de l’ampoule avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003ePrenez-la pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eÀ prendre pure ou diluée dans un verre d’eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-step\"\u003e\n \u003cdiv class=\"mg-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mg-step-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eLe matin. Programme recommandé : 4 semaines minimum, idéalement 8 semaines. À renouveler autant de fois que nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😓 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour soutenir l’énergie physique et mentale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003ePour accompagner les périodes de concentration, d’examens ou de travail intellectuel intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💼 Actifs surmenés\u003c\/h3\u003e\n \u003cp\u003eUne recharge quotidienne pour les périodes de rythme soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour contribuer au bon fonctionnement musculaire après l’effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧂 Régimes sans sel\u003c\/h3\u003e\n \u003cp\u003eUne formule compatible avec les régimes sans sel grâce à sa faible teneur en sodium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUn magnésium naturel d’origine marine, issu des marais salants de Guérande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eℹ️ Bon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"mg-info-box\"\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e💡 Magnésium ionisé Mg²+\u003c\/h3\u003e\n \u003cp\u003eMagnésium Original 75 mg délivre un magnésium ionisé Mg²+, une forme immédiatement assimilable. Sa biodisponibilité est comparable aux formes chimiques de référence comme le bisglycinate ou le malate, avec la naturalité en plus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e🍋 Goût légèrement fruité\u003c\/h3\u003e\n \u003cp\u003eLa formule est subtilement aromatisée avec des concentrés de pommes et de citrons, pour une prise plus agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-info-item\"\u003e\n \u003ch3\u003e👀 Présence de particules\u003c\/h3\u003e\n \u003cp\u003eLa présence de particules est naturelle dans ce produit liquide. Il suffit de secouer l’ampoule avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e🏭 L’expertise AlgoSource\u003c\/h2\u003e\n \u003cdiv class=\"mg-brand-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eAlgoSource\u003c\/strong\u003e développe des compléments alimentaires liquides naturels à partir d’actifs d’origine marine. Installée à Guérande, l’entreprise valorise notamment les eaux-mères des marais salants pour proposer un magnésium naturel liquide, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n \u003cdiv class=\"mg-brand-badges\"\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e🌊 Marais salants de Guérande\u003c\/span\u003e\n \u003cspan class=\"mg-brand-badge\"\u003e✅ Origine marine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eBoîte de 15 ampoules de 10 ml, soit 150 ml. Programme de 15 jours à raison d’une ampoule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🍎 Informations nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003ePour 1 ampoule : magnésium 75 mg, soit 20% des Valeurs Nutritionnelles de Référence. Sodium : moins de 12 mg. Glucides : 2,23 g, dont sucres : 2,05 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eConservez les ampoules à l’abri de la chaleur et de l’humidité, hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions d’emploi\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. En cas de grossesse, d’allaitement, de pathologie particulière, de traitement médical ou d’insuffisance rénale, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e🌊 Soutenez votre énergie physique et mentale avec un magnésium naturel français, issu des marais salants de Guérande, hautement biodisponible et compatible avec les régimes sans sel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #FAF8F5;\n --mg-white: #ffffff;\n --mg-primary: #C4A66B;\n --mg-primary-dark: #8B7355;\n --mg-primary-light: #F5EFE6;\n --mg-secondary: #1E4A6E;\n --mg-secondary-light: #E8EEF3;\n --mg-accent: #D4AF37;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e0e0e0;\n --mg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mg-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #1E4A6E 0%, #2D5A7E 40%, #C4A66B 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-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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-secondary);\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.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}\n\n.mg-subtitle {\n color: var(--mg-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\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-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.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\/* === GRILLE === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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-secondary);\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.mg-card-warning {\n border-left: 4px solid var(--mg-primary);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mg-highlight-box {\n background: linear-gradient(135deg, var(--mg-secondary-light) 0%, var(--mg-primary-light) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--mg-primary);\n}\n\n.mg-highlight-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 1rem 0;\n}\n\n.mg-highlight-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mg-text);\n line-height: 1.7;\n margin: 0 0 1.25rem 0;\n}\n\n.mg-highlight-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.mg-mini-badge {\n padding: 6px 12px;\n background: var(--mg-white);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--mg-secondary);\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-compo-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.mg-compo-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n box-shadow: 0 8px 32px rgba(30,74,110,.3);\n}\n\n.mg-compo-value {\n font-size: 28px;\n font-weight: 900;\n}\n\n.mg-compo-label {\n font-size: 13px;\n font-weight: 600;\n opacity: .9;\n}\n\n.mg-compo-vr {\n text-align: center;\n}\n\n.mg-vr-number {\n display: block;\n font-size: 48px;\n font-weight: 900;\n color: var(--mg-primary);\n line-height: 1;\n}\n\n.mg-vr-text {\n display: block;\n font-size: 14px;\n color: var(--mg-text-light);\n max-width: 180px;\n}\n\n.mg-compo-details {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-top: 1.5rem;\n border-top: 1px solid var(--mg-border);\n}\n\n.mg-compo-item {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--mg-text);\n}\n\n.mg-compo-icon {\n font-size: 20px;\n}\n\n\/* === STEPS === *\/\n.mg-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--mg-shadow);\n transition: all .3s ease;\n}\n\n.mg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mg-secondary) 0%, var(--mg-primary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.mg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .35rem 0;\n}\n\n.mg-step-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFO BOX === *\/\n.mg-info-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-info-item {\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-left: 4px solid var(--mg-primary);\n}\n\n.mg-info-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.mg-info-item p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BRAND BOX === *\/\n.mg-brand-box {\n background: linear-gradient(135deg, var(--mg-secondary) 0%, #2D6A8E 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n}\n\n.mg-brand-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0 0 1.5rem 0;\n}\n\n.mg-brand-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.mg-brand-badge {\n padding: 8px 16px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.2);\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-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.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: 5px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\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::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.mg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\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-compo-main {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .mg-compo-circle {\n width: 120px;\n height: 120px;\n }\n \n .mg-compo-value {\n font-size: 24px;\n }\n \n .mg-vr-number {\n font-size: 40px;\n }\n \n .mg-step {\n padding: 1rem;\n }\n \n .mg-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\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\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: fadeInUp .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 .mg-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .mg-step:nth-child(1) { animation-delay: .1s; }\n .mg-step:nth-child(2) { animation-delay: .2s; }\n .mg-step:nth-child(3) { animation-delay: .3s; }\n .mg-step:nth-child(4) { 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@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(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":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755368308893,"sku":"ALPHABMAGNE20","price":13.22,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-marin-hyposode-pauvre-en-sodium-15-ampoules-algoso-lifestyle.webp?v=1783608781"},{"product_id":"cailloux-ambre-maharani-jardin-de-mon-grand-pere","title":"Cailloux Ambre Maharani - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux Ambre Maharani - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #8B4557 (bordeaux\/lie de vin du cadre étiquette)\n - Secondaire: #D4A574 (doré\/ambre des cailloux et sachet kraft)\n - Accent: #C9A86C (or chaud des reflets)\nAmbiance: Orientale luxueuse, artisanale raffinée, inspiration Rajasthan\/palais indien, chaleur ambrée\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e✨ Fait main avec amour\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🏺 Ambre précieux\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🌹 Rose \u0026amp; patchouli\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eCailloux d'Ambre Maharani\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eJardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eUn voyage sensoriel au cœur des palais du Rajasthan. Ces petits joyaux olfactifs artisanaux diffusent une fragrance chaude, profonde et captivante qui transforme votre intérieur en sanctuaire de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- L'HÉRITAGE DES MAHARANIS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🏰 L'héritage des Maharanis\u003c\/h2\u003e\n \u003cdiv class=\"amb-story-box\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e👑\u003c\/div\u003e\n \u003cdiv class=\"amb-story-content\"\u003e\n \u003cp\u003eLe nom \u003cstrong\u003eMaharani\u003c\/strong\u003e évoque les \u003cem\u003eRani\u003c\/em\u003e, ces reines majestueuses, grandes épouses des Maharajahs de Jaipur, dont le raffinement et l'élégance étaient légendaires.\u003c\/p\u003e\n \u003cp\u003eLes palais qu'elles habitaient embaumaient de fragrances précieuses, mêlant encens, roses et résines rares. Chaque caillou renferme des siècles de tradition parfumière orientale, offrant à votre intérieur une ambiance digne des plus beaux palais indiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PYRAMIDE OLFACTIVE --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌸 La pyramide olfactive\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eUne composition d'exception soigneusement orchestrée\u003c\/p\u003e\n \u003cdiv class=\"amb-pyramid\"\u003e\n \u003cdiv class=\"amb-pyramid-level amb-pyramid-heart\"\u003e\n \u003cdiv class=\"amb-pyramid-icon\"\u003e🌹\u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-content\"\u003e\n \u003cspan class=\"amb-pyramid-label\"\u003eNotes de cœur florales\u003c\/span\u003e\n \u003cp\u003eLa rose apporte son élégance intemporelle, adoucissant l'ensemble d'une touche délicate et féminine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-level amb-pyramid-base\"\u003e\n \u003cdiv class=\"amb-pyramid-icon\"\u003e🪵\u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-content\"\u003e\n \u003cspan class=\"amb-pyramid-label\"\u003eNotes de fond ambrées et boisées\u003c\/span\u003e\n \u003cp\u003eL'ambre déploie sa chaleur enveloppante tandis que le patchouli ajoute une profondeur terreuse et sensuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-level amb-pyramid-sillage\"\u003e\n \u003cdiv class=\"amb-pyramid-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-content\"\u003e\n \u003cspan class=\"amb-pyramid-label\"\u003eSillage durable\u003c\/span\u003e\n \u003cp\u003eContrairement aux bougies ou sprays éphémères, ces cailloux diffusent leur fragrance pendant des semaines, voire des mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-result-box\"\u003e\n \u003cp\u003e✨ Un parfum d'ambiance cœur d'ambre sophistiqué, ni trop sucré ni trop lourd, qui séduit par son équilibre parfait entre opulence et subtilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- L'AMBRE GRIS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌊 L'ambre gris : un trésor des océans\u003c\/h2\u003e\n \u003cdiv class=\"amb-treasure-grid\"\u003e\n \u003cdiv class=\"amb-treasure-card\"\u003e\n \u003cdiv class=\"amb-treasure-emoji\"\u003e🐋\u003c\/div\u003e\n \u003ch3\u003eOrigine mythique\u003c\/h3\u003e\n \u003cp\u003eCette matière première légendaire, véritable or des parfumeurs, provient des océans bordant Madagascar, l'Inde et la Chine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-treasure-card\"\u003e\n \u003cdiv class=\"amb-treasure-emoji\"\u003e☀️\u003c\/div\u003e\n \u003ch3\u003eMétamorphose naturelle\u003c\/h3\u003e\n \u003cp\u003eAu contact de l'eau de mer et du soleil, sa teinte s'éclaircit et son parfum évolue pendant 2 à 3 ans de maturation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-treasure-card\"\u003e\n \u003cdiv class=\"amb-treasure-emoji\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eParfumerie de luxe\u003c\/h3\u003e\n \u003cp\u003eUtilisé depuis l'Antiquité, il confère aux fragrances une tenue exceptionnelle et une intensité incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMMENT UTILISER --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📖 Trois méthodes, trois ambiances\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eLa polyvalence des Cailloux d'Ambre Maharani vous permet de les intégrer à votre quotidien de multiples façons\u003c\/p\u003e\n \u003cdiv class=\"amb-methods-grid\"\u003e\n \u003cdiv class=\"amb-method-card\"\u003e\n \u003cdiv class=\"amb-method-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"amb-method-emoji\"\u003e🏠\u003c\/div\u003e\n \u003ch3\u003eDiffusion douce\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle, un tiroir ou une armoire. Placez-les près d'une source de chaleur naturelle pour intensifier la diffusion.\u003c\/p\u003e\n \u003cspan class=\"amb-method-tip\"\u003e💡 Idéal pour un parfum d'ambiance subtil et continu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-method-card\"\u003e\n \u003cdiv class=\"amb-method-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"amb-method-emoji\"\u003e✋\u003c\/div\u003e\n \u003ch3\u003eTalisman parfumé\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou deux cailloux dans votre poche ou sac. Au contact de votre chaleur corporelle, ils libèrent leur senteur ambrée toute la journée.\u003c\/p\u003e\n \u003cspan class=\"amb-method-tip\"\u003e💡 Ils deviennent de véritables gri-gris porte-bonheur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-method-card\"\u003e\n \u003cdiv class=\"amb-method-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"amb-method-emoji\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eDiffusion intense\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 cailloux dans un brûle-parfum. Sous l'effet de la chaleur, la matière fond en libérant une fragrance puissante et captivante.\u003c\/p\u003e\n \u003cspan class=\"amb-method-tip\"\u003e💡 Réutilisable jusqu'à épuisement total du parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e⭐ Pourquoi choisir les cailloux d'ambre ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-advantages-grid\"\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurabilité exceptionnelle\u003c\/strong\u003e\n \u003cp\u003eDiffuse son parfum pendant des semaines, contrairement aux bougies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🤲\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFabrication artisanale\u003c\/strong\u003e\n \u003cp\u003eChaque caillou est façonné à la main avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🔄\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePolyvalence d'utilisation\u003c\/strong\u003e\n \u003cp\u003eTrois méthodes adaptées à vos envies et à chaque moment\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eZéro déchet électrique\u003c\/strong\u003e\n \u003cp\u003ePas de pile, pas de prise, une solution élégante et écologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🎨\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eObjet décoratif\u003c\/strong\u003e\n \u003cp\u003eLeur apparence de petits galets dorés sublime votre décoration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FORMATS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📦 Choisissez votre format\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003ePrésentés dans un élégant sachet kraft respectueux de l'environnement\u003c\/p\u003e\n \u003cdiv class=\"amb-formats-grid\"\u003e\n \u003cdiv class=\"amb-format-card\"\u003e\n \u003cspan class=\"amb-format-weight\"\u003e50g\u003c\/span\u003e\n \u003cspan class=\"amb-format-qty\"\u003e≈ 5 à 7 cailloux\u003c\/span\u003e\n \u003cp\u003eIdéal pour découvrir le produit ou parfumer un petit espace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-format-card amb-format-popular\"\u003e\n \u003cspan class=\"amb-format-badge\"\u003ePopulaire\u003c\/span\u003e\n \u003cspan class=\"amb-format-weight\"\u003e100g\u003c\/span\u003e\n \u003cspan class=\"amb-format-qty\"\u003e≈ 10 à 14 cailloux\u003c\/span\u003e\n \u003cp\u003eParfait pour parfumer plusieurs pièces ou offrir en cadeau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-format-card\"\u003e\n \u003cspan class=\"amb-format-weight\"\u003e200g\u003c\/span\u003e\n \u003cspan class=\"amb-format-qty\"\u003e≈ 20 à 28 cailloux\u003c\/span\u003e\n \u003cp\u003eLe format généreux pour les amoureux de cette fragrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🔬 Composition et transparence\u003c\/h2\u003e\n \u003cdiv class=\"amb-compo-grid\"\u003e\n \u003cdiv class=\"amb-compo-card\"\u003e\n \u003ch3\u003e🧪 Composants parfumants\u003c\/h3\u003e\n \u003cul class=\"amb-compo-list\"\u003e\n \u003cli\u003eBenzyl Salicylate\u003c\/li\u003e\n \u003cli\u003eGeranyl Acetate\u003c\/li\u003e\n \u003cli\u003eCitronellol\u003c\/li\u003e\n \u003cli\u003eEugenol\u003c\/li\u003e\n \u003cli\u003eAlpha-iso-methylionone\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-compo-card amb-compo-warning\"\u003e\n \u003ch3\u003e⚠️ Précautions d'emploi\u003c\/h3\u003e\n \u003cul class=\"amb-compo-list\"\u003e\n \u003cli\u003ePeut provoquer une réaction allergique chez certaines personnes sensibles\u003c\/li\u003e\n \u003cli\u003eNocif pour les organismes aquatiques – évitez tout rejet dans l'environnement\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants et des animaux domestiques\u003c\/li\u003e\n \u003cli\u003eNe pas ingérer\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"amb-faq\"\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003eCombien de temps dure le parfum des cailloux ?\u003c\/h3\u003e\n \u003cp\u003eEn diffusion passive (posés dans une coupelle), les cailloux conservent leur fragrance pendant plusieurs semaines à plusieurs mois selon les conditions ambiantes. Utilisés au brûle-parfum, ils peuvent être fondus et resolidifiés de nombreuses fois jusqu'à épuisement progressif du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003ePeut-on raviver le parfum des cailloux ?\u003c\/h3\u003e\n \u003cp\u003eOui ! Si vous trouvez que la diffusion s'atténue, passez simplement les cailloux au brûle-parfum ou frottez-les légèrement entre vos mains. La chaleur réactive les molécules parfumées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003eCe parfum convient-il à toutes les pièces ?\u003c\/h3\u003e\n \u003cp\u003eAbsolument. L'Ambre Maharani s'adapte aussi bien au salon qu'à la chambre, la salle de bain ou même un bureau. Sa chaleur enveloppante crée une atmosphère accueillante sans être envahissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003eLes cailloux sont-ils adaptés aux personnes sensibles aux parfums ?\u003c\/h3\u003e\n \u003cp\u003eLa diffusion progressive et naturelle des cailloux est généralement mieux tolérée que les sprays ou diffuseurs électriques. Cependant, si vous êtes sensible aux composants parfumants listés, nous vous conseillons de tester avec un petit format.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GAMME --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌿 Complétez votre rituel parfumé\u003c\/h2\u003e\n \u003cdiv class=\"amb-range-box\"\u003e\n \u003cp\u003eVous êtes séduit par l'univers olfactif de l'Ambre Maharani ? Découvrez l'ensemble de la gamme \u003cstrong\u003e\u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/jardin-de-mon-grand-pere\" title=\"Jardin de mon grand père\"\u003eJardin de mon Grand-Père\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eVous y trouverez notamment des \u003cstrong\u003eeaux aromatiques\u003c\/strong\u003e aux flacons raffinés, parfaites pour prolonger cette expérience sensorielle sur votre peau ou dans votre linge de maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cspan class=\"amb-cta-emoji\"\u003e🪔\u003c\/span\u003e\n \u003cp\u003eTransformez votre intérieur en véritable sanctuaire de sérénité avec ces petits joyaux olfactifs artisanaux, héritiers d'une tradition parfumière millénaire.\u003c\/p\u003e\n \u003cspan class=\"amb-cta-tagline\"\u003eFait main avec amour • Tradition orientale • Fragrance d'exception\u003c\/span\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 \/* Couleurs principales *\/\n --amb-cream: #FDF8F3;\n --amb-white: #ffffff;\n --amb-primary: #8B4557;\n --amb-primary-dark: #6B3344;\n --amb-primary-light: #F5E6EA;\n --amb-secondary: #D4A574;\n --amb-secondary-dark: #B8956A;\n --amb-accent: #C9A86C;\n\n \/* Textes *\/\n --amb-text: #2D2A28;\n --amb-text-light: #6B6560;\n\n \/* Effets *\/\n --amb-border: #E8DDD4;\n --amb-shadow: 0 4px 24px rgba(139, 69, 87, .08);\n --amb-shadow-lg: 0 12px 48px rgba(139, 69, 87, .15);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--amb-text);\n line-height: 1.7;\n}\n\n.amb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 40%, #4A2433 100%);\n border-radius: var(--amb-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(--amb-shadow-lg);\n}\n\n.amb-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(212, 165, 116, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201, 168, 108, .1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23D4A574' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.amb-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(--amb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.amb-subtitle {\n color: var(--amb-secondary);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.amb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.8;\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--amb-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.amb-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(--amb-primary), var(--amb-secondary));\n border-radius: 2px;\n}\n\n.amb-section-intro {\n text-align: center;\n color: var(--amb-text-light);\n font-size: clamp(16px, 2vw, 18px);\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === STORY BOX === *\/\n.amb-story-box {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border-left: 5px solid var(--amb-secondary);\n}\n\n.amb-story-icon {\n font-size: 3rem;\n flex-shrink: 0;\n}\n\n.amb-story-content p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n}\n\n.amb-story-content p:last-child {\n margin-bottom: 0;\n}\n\n.amb-story-content strong {\n color: var(--amb-primary-dark);\n}\n\n\/* === PYRAMIDE === *\/\n.amb-pyramid {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto 2rem;\n}\n\n.amb-pyramid-level {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem 2rem;\n box-shadow: var(--amb-shadow);\n transition: all .3s ease;\n}\n\n.amb-pyramid-level:hover {\n transform: translateX(10px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-pyramid-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.amb-pyramid-label {\n display: block;\n font-weight: 800;\n color: var(--amb-primary-dark);\n font-size: clamp(15px, 2vw, 17px);\n margin-bottom: .25rem;\n}\n\n.amb-pyramid-content p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n.amb-pyramid-heart { border-left: 4px solid #E88B9C; }\n.amb-pyramid-base { border-left: 4px solid var(--amb-secondary); }\n.amb-pyramid-sillage { border-left: 4px solid var(--amb-accent); }\n\n.amb-result-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, #FDF5F0 100%);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem 2rem;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.amb-result-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 600;\n color: var(--amb-primary-dark);\n}\n\n\/* === TREASURE GRID === *\/\n.amb-treasure-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-treasure-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n text-align: center;\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-treasure-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-treasure-emoji {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-treasure-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.amb-treasure-card p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === METHODS GRID === *\/\n.amb-methods-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-method-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-method-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-method-number {\n position: absolute;\n top: -12px;\n left: 20px;\n background: linear-gradient(135deg, var(--amb-primary), var(--amb-primary-dark));\n color: white;\n font-size: 12px;\n font-weight: 900;\n padding: 6px 12px;\n border-radius: 999px;\n}\n\n.amb-method-emoji {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-method-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.amb-method-card p {\n margin: 0 0 1rem 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n.amb-method-tip {\n display: block;\n background: var(--amb-primary-light);\n color: var(--amb-primary-dark);\n font-size: 13px;\n font-weight: 600;\n padding: 8px 12px;\n border-radius: var(--amb-radius-sm);\n}\n\n\/* === ADVANTAGES === *\/\n.amb-advantages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n}\n\n.amb-advantage {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n transition: all .3s ease;\n}\n\n.amb-advantage:hover {\n transform: translateX(5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-advantage-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n}\n\n.amb-advantage strong {\n display: block;\n color: var(--amb-primary-dark);\n font-size: clamp(15px, 2vw, 16px);\n margin-bottom: .25rem;\n}\n\n.amb-advantage p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(13px, 1.6vw, 14px);\n}\n\n\/* === FORMATS === *\/\n.amb-formats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.amb-format-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n text-align: center;\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-border);\n transition: all .3s ease;\n position: relative;\n}\n\n.amb-format-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-format-popular {\n border-color: var(--amb-primary);\n background: linear-gradient(180deg, var(--amb-white) 0%, var(--amb-primary-light) 100%);\n}\n\n.amb-format-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--amb-primary), var(--amb-primary-dark));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 16px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.amb-format-weight {\n display: block;\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: .25rem;\n}\n\n.amb-format-qty {\n display: block;\n color: var(--amb-secondary-dark);\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.amb-format-card p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(13px, 1.6vw, 14px);\n}\n\n\/* === COMPOSITION === *\/\n.amb-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-compo-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n}\n\n.amb-compo-card h3 {\n font-size: clamp(16px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.amb-compo-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.amb-compo-list li {\n padding: .5rem 0 .5rem 1.5rem;\n position: relative;\n font-size: clamp(13px, 1.6vw, 14px);\n color: var(--amb-text-light);\n border-bottom: 1px solid var(--amb-border);\n}\n\n.amb-compo-list li:last-child {\n border-bottom: none;\n}\n\n.amb-compo-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--amb-secondary);\n font-weight: 900;\n}\n\n.amb-compo-warning {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5E5 100%);\n border-left: 4px solid #E6A030;\n}\n\n.amb-compo-warning h3 {\n color: #9A6B20;\n}\n\n.amb-compo-warning li::before {\n color: #E6A030;\n}\n\n\/* === FAQ === *\/\n.amb-faq {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.amb-faq-item {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1rem;\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-secondary);\n transition: all .3s ease;\n}\n\n.amb-faq-item:hover {\n transform: translateX(5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-faq-item h3 {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.amb-faq-item p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === RANGE BOX === *\/\n.amb-range-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-border);\n}\n\n.amb-range-box p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--amb-text);\n}\n\n.amb-range-box p:last-child {\n margin-bottom: 0;\n}\n\n.amb-range-box a {\n color: var(--amb-primary);\n font-weight: 700;\n text-decoration: none;\n border-bottom: 2px solid var(--amb-secondary);\n transition: all .3s ease;\n}\n\n.amb-range-box a:hover {\n color: var(--amb-primary-dark);\n border-color: var(--amb-primary);\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 50%, #4A2433 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(212, 165, 116, .2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(201, 168, 108, .15) 0%, transparent 40%);\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-emoji {\n font-size: 3rem;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.amb-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;\n}\n\n.amb-cta-tagline {\n display: inline-block;\n color: var(--amb-secondary);\n font-size: clamp(12px, 1.6vw, 14px);\n font-weight: 700;\n letter-spacing: .1em;\n text-transform: uppercase;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-story-box {\n flex-direction: column;\n text-align: center;\n }\n \n .amb-methods-grid,\n .amb-treasure-grid,\n .amb-advantages-grid,\n .amb-formats-grid,\n .amb-compo-grid {\n grid-template-columns: 1fr;\n }\n \n .amb-pyramid-level {\n flex-direction: column;\n text-align: center;\n }\n \n .amb-pyramid-level:hover {\n transform: translateY(-5px);\n }\n \n .amb-advantage:hover {\n transform: translateY(-3px);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-treasure-card,\n .amb-method-card,\n .amb-format-card,\n .amb-faq-item {\n animation: ambFadeInUp .6s ease backwards;\n }\n \n .amb-treasure-card:nth-child(1),\n .amb-method-card:nth-child(1) { animation-delay: .1s; }\n .amb-treasure-card:nth-child(2),\n .amb-method-card:nth-child(2) { animation-delay: .2s; }\n .amb-treasure-card:nth-child(3),\n .amb-method-card:nth-child(3) { animation-delay: .3s; }\n \n .amb-format-card:nth-child(1) { animation-delay: .1s; }\n .amb-format-card:nth-child(2) { animation-delay: .2s; }\n .amb-format-card:nth-child(3) { animation-delay: .3s; }\n \n .amb-faq-item:nth-child(1) { animation-delay: .1s; }\n .amb-faq-item:nth-child(2) { animation-delay: .15s; }\n .amb-faq-item:nth-child(3) { animation-delay: .2s; }\n .amb-faq-item:nth-child(4) { animation-delay: .25s; }\n}\n\n@keyframes ambFadeInUp {\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 .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-premium {\n --amb-text: #000000;\n --amb-text-light: #333333;\n }\n \n .amb-badge,\n .amb-treasure-card,\n .amb-method-card,\n .amb-format-card,\n .amb-advantage,\n .amb-faq-item,\n .amb-compo-card {\n border: 2px solid var(--amb-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720064123257,"sku":"CAILLOUXAMBMAHA-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720064156025,"sku":"CAILLOUXAMBMAHA-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720064188793,"sku":"CAILLOUXAMBMAHA-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_3__11zon.jpg?v=1766137826"},{"product_id":"vermifuge-pour-chien_chat-vermiprotect-90-gelules-phytolab","title":"Vermi' Protect + Chien et Chat - Vermifuge - 90 Gélules - Phyto'Lab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vermi' Protect + - Vermifuge naturel pour chien et chat\nPalette détectée:\n - Primaire: #4DB89C (vert menthe\/turquoise du packaging - évoque le naturel et la santé)\n - Secondaire: #3B7A65 (vert plus profond pour contraste)\n - Accent: #D4A574 (beige\/kraft du contour cylindrique)\nAmbiance: Naturel\/bio\/santé animale, packaging français (drapeau tricolore), style vétérinaire moderne et rassurant, univers clean et professionnel avec touche artisanale (kraft)\nPréfixe CSS: vp\n--\u003e\n\n\u003cdiv class=\"vp-premium\"\u003e\n \n \u003cdiv class=\"vp-hero\"\u003e\n \u003cdiv class=\"vp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vp-hero-content\"\u003e\n \u003cdiv class=\"vp-badges-top\"\u003e\n \u003cspan class=\"vp-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"vp-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"vp-badge\"\u003e🐕 Chiens \u0026amp; chats\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vp-hero-title\"\u003eVermi' Protect +\u003c\/span\u003e\n \u003cp class=\"vp-subtitle\"\u003eLe vermifuge naturel nouvelle génération\u003c\/p\u003e\n \u003cp class=\"vp-description\"\u003eRepousse et expulse les parasites intestinaux tout en renforçant la flore digestive de votre compagnon. Une protection complète, naturelle et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"vp-section\"\u003e\n \u003ch2\u003e🎯 Pourquoi choisir Vermi' Protect + ?\u003c\/h2\u003e\n \u003cdiv class=\"vp-grid\"\u003e\n \u003cdiv class=\"vp-card\"\u003e\n \u003ch3\u003e🛡️ Protection complète\u003c\/h3\u003e\n \u003cp\u003eÉlimine efficacement tous les types de vers intestinaux (ténias, ascaris, vers plats) grâce à une synergie d'actifs naturels puissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card\"\u003e\n \u003ch3\u003e💚 Double action\u003c\/h3\u003e\n \u003cp\u003eNettoie le milieu intestinal en profondeur tout en renforçant et préservant l'équilibre de la flore digestive de votre animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients d'exception\u003c\/h3\u003e\n \u003cp\u003eComposition 100% naturelle reconnue pour ses propriétés vermifuges, antiseptiques et purifiantes, sans produits chimiques agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card\"\u003e\n \u003ch3\u003e✨ Bénéfices visibles\u003c\/h3\u003e\n \u003cp\u003eAu-delà de l'action vermifuge : améliore la brillance du poil, réduit le stress et soutient le confort articulaire de votre compagnon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card\"\u003e\n \u003ch3\u003e🔬 Formule éprouvée\u003c\/h3\u003e\n \u003cp\u003eDéveloppée pour agir en synergie avec les cycles lunaires, moment où les parasites sont les plus vulnérables et faciles à éliminer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France par Phyto'Lab, expert en phytothérapie animale, garantissant qualité, traçabilité et normes strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vp-section\"\u003e\n \u003ch2\u003e🌿 6 ingrédients naturels d'exception\u003c\/h2\u003e\n \u003cdiv class=\"vp-grid\"\u003e\n \u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n \u003ch3\u003e⚪ Terre de diatomée\u003c\/h3\u003e\n \u003cp class=\"vp-ingredient-benefit\"\u003eL'antiparasitaire naturel de référence\u003c\/p\u003e\n \u003cp\u003eInsecticide et vermifuge puissant d'origine minérale. Agit mécaniquement contre les parasites tout en apportant des bienfaits sur les articulations et le pelage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n \u003ch3\u003e🎃 Graines de courge\u003c\/h3\u003e\n \u003cp class=\"vp-ingredient-benefit\"\u003eEfficacité prouvée contre ténias et ascaris\u003c\/p\u003e\n \u003cp\u003eReconnues pour leur action ciblée sur les parasites intestinaux. Favorisent la cicatrisation du tube digestif et agissent comme laxatif naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n \u003ch3\u003e⚫ Graines de nigelle\u003c\/h3\u003e\n \u003cp class=\"vp-ingredient-benefit\"\u003eÉradication sûre de la plupart des vers\u003c\/p\u003e\n \u003cp\u003eUtilisées depuis des siècles pour éliminer vers et parasites intestinaux de manière naturelle et sécuritaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Noix de coco râpée\u003c\/h3\u003e\n \u003cp class=\"vp-ingredient-benefit\"\u003eAntiseptique et antiparasitaire polyvalent\u003c\/p\u003e\n \u003cp\u003eLes triglycérides à chaîne moyenne agissent contre les vers plats et la giardase. Propriétés antiseptiques et antifongiques remarquables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n \u003ch3\u003e🧄 Ail en poudre\u003c\/h3\u003e\n \u003cp class=\"vp-ingredient-benefit\"\u003eAntimicrobien et antibiotique naturel\u003c\/p\u003e\n \u003cp\u003eCombat les infections internes et externes et certains parasites comme les vers plats et organismes protozoaires (giardia).\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 class=\"vp-ingredient-benefit\"\u003eDélogement des parasites intestinaux\u003c\/p\u003e\n \u003cp\u003ePlante aromatique aux vertus reconnues pour expulser les parasites du tube digestif et compléter l'action de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vp-section\"\u003e\n \u003ch2\u003e📅 Mode d'emploi : le calendrier lunaire\u003c\/h2\u003e\n \u003cdiv class=\"vp-timeline\"\u003e\n \u003cdiv class=\"vp-timeline-item\"\u003e\n \u003cdiv class=\"vp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vp-timeline-content\"\u003e\n \u003ch3\u003e🌕 En période lunaire (recommandé)\u003c\/h3\u003e\n \u003cp\u003eDébutez \u003cstrong\u003e4 jours avant la pleine lune\u003c\/strong\u003e et poursuivez jusqu'à \u003cstrong\u003e4 jours après\u003c\/strong\u003e. Les parasites sont plus actifs et donc plus vulnérables au traitement.\u003c\/p\u003e\n \u003cspan class=\"vp-lunar-badge\"\u003e✨ Efficacité optimale sur 9 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-timeline-item\"\u003e\n \u003cdiv class=\"vp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vp-timeline-content\"\u003e\n \u003ch3\u003e📆 Hors période lunaire\u003c\/h3\u003e\n \u003cp\u003eSi vous ne pouvez pas respecter le calendrier lunaire, administrez le traitement pendant \u003cstrong\u003e10 jours consécutifs\u003c\/strong\u003e. L'efficacité reste excellente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-timeline-item\"\u003e\n \u003cdiv class=\"vp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vp-timeline-content\"\u003e\n \u003ch3\u003e🔄 Fréquence annuelle\u003c\/h3\u003e\n \u003cp\u003eRenouvelez ce protocole \u003cstrong\u003e4 fois par an\u003c\/strong\u003e (tous les 3 mois) pour maintenir une protection optimale et prévenir toute réinfestation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vp-section\"\u003e\n \u003ch2\u003e⚖️ Posologie selon le poids\u003c\/h2\u003e\n \u003cdiv class=\"vp-grid-compact\"\u003e\n \u003cdiv class=\"vp-card vp-card-dosage\"\u003e\n \u003ch3\u003e🐱 \u0026lt; 5 kg\u003c\/h3\u003e\n \u003cdiv class=\"vp-dosage-amount\"\u003e1 gélule\u003c\/div\u003e\n \u003cp\u003epar jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-dosage\"\u003e\n \u003ch3\u003e🐕 5-10 kg\u003c\/h3\u003e\n \u003cdiv class=\"vp-dosage-amount\"\u003e2 gélules\u003c\/div\u003e\n \u003cp\u003e1 matin + 1 soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-dosage\"\u003e\n \u003ch3\u003e🐕 10-25 kg\u003c\/h3\u003e\n \u003cdiv class=\"vp-dosage-amount\"\u003e4 gélules\u003c\/div\u003e\n \u003cp\u003e2 matin + 2 soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-dosage\"\u003e\n \u003ch3\u003e🐕 \u0026gt; 25 kg\u003c\/h3\u003e\n \u003cdiv class=\"vp-dosage-amount\"\u003e6 gélules\u003c\/div\u003e\n \u003cp\u003e3 matin + 3 soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Ouvrez la gélule et mélangez son contenu à la nourriture. La plupart des compagnons l'acceptent facilement grâce au goût naturel des ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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 vp-card-info\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e90 gélules végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-info\"\u003e\n \u003ch3\u003e🔄 Durée\u003c\/h3\u003e\n \u003cp\u003ePlusieurs cures selon poids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-info\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vp-card vp-card-info\"\u003e\n \u003ch3\u003e🐾 Cibles\u003c\/h3\u003e\n \u003cp\u003eChiens \u0026amp; chats adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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\u003eFemelles gestantes ou allaitantes :\u003c\/strong\u003e Ne pas administrer par précaution. Attendez la fin de l'allaitement pour débuter le traitement.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eComplément naturel :\u003c\/strong\u003e Ce produit ne remplace pas un traitement vétérinaire prescrit. Il s'inscrit dans une démarche de prévention et d'accompagnement naturel.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eEn cas de doute :\u003c\/strong\u003e Pour les animaux malades, sous traitement, très jeunes ou fragilisés, demandez l'avis de votre 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\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement après chaque utilisation. Tenir hors de portée des enfants.\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🌙 Pourquoi le calendrier lunaire ?\u003c\/summary\u003e\n \u003cdiv class=\"vp-accordion-content\"\u003e\n \u003cp\u003eLes parasites intestinaux sont plus actifs et se reproduisent davantage autour de la pleine lune. En administrant le vermifuge pendant cette période, on cible les parasites au moment où ils sont les plus vulnérables, maximisant ainsi l'efficacité du traitement naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"vp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vp-cta-box\"\u003e\n \u003cp\u003e🐾 Offrez à votre compagnon une protection naturelle et efficace contre les parasites intestinaux. Vermi' Protect + allie efficacité, douceur et respect du bien-être animal. Formulé avec 6 ingrédients naturels d'exception et fabriqué en France par Phyto'Lab, expert en phytothérapie animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --vp-cream: #f9faf8;\n --vp-white: #ffffff;\n --vp-primary: #4DB89C;\n --vp-primary-dark: #2D8B73;\n --vp-primary-light: #e6f5f1;\n --vp-secondary: #3B7A65;\n --vp-accent: #D4A574;\n --vp-text: #1a1a1a;\n --vp-text-light: #5a5a5a;\n --vp-border: #e0e0e0;\n --vp-shadow: 0 4px 24px rgba(77,184,156,.08);\n --vp-shadow-lg: 0 12px 48px rgba(77,184,156,.15);\n --vp-radius: 20px;\n --vp-radius-sm: 12px;\n}\n\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.vp-hero {\n position: relative;\n background: linear-gradient(135deg, #4DB89C 0%, #3B9884 50%, #2D8B73 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: .06;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.4) 2px, transparent 2px),\n radial-gradient(circle at 80% 30%, rgba(255,255,255,.3) 3px, transparent 3px);\n background-size: 60px 60px, 90px 90px;\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(17px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.vp-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.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.vp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 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.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 background: linear-gradient(to bottom, var(--vp-primary-light) 0%, var(--vp-white) 100%);\n text-align: left;\n}\n\n.vp-card-ingredient h3 {\n text-align: center;\n margin-bottom: .75rem;\n}\n\n.vp-ingredient-benefit {\n font-size: 13px !important;\n font-weight: 700;\n color: var(--vp-primary) !important;\n font-style: italic;\n margin-bottom: .5rem !important;\n text-align: center;\n}\n\n.vp-card-dosage {\n background: linear-gradient(to bottom, var(--vp-primary-light) 0%, var(--vp-white) 100%);\n}\n\n.vp-card-dosage h3 {\n margin-bottom: .5rem;\n}\n\n.vp-dosage-amount {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 900;\n color: var(--vp-primary);\n margin-bottom: .25rem;\n}\n\n.vp-card-dosage p {\n font-size: 12px;\n font-weight: 600;\n}\n\n.vp-card-info {\n padding: 1rem;\n}\n\n.vp-card-info h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vp-card-info p {\n font-size: 13px;\n font-weight: 600;\n color: var(--vp-text);\n}\n\n.vp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.vp-timeline-item {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n}\n\n.vp-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--vp-primary), var(--vp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(77,184,156,.3);\n}\n\n.vp-timeline-content {\n flex: 1;\n background: var(--vp-white);\n border-radius: var(--vp-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--vp-shadow);\n border-left: 4px solid var(--vp-primary);\n}\n\n.vp-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.vp-timeline-content p {\n font-size: 14px;\n color: var(--vp-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.vp-lunar-badge {\n display: inline-block;\n background: linear-gradient(135deg, var(--vp-accent), #c49664);\n color: white;\n padding: 6px 14px;\n border-radius: 8px;\n font-size: 12px;\n font-weight: 700;\n margin-top: .75rem;\n}\n\n.vp-tip-box {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--vp-primary);\n margin-top: 1.25rem;\n}\n\n.vp-tip-box p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--vp-text);\n margin: 0;\n}\n\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 .75rem 0;\n}\n\n.vp-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\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, 18px);\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 .vp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vp-grid-compact {\n gap: .625rem;\n }\n \n .vp-grid-compact .vp-card {\n padding: .75rem;\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-timeline-item {\n flex-direction: column;\n gap: .75rem;\n }\n \n .vp-timeline-number {\n width: 38px;\n height: 38px;\n font-size: 18px;\n }\n \n .vp-badges-top {\n gap: 8px;\n }\n \n .vp-badge {\n font-size: 11px;\n padding: 6px 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\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}\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 .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":45755388133533,"sku":"VERMIPROTECT","price":22.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vermi-protect-chien-et-chat-vermifuge-90-gelules-phytolab-lifestyle_21df29fd-7eea-4388-a888-a81dac2ff355.webp?v=1770382386"},{"product_id":"hipposil-150-comprimes-labo-demeter","title":"Hipposil - Harpagophytum \u0026 silicium pour cheval - arthrose et tendons - Labo-Demeter","description":"\u003cdiv class=\"hp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hp-hero\"\u003e\n\u003cdiv class=\"hp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hp-hero-content\"\u003e\n\u003cdiv class=\"hp-badges-top\"\u003e\n\u003cspan class=\"hp-badge\"\u003e🐴 150 comprimés\u003c\/span\u003e \u003cspan class=\"hp-badge\"\u003e🌿 4 actifs naturels\u003c\/span\u003e \u003cspan class=\"hp-badge\"\u003e🇫🇷 Labo Demeter\u003c\/span\u003e \u003cspan class=\"hp-badge\"\u003e💪 Articulations \u0026amp; tendons\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hp-hero-title\"\u003eHipposil®\u003c\/span\u003e\n\u003cp class=\"hp-subtitle\"\u003eSupplément nutritionnel pour équidés\u003c\/p\u003e\n\u003cp class=\"hp-description\"\u003eLa formule naturelle de référence contre l'arthrose du cheval : harpagophytum, silicium organique, spiruline et probiotiques réunis en un seul comprimé appétent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eHipposil : le complément naturel contre l'arthrose du cheval\u003c\/h2\u003e\n\u003cp class=\"hp-section-intro\"\u003eVotre cheval montre des signes de raideur, boite au démarrage ou perd en souplesse avec l'âge ?\u003c\/p\u003e\n\u003cdiv class=\"hp-highlight-box\"\u003e\n\u003cp\u003eL'\u003cstrong\u003earthrose du cheval\u003c\/strong\u003e est une affection dégénérative fréquente qui touche le cartilage articulaire et peut sérieusement impacter sa qualité de vie. \u003cstrong\u003eHipposil\u003c\/strong\u003e du Labo Demeter est un supplément nutritionnel spécialement formulé pour soutenir les articulations, les tendons et les ligaments des équidés, tout en favorisant une meilleure récupération après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'harpagophytum et le silicium pour l'arthrose du cheval ?\u003c\/h2\u003e\n\u003cp class=\"hp-section-intro\"\u003eContrairement à un gel appliqué en surface, Hipposil agit de l'intérieur grâce à 4 actifs dosés.\u003c\/p\u003e\n\u003cdiv class=\"hp-grid\"\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🌱 Harpagophytum — 100 mg\u003c\/h3\u003e\n\u003cp\u003eReconnu pour ses propriétés anti-inflammatoires naturelles, il contribue à soulager les douleurs liées à l'arthrose, aux tendinites et aux fourbures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e💎 Silicium organique — 50 mg\u003c\/h3\u003e\n\u003cp\u003eÉlément clé dans le maintien du cartilage, des tendons et des ligaments. Son taux diminue naturellement avec l'âge, rendant la supplémentation particulièrement pertinente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🌊 Spiruline — 100 mg\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en protéines, vitamines et minéraux, elle renforce le tonus général et soutient la vitalité de votre équidé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🦠 Flore probiotique — 100 mg\u003c\/h3\u003e\n\u003cp\u003eAméliore l'assimilation des nutriments et soutient l'équilibre digestif, souvent fragilisé chez les chevaux âgés ou sous traitement.\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\u003cstrong\u003eExcipients :\u003c\/strong\u003e sorbitol, stéarate de magnésium. Arôme vanille pour une prise facilitée et souvent spontanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eLes bienfaits d'Hipposil pour les articulations et tendons du cheval\u003c\/h2\u003e\n\u003cdiv class=\"hp-grid\"\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🦴 Soulagement des douleurs articulaires\u003c\/h3\u003e\n\u003cp\u003eArthrose, boiteries, tendinites, fourbures : Hipposil agit sur les causes profondes de l'inconfort articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🏇 Amélioration de la mobilité\u003c\/h3\u003e\n\u003cp\u003eVotre cheval retrouve de l'aisance dans ses déplacements, que ce soit au quotidien ou lors d'efforts sportifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e⚡ Récupération après l'effort\u003c\/h3\u003e\n\u003cp\u003eIdéal après une compétition, une randonnée ou une séance de travail intensive pour une récupération optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🌿 Soutien digestif\u003c\/h3\u003e\n\u003cp\u003eLes probiotiques renforcent la flore intestinale et optimisent l'absorption des nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🛡️ Prévention de la sénescence articulaire\u003c\/h3\u003e\n\u003cp\u003eEn cure d'entretien, Hipposil aide à ralentir la dégradation naturelle du cartilage liée à l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003ePosologie et mode d'emploi\u003c\/h2\u003e\n\u003cp class=\"hp-section-intro\"\u003eCe \u003cstrong\u003eproduit pour arthrose cheval\u003c\/strong\u003e se présente sous forme de \u003cstrong\u003e150 comprimés appétents\u003c\/strong\u003e à administrer par voie orale, directement ou mélangés à la ration quotidienne.\u003c\/p\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\u003eDose standard\u003c\/h3\u003e\n\u003cp\u003e1 comprimé par 150 kg de poids vif et par jour.\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\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003e30 à 45 jours minimum pour observer des résultats significatifs sur le confort articulaire.\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\u003eEffort intense\u003c\/h3\u003e\n\u003cp\u003eDoublez la dose 2 à 3 jours avant et après une compétition, une chasse ou une randonnée.\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\u003eEstimation de durée\u003c\/h3\u003e\n\u003cp\u003ePour un cheval de 600 kg (4 comprimés\/jour), le pot couvre environ \u003cstrong\u003e37 jours\u003c\/strong\u003e de traitement.\u003c\/p\u003e\n\u003c\/div\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\u003cstrong\u003eIndications :\u003c\/strong\u003e arthrose, croissance, récupération post-traumatique, post-chirurgie, entretien du cheval de sport ou de loisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"hp-accordion\"\u003e\n\u003cdetails class=\"hp-accordion-item\"\u003e\n\u003csummary class=\"hp-accordion-header\"\u003e🏆 Contrôle antidopage\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eArrêtez l'administration au moins \u003cstrong\u003e48 heures\u003c\/strong\u003e avant toute compétition officielle.\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🤰 Femelles gestantes\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eConsultez votre vétérinaire avant utilisation sur une jument en gestation.\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\u003eConservez à l'abri de l'humidité et hors de portée des 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⚠️ Avertissement\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas un diagnostic ni un traitement vétérinaire.\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=\"hp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\n\u003cp class=\"hp-disclaimer\"\u003eComplément alimentaire pour équidés. Ne se substitue pas à un avis vétérinaire. Labo Demeter — France.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --hp-cream: #F7F3EC;\n --hp-white: #ffffff;\n --hp-primary: #2E7D32;\n --hp-primary-dark: #1B5E20;\n --hp-primary-light: #E8F5E9;\n --hp-secondary: #D4A017;\n --hp-secondary-light: #FFF8E1;\n --hp-accent: #8B6914;\n --hp-text: #1a1a1a;\n --hp-text-light: #5a5a5a;\n --hp-border: #e0e0e0;\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\/* === CONTENEUR === *\/\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}\n\n.hp-premium *, .hp-premium *::before, .hp-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hp-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #4CAF50 70%, #D4A017 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% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,160,23,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.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(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.hp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.hp-description {\n color: rgba(255,255,255,.88);\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.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\/* === SECTIONS === *\/\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.3;\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\/* === SECTION INTRO TEXT === *\/\n.hp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hp-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.hp-section-intro strong {\n color: var(--hp-text);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.hp-highlight-box {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hp-shadow);\n border-left: 5px solid var(--hp-secondary);\n}\n\n.hp-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.hp-highlight-box strong {\n color: var(--hp-primary-dark);\n}\n\n\/* === CARDS === *\/\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-card p strong {\n color: var(--hp-text);\n}\n\n\/* === GRILLES === *\/\n.hp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.hp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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: 44px;\n height: 44px;\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: 17px;\n box-shadow: 0 4px 12px rgba(46,125,50,.3);\n}\n\n.hp-timeline-content {\n flex: 1;\n background: var(--hp-white);\n padding: 1.125rem 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.6;\n}\n\n.hp-timeline-content p strong {\n color: var(--hp-text);\n}\n\n\/* === TESTIMONIAL (non utilisé ici, mais prêt) === *\/\n.hp-testimonial {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hp-shadow);\n border-left: 4px solid var(--hp-primary);\n}\n\n.hp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hp-accordion {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n box-shadow: var(--hp-shadow);\n overflow: hidden;\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 {\n border-bottom: none;\n}\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 background: transparent;\n border: none;\n margin: 0;\n}\n\n.hp-accordion-header:hover {\n background: var(--hp-primary-light);\n}\n\n.hp-accordion-header::-webkit-details-marker {\n display: none;\n}\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 {\n content: '−';\n}\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 {\n margin: 0;\n}\n\n.hp-accordion-content p strong {\n color: var(--hp-text);\n}\n\n\/* === TIP BOX === *\/\n.hp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hp-secondary-light);\n border-radius: var(--hp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hp-tip p {\n font-size: 14px;\n color: var(--hp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hp-tip p strong {\n color: var(--hp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\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, 18px);\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-link {\n color: var(--hp-secondary) !important;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: opacity .2s ease;\n}\n\n.hp-cta-link:hover {\n opacity: .85;\n}\n\n\/* === DISCLAIMER === *\/\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}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hp-card {\n padding: 1.125rem;\n }\n\n .hp-section {\n margin-bottom: 1.75rem;\n }\n\n .hp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hp-radius-sm);\n }\n\n .hp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hp-highlight-box {\n padding: 1.25rem;\n }\n\n .hp-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 14px;\n }\n\n .hp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hp-timeline-content h3 {\n font-size: 14px;\n }\n\n .hp-timeline-content p {\n font-size: 13px;\n }\n\n .hp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hp-card {\n animation: hpFadeInUp .5s ease backwards;\n }\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 .hp-card:nth-child(5) { animation-delay: .25s; }\n .hp-card:nth-child(6) { animation-delay: .3s; }\n\n .hp-timeline-item {\n animation: hpFadeInUp .5s ease backwards;\n }\n .hp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .hp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes hpFadeInUp {\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 .hp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755391049885,"sku":"HIPPOSILHIPC","price":58.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hipposil-arthrose-du-cheval-articulation-tendons-en-comprime-packshothd.webp?v=1789371330"},{"product_id":"cristaux-de-neroli-jardin-de-mon-grand-pere","title":"Cristaux de Néroli - Jardin de mon Grand Père","description":"\u003cdiv class=\"nero-premium\"\u003e\n\n \u003cdiv class=\"nero-hero\"\u003e\n \u003cdiv class=\"nero-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nero-hero-content\"\u003e\n \u003cdiv class=\"nero-badges-top\"\u003e\n \u003cspan class=\"nero-badge\"\u003e🌸 Fleur d'oranger\u003c\/span\u003e\n \u003cspan class=\"nero-badge\"\u003e✨ Essence précieuse\u003c\/span\u003e\n \u003cspan class=\"nero-badge\"\u003e♻️ Réutilisables\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nero-hero-title\"\u003eL'élégance florale d'une senteur royale\u003c\/span\u003e\n \u003cp class=\"nero-subtitle\"\u003eJardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"nero-description\"\u003eDe délicats cristaux parfumés qui libèrent lentement la senteur solaire du néroli, pour transformer votre intérieur en un havre de douceur poétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"nero-section\"\u003e\n \u003ch2\u003eCristaux de Néroli : l'élégance florale de la fleur d'oranger\u003c\/h2\u003e\n \u003cp class=\"nero-section-intro\"\u003eLaissez-vous envelopper par la magie des cristaux de néroli, une invitation olfactive raffinée signée Jardin de mon Grand Père. Véritables joyaux parfumés, ces petits cristaux libèrent lentement la senteur solaire et délicate de la \u003cstrong\u003efleur d'oranger\u003c\/strong\u003e, pour transformer votre intérieur en un havre de douceur. Une alternative élégante et durable aux bougies et aux sprays, idéale si vous recherchez un parfum d'ambiance néroli naturel et poétique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nero-section\"\u003e\n \u003ch2\u003eUne fragrance royale au parcours envoûtant\u003c\/h2\u003e\n \u003cp class=\"nero-section-intro\"\u003eLe néroli doit son nom à Anne-Marie Orsini, princesse de Nerola, qui en parfumait ses gants et ses appartements au XVIIᵉ siècle. Extraite des fleurs blanches du \u003cem\u003ebigaradier\u003c\/em\u003e, cette essence précieuse est aujourd'hui l'une des plus recherchées en parfumerie haut de gamme.\u003c\/p\u003e\n \u003cdiv class=\"nero-grid-compact\"\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e👑 Origine noble\u003c\/h3\u003e\n \u003cp\u003eUn parfum aristocratique né dans les jardins d'une princesse italienne au XVIIᵉ siècle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🌼 Fleur du bigaradier\u003c\/h3\u003e\n \u003cp\u003eExtraite des fleurs blanches et immaculées de l'oranger amer méditerranéen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e💎 Essence précieuse\u003c\/h3\u003e\n \u003cp\u003eL'une des matières les plus recherchées en haute parfumerie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🌿 Notes solaires\u003c\/h3\u003e\n \u003cp\u003eUn accord sucré, légèrement épicé et délicatement fleuri.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nero-section\"\u003e\n \u003ch2\u003eLes bienfaits du néroli sur l'atmosphère\u003c\/h2\u003e\n \u003cp class=\"nero-section-intro\"\u003eBien plus qu'un simple parfum, le néroli est réputé pour ses vertus apaisantes. Sa senteur florale et lumineuse aide à créer une atmosphère sereine, propice à la détente et à la méditation.\u003c\/p\u003e\n \u003cdiv class=\"nero-grid\"\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🧘 Ambiance sereine\u003c\/h3\u003e\n \u003cp\u003eUne senteur enveloppante qui favorise la détente et la méditation après une journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e☀️ Note lumineuse\u003c\/h3\u003e\n \u003cp\u003eUn parfum solaire qui illumine chaque pièce d'une bulle de douceur florale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🏡 Havre de paix\u003c\/h3\u003e\n \u003cp\u003eTransformez votre intérieur en un cocon poétique et raffiné, propice au bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-tip\"\u003e\n \u003cspan class=\"nero-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eCes cristaux parfumés n'ont pas de vocation thérapeutique et \u003cstrong\u003ene remplacent en aucun cas un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nero-section\"\u003e\n \u003ch2\u003eComment utiliser les cristaux parfumés au néroli ?\u003c\/h2\u003e\n \u003cdiv class=\"nero-timeline\"\u003e\n \u003cdiv class=\"nero-timeline-item\"\u003e\n \u003cdiv class=\"nero-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-content\"\u003e\n \u003ch3\u003e🏠 Dans la maison\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cristaux dans une coupelle, près d'une source de chaleur douce (radiateur, cheminée) pour intensifier la diffusion du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-item\"\u003e\n \u003cdiv class=\"nero-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-content\"\u003e\n \u003ch3\u003e🕯️ En brûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez 3 cristaux dans le godet supérieur. La matière fond à la chaleur d'une bougie chauffe-plat et diffuse un halo enveloppant, puis se re-solidifie en refroidissant. Réutilisables jusqu'à épuisement de la fragrance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-item\"\u003e\n \u003cdiv class=\"nero-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-content\"\u003e\n \u003ch3\u003e👛 À porter sur soi\u003c\/h3\u003e\n \u003cp\u003eGlissés dans une pochette en tissu ou une bourse en cuir, ils libèrent leur parfum au contact de la chaleur corporelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-item\"\u003e\n \u003cdiv class=\"nero-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nero-timeline-content\"\u003e\n \u003ch3\u003e👕 Dans les tiroirs et armoires\u003c\/h3\u003e\n \u003cp\u003ePour parfumer discrètement linge de maison et vêtements avec une senteur florale raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-tip\"\u003e\n \u003cspan class=\"nero-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ces cristaux parfumés conviennent aussi pour agrémenter un coin lecture, une salle de bain ou même un espace type \u003cem\u003espa\u003c\/em\u003e, pour une expérience sensorielle immersive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nero-section\"\u003e\n \u003ch2\u003ePourquoi choisir les cristaux plutôt qu'une bougie ?\u003c\/h2\u003e\n \u003cdiv class=\"nero-grid-compact\"\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🚫 Sans combustion\u003c\/h3\u003e\n \u003cp\u003eAucune suie, aucune fumée : seulement un parfum pur diffusé lentement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e♻️ Réutilisables\u003c\/h3\u003e\n \u003cp\u003eUtilisables plusieurs fois jusqu'à épuisement de la fragrance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e💰 Économiques\u003c\/h3\u003e\n \u003cp\u003eUn choix durable qui parfume longtemps votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🌱 Naturels\u003c\/h3\u003e\n \u003cp\u003eUne belle alternative aux diffuseurs synthétiques industriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nero-section\"\u003e\n \u003ch2\u003eConditionnement\u003c\/h2\u003e\n \u003cp class=\"nero-section-intro\"\u003ePrésentés en sachet kraft refermable, pour préserver toute la fraîcheur de la fragrance.\u003c\/p\u003e\n \u003cdiv class=\"nero-grid\"\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🌸 50 g\u003c\/h3\u003e\n \u003cp\u003eEnviron 5 à 7 cristaux selon leur taille — parfait pour découvrir la senteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🌸🌸 100 g\u003c\/h3\u003e\n \u003cp\u003eLe format idéal pour parfumer durablement une pièce de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nero-card\"\u003e\n \u003ch3\u003e🌸🌸🌸 200 g\u003c\/h3\u003e\n \u003cp\u003eLe grand format pour les amoureux du néroli, à répartir dans toute la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nero-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition \u0026amp; précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"nero-accordion\"\u003e\n \u003cdetails class=\"nero-accordion-item\"\u003e\n \u003csummary class=\"nero-accordion-header\"\u003e🧪 Composition\u003c\/summary\u003e\n \u003cdiv class=\"nero-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e Benzyl Salicylate, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e HP30-20SR-800D-MH77\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nero-accordion-item\"\u003e\n \u003csummary class=\"nero-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nero-accordion-content mt-3\"\u003e\n \u003cp\u003e• Peut produire une réaction allergique. En cas de sensibilité connue, effectuez un test préalable.\u003cbr\u003e\n • Ne pas ingérer. Tenir hors de portée des enfants et des animaux domestiques.\u003cbr\u003e\n • Ne pas laisser un brûle-parfum allumé sans surveillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nero-accordion-item\"\u003e\n \u003csummary class=\"nero-accordion-header\"\u003e🌊 Environnement\u003c\/summary\u003e\n \u003cdiv class=\"nero-accordion-content mt-3\"\u003e\n \u003cp\u003eNocif pour les organismes aquatiques, entraîne des effets néfastes à long terme. Éviter le rejet dans l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nero-accordion-item\"\u003e\n \u003csummary class=\"nero-accordion-header\"\u003e🩺 Usage\u003c\/summary\u003e\n \u003cdiv class=\"nero-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit est destiné à un usage de parfum d'ambiance uniquement. Il ne possède aucune vertu médicale et ne remplace pas un avis ou 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\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nero-cream: #faf6ef;\n --nero-white: #ffffff;\n --nero-primary: #c9a876;\n --nero-primary-dark: #8a6a3f;\n --nero-primary-light: #f4ebdb;\n --nero-secondary: #d4b896;\n --nero-accent: #e8a87c;\n --nero-text: #2a2419;\n --nero-text-light: #6b5d4a;\n --nero-border: #e8dfcd;\n --nero-shadow: 0 4px 24px rgba(138, 106, 63, 0.08);\n --nero-shadow-lg: 0 12px 48px rgba(138, 106, 63, 0.18);\n --nero-radius: 20px;\n --nero-radius-sm: 12px;\n}\n\n.nero-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nero-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nero-text);\n line-height: 1.6;\n}\n\n.nero-hero {\n position: relative;\n background: linear-gradient(135deg, #d4b896 0%, #c9a876 50%, #a88558 100%);\n border-radius: var(--nero-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(--nero-shadow-lg);\n}\n\n.nero-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 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 40% 80%, white 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.nero-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nero-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.nero-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nero-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.nero-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nero-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(--nero-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nero-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nero-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nero-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--nero-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.nero-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(--nero-primary), var(--nero-accent));\n border-radius: 2px;\n}\n\n.nero-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nero-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.nero-section-intro strong {\n color: var(--nero-primary-dark);\n}\n\n.nero-card {\n background: var(--nero-white);\n border-radius: var(--nero-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nero-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nero-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nero-shadow-lg);\n border-color: var(--nero-primary);\n}\n\n.nero-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nero-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nero-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nero-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nero-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nero-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nero-grid-compact .nero-card {\n padding: 1rem;\n}\n\n.nero-grid-compact .nero-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nero-grid-compact .nero-card p {\n font-size: 12.5px;\n}\n\n.nero-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nero-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nero-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nero-primary), var(--nero-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(138, 106, 63, 0.25);\n}\n\n.nero-timeline-content {\n flex: 1;\n background: var(--nero-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nero-radius-sm);\n box-shadow: var(--nero-shadow);\n}\n\n.nero-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nero-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nero-timeline-content p {\n font-size: 14px;\n color: var(--nero-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nero-accordion {\n background: var(--nero-white);\n border-radius: var(--nero-radius);\n box-shadow: var(--nero-shadow);\n overflow: hidden;\n}\n\n.nero-accordion-item {\n border-bottom: 1px solid var(--nero-border);\n margin: 0;\n padding: 0;\n}\n\n.nero-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nero-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nero-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.nero-accordion-header:hover {\n background: var(--nero-primary-light);\n}\n\n.nero-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nero-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--nero-primary);\n transition: transform .2s ease;\n}\n\n.nero-accordion-item[open] .nero-accordion-header::after {\n content: '−';\n}\n\n.nero-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nero-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nero-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.nero-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.nero-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nero-primary-light);\n border-radius: var(--nero-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--nero-primary);\n}\n\n.nero-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.nero-tip p {\n font-size: 14px;\n color: var(--nero-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nero-tip strong {\n color: var(--nero-primary-dark);\n}\n\n@media (max-width: 767px) {\n .nero-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nero-card {\n padding: 1.125rem;\n }\n \n .nero-section {\n margin-bottom: 1.75rem;\n }\n \n .nero-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nero-radius-sm);\n }\n \n .nero-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nero-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nero-grid-compact {\n gap: .625rem;\n }\n \n .nero-grid-compact .nero-card {\n padding: .75rem;\n }\n \n .nero-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nero-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nero-timeline-content h3 {\n font-size: 14px;\n }\n \n .nero-timeline-content p {\n font-size: 13px;\n }\n \n .nero-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nero-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nero-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nero-card:nth-child(1) { animation-delay: .05s; }\n .nero-card:nth-child(2) { animation-delay: .1s; }\n .nero-card:nth-child(3) { animation-delay: .15s; }\n .nero-card:nth-child(4) { animation-delay: .2s; }\n .nero-card:nth-child(5) { animation-delay: .25s; }\n .nero-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 .nero-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720413430137,"sku":"CRISTAUXNEROLI-50","price":7.99,"currency_code":"EUR","in_stock":false},{"title":"100 grammes","offer_id":55720413462905,"sku":"CRISTAUXNEROLI-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720413495673,"sku":"CRISTAUXNEROLI-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cristaux_de_Neroli_1.jpg?v=1766151060"},{"product_id":"vermi-protect-poudre-250-phytolab","title":"Vermi'Protect : vermifuge en poudre pour chien \u0026 Chat - 250 g - Phyto'Lab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vermi'Protect - Vermifuge naturel pour chiens et chats\nPalette détectée:\n - Primaire: #4EBAAA (turquoise\/menthe du packaging, évoquant la nature et la fraîcheur)\n - Secondaire: #3A9B8D (version foncée du turquoise, pour contraste)\n - Accent: #F4A460 (tons chauds dorés du chien, pour chaleur et confiance)\n - Neutre: #F8F6F2 (crème\/beige très clair, ambiance naturelle et douce)\nAmbiance: Naturel\/Bio, vétérinaire de confiance, bien-être animal, fabrication française artisanale\nStyle suggéré: Premium naturel avec touche professionnelle\/vétérinaire, rassurant et chaleureux\nPréfixe CSS: vp\n--\u003e\n\u003cdiv class=\"vp-premium\"\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🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vp-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"vp-badge\"\u003e🐕 Chiens \u0026amp; chats\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vp-hero-title\"\u003eVermi'Protect\u003c\/span\u003e\n\u003cp class=\"vp-subtitle\"\u003eVermifuge naturel en poudre par Phyto'Lab\u003c\/p\u003e\n\u003cp class=\"vp-description\"\u003eUne solution douce et efficace pour protéger vos compagnons des parasites intestinaux, formulée à partir de 7 ingrédients naturels soigneusement sélectionnés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🎯 Pourquoi choisir Vermi'Protect ?\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003cdiv class=\"vp-card-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"vp-card-title\"\u003e100% naturel\u003c\/div\u003e\n\u003cp\u003eAucun produit chimique nocif, seulement des ingrédients végétaux reconnus pour leur efficacité antiparasitaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003cdiv class=\"vp-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"vp-card-title\"\u003eDouble action\u003c\/div\u003e\n\u003cp\u003eÉlimine les parasites intestinaux tout en renforçant la flore intestinale pour un confort digestif optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003cdiv class=\"vp-card-icon\"\u003e🏭\u003c\/div\u003e\n\u003cdiv class=\"vp-card-title\"\u003eQualité française\u003c\/div\u003e\n\u003cp\u003eFabriqué en Auvergne selon des normes strictes, avec des contrôles qualité rigoureux à chaque étape\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003cdiv class=\"vp-card-icon\"\u003e🐾\u003c\/div\u003e\n\u003cdiv class=\"vp-card-title\"\u003ePour tous\u003c\/div\u003e\n\u003cp\u003eConvient aux chiens et chats de toutes tailles, avec un dosage adapté au poids de votre animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003cdiv class=\"vp-card-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"vp-card-title\"\u003eÉco-responsable\u003c\/div\u003e\n\u003cp\u003eProduction durable et éthique, respectueuse de l'environnement et du bien-être animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003cdiv class=\"vp-card-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"vp-card-title\"\u003ePelage brillant\u003c\/div\u003e\n\u003cp\u003eEn bonus, améliore la qualité et la brillance du pelage grâce à la terre de diatomée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🌿 7 ingrédients naturels puissants\u003c\/h2\u003e\n\u003cdiv class=\"vp-ingredients-grid\"\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e🪨\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eTerre de diatomée\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003eAntiparasitaire naturel et vermifuge\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003eAgit comme un abrasif doux pour éliminer les parasites intestinaux. Améliore également la qualité et la brillance du pelage de votre compagnon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e🎃\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eGraines de courge\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003ePuissant vermifuge naturel\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003eCible efficacement les ténias et ascaris. Contribue à la cicatrisation du tube digestif et agit comme laxatif naturel grâce à sa richesse en fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eGraines de nigelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003eÉlimination des parasites\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003eUtilisées depuis des siècles pour éliminer les parasites intestinaux et traiter diverses infections digestives comme la dysenterie amibienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e🥥\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eNoix de coco râpée\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003eTriple action protectrice\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003eAntiseptique, antifongique et antiparasitaire. Efficace contre les vers plats et la giardase grâce à ses triglycérides à chaîne moyenne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e🧄\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eAil en poudre\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003eAntimicrobien puissant\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003eAntibiotique naturel qui lutte efficacement contre divers parasites internes et prévient les infections intestinales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eThym\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003eAntiseptique et vermifuge\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003ePropriétés reconnues pour déloger les parasites intestinaux tout en assainissant le système digestif de votre animal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-ingredient-card\"\u003e\n\u003cdiv class=\"vp-ingredient-header\"\u003e\n\u003cspan class=\"vp-ingredient-icon\"\u003e🍂\u003c\/span\u003e\n\u003cdiv class=\"vp-ingredient-name\"\u003eExtrait de cannelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-ingredient-benefit\"\u003eProtection antimicrobienne\u003c\/p\u003e\n\u003cp class=\"vp-ingredient-desc\"\u003eAide à prévenir les futures infestations parasitaires grâce à ses propriétés antimicrobiennes naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi simplifié\u003c\/h2\u003e\n\u003cdiv class=\"vp-usage-container\"\u003e\n\u003cdiv class=\"vp-usage-intro\"\u003e\n\u003cp\u003eMélangez simplement la poudre directement dans la nourriture de votre animal. Dosage selon le poids :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-grid\"\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-icon\"\u003e🐱\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003eChats \u0026amp; petits chiens\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-detail\"\u003e\u0026lt; 10 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e1 cuillère à café\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-grams\"\u003e≈ 3 g \/ jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-icon\"\u003e🐕\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003eChiens moyens\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-detail\"\u003e10-25 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e2 cuillères à café\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-grams\"\u003e≈ 6 g \/ jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-icon\"\u003e🦮\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003eGrands chiens\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-detail\"\u003e\u0026gt; 25 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e1 cuillère à soupe\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-grams\"\u003e≈ 9 g \/ jour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-protocol-box\"\u003e\n\u003cdiv class=\"vp-protocol-title\"\u003e🌙 Protocole d'administration\u003c\/div\u003e\n\u003cdiv class=\"vp-protocol-content\"\u003e\n\u003cdiv class=\"vp-protocol-item\"\u003e\n\u003cstrong\u003eEn période lunaire :\u003c\/strong\u003e\n\u003cp\u003eAdministrer pendant \u003cstrong\u003e7 jours consécutifs\u003c\/strong\u003e\u003cbr\u003e(commencez 3 jours avant la pleine lune et continuez jusqu'à 3 jours après)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-protocol-item\"\u003e\n\u003cstrong\u003eHors période lunaire :\u003c\/strong\u003e\n\u003cp\u003eAdministrer pendant \u003cstrong\u003e10 jours consécutifs\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-frequency-box\"\u003e\n\u003cdiv class=\"vp-frequency-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv class=\"vp-frequency-text\"\u003e\n\u003cstrong\u003eRenouveler le traitement 4 fois par an\u003c\/strong\u003e\u003cbr\u003eou selon les recommandations de votre vétérinaire\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e👥 Pour quels animaux ?\u003c\/h2\u003e\n\u003cdiv class=\"vp-target-grid\"\u003e\n\u003cdiv class=\"vp-target-card\"\u003e\n\u003cdiv class=\"vp-target-icon\"\u003e🐕🦺\u003c\/div\u003e\n\u003cdiv class=\"vp-target-title\"\u003eChiens actifs\u003c\/div\u003e\n\u003cp\u003eParfait pour les chiens qui sortent régulièrement et sont exposés aux parasites environnementaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-target-card\"\u003e\n\u003cdiv class=\"vp-target-icon\"\u003e🐈\u003c\/div\u003e\n\u003cdiv class=\"vp-target-title\"\u003eChats d'intérieur\u003c\/div\u003e\n\u003cp\u003eProtection préventive douce pour les félins vivant en appartement ou ayant accès à l'extérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-target-card\"\u003e\n\u003cdiv class=\"vp-target-icon\"\u003e🏡\u003c\/div\u003e\n\u003cdiv class=\"vp-target-title\"\u003eFoyers multi-animaux\u003c\/div\u003e\n\u003cp\u003eSolution idéale pour protéger tous vos compagnons simultanément avec un seul produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-target-card\"\u003e\n\u003cdiv class=\"vp-target-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"vp-target-title\"\u003eApproche naturelle\u003c\/div\u003e\n\u003cp\u003ePour les propriétaires privilégiant des solutions douces et respectueuses de la santé animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"vp-warning-box\"\u003e\n\u003cdiv class=\"vp-warning-icon\"\u003e🚫\u003c\/div\u003e\n\u003cdiv class=\"vp-warning-content\"\u003e\n\u003cdiv class=\"vp-warning-title\"\u003eNe pas administrer :\u003c\/div\u003e\n\u003cul class=\"vp-warning-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eAux femelles en gestation (risque pour les chiots\/chatons à naître)\u003c\/li\u003e\n\u003cli\u003eAux femelles allaitantes (transmission via le lait maternel)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"vp-warning-advice\"\u003eEn cas de doute sur l'état de santé de votre animal, consultez votre vétérinaire avant toute administration. Ce produit est un complément alimentaire et ne remplace pas un traitement vétérinaire prescrit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"vp-info-grid\"\u003e\n\u003cdiv class=\"vp-info-card\"\u003e\n\u003cdiv class=\"vp-info-icon\"\u003e⚖️\u003c\/div\u003e\n\u003cdiv class=\"vp-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"vp-info-value\"\u003e250 g\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-info-card\"\u003e\n\u003cdiv class=\"vp-info-icon\"\u003e🏭\u003c\/div\u003e\n\u003cdiv class=\"vp-info-label\"\u003eFabrication\u003c\/div\u003e\n\u003cdiv class=\"vp-info-value\"\u003eAuvergne, France\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"vp-info-card\"\u003e\n\u003cdiv class=\"vp-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"vp-info-label\"\u003eComposition\u003c\/div\u003e\n\u003cdiv class=\"vp-info-value\"\u003e100% naturelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-info-card\"\u003e\n\u003cdiv class=\"vp-info-icon\"\u003e📅\u003c\/div\u003e\n\u003cdiv class=\"vp-info-label\"\u003eFréquence\u003c\/div\u003e\n\u003cdiv class=\"vp-info-value\"\u003e4 cures \/ an\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vp-section\"\u003e\n\u003cdiv class=\"vp-cta-box\"\u003e\n\u003cdiv class=\"vp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vp-cta-content\"\u003e\n\u003cdiv class=\"vp-cta-icon\"\u003e🐾\u003c\/div\u003e\n\u003cp class=\"vp-cta-text\"\u003eOffrez à votre compagnon une protection naturelle et efficace contre les parasites intestinaux. Vermi'Protect combine la puissance de 7 ingrédients naturels pour une santé digestive optimale et un bien-être durable.\u003c\/p\u003e\n\u003cp class=\"vp-cta-signature\"\u003e🇫🇷 La nature au service du bien-être animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vp-cream: #F8F6F2;\n --vp-white: #ffffff;\n --vp-primary: #4EBAAA;\n --vp-primary-dark: #3A9B8D;\n --vp-primary-light: #E8F7F5;\n --vp-secondary: #F4A460;\n --vp-accent: #FFD700;\n --vp-text: #1a1a1a;\n --vp-text-light: #5a5a5a;\n --vp-border: #e0e0e0;\n --vp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vp-radius: 20px;\n --vp-radius-sm: 12px;\n}\n\n\/* === RESET \u0026 BASE === *\/\n.vp-premium * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\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 line-height: 1.6;\n color: var(--vp-text);\n}\n\n\/* === HERO === *\/\n.vp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vp-primary) 0%, var(--vp-primary-dark) 50%, #2D7A6E 100%);\n border-radius: var(--vp-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(--vp-shadow-lg);\n}\n\n.vp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.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 justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\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 box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.vp-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.vp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.vp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.vp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.vp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--vp-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.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(280px, 1fr));\n gap: 1.5rem;\n}\n\n.vp-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: clamp(1.5rem, 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(-8px);\n box-shadow: var(--vp-shadow-lg);\n border-color: var(--vp-primary);\n}\n\n.vp-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.vp-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin-bottom: .75rem;\n}\n\n.vp-card p {\n font-size: 15px;\n color: var(--vp-text-light);\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.vp-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.vp-ingredient-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: 1.75rem;\n box-shadow: var(--vp-shadow);\n border-left: 4px solid var(--vp-primary);\n transition: all .3s ease;\n}\n\n.vp-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--vp-shadow-lg);\n border-left-color: var(--vp-secondary);\n}\n\n.vp-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.vp-ingredient-icon {\n font-size: 32px;\n line-height: 1;\n}\n\n.vp-ingredient-name {\n font-size: 20px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n}\n\n.vp-ingredient-benefit {\n font-size: 14px;\n font-weight: 700;\n color: var(--vp-primary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.vp-ingredient-desc {\n font-size: 15px;\n color: var(--vp-text-light);\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.vp-usage-container {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--vp-shadow);\n}\n\n.vp-usage-intro {\n text-align: center;\n margin-bottom: 2.5rem;\n}\n\n.vp-usage-intro p {\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--vp-text);\n font-weight: 600;\n}\n\n.vp-dosage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n}\n\n.vp-dosage-card {\n background: linear-gradient(135deg, var(--vp-primary-light) 0%, rgba(78,186,170,.05) 100%);\n border: 2px solid var(--vp-primary);\n border-radius: var(--vp-radius-sm);\n padding: 1.75rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.vp-dosage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vp-shadow);\n}\n\n.vp-dosage-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.vp-dosage-weight {\n font-size: 20px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin-bottom: .25rem;\n}\n\n.vp-dosage-detail {\n font-size: 14px;\n color: var(--vp-text-light);\n margin-bottom: 1rem;\n}\n\n.vp-dosage-amount {\n font-size: 18px;\n font-weight: 700;\n color: var(--vp-text);\n margin-bottom: .25rem;\n}\n\n.vp-dosage-grams {\n font-size: 14px;\n color: var(--vp-primary);\n font-weight: 600;\n}\n\n\/* === PROTOCOLE === *\/\n.vp-protocol-box {\n background: linear-gradient(135deg, var(--vp-primary) 0%, var(--vp-primary-dark) 100%);\n border-radius: var(--vp-radius-sm);\n padding: 2rem;\n margin-bottom: 1.5rem;\n}\n\n.vp-protocol-title {\n color: white;\n font-size: 22px;\n font-weight: 800;\n text-align: center;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.vp-protocol-content {\n display: grid;\n gap: 1.25rem;\n}\n\n.vp-protocol-item {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--vp-radius-sm);\n padding: 1.25rem;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.vp-protocol-item strong {\n display: block;\n color: white;\n font-size: 17px;\n margin-bottom: .5rem;\n}\n\n.vp-protocol-item p {\n color: rgba(255,255,255,.95);\n font-size: 15px;\n line-height: 1.6;\n}\n\n.vp-protocol-note {\n background: rgba(255,255,255,.95);\n color: var(--vp-text);\n padding: 1rem 1.25rem;\n border-radius: var(--vp-radius-sm);\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n}\n\n\/* === FRÉQUENCE === *\/\n.vp-frequency-box {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n background: var(--vp-primary-light);\n border: 2px solid var(--vp-primary);\n border-radius: var(--vp-radius-sm);\n padding: 1.5rem;\n text-align: center;\n}\n\n.vp-frequency-icon {\n font-size: 32px;\n line-height: 1;\n}\n\n.vp-frequency-text {\n font-size: 16px;\n color: var(--vp-text);\n line-height: 1.6;\n}\n\n.vp-frequency-text strong {\n color: var(--vp-primary-dark);\n font-size: 18px;\n}\n\n\/* === CIBLES === *\/\n.vp-target-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.vp-target-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: 1.75rem;\n box-shadow: var(--vp-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.vp-target-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--vp-shadow-lg);\n border-color: var(--vp-secondary);\n}\n\n.vp-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.vp-target-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin-bottom: .75rem;\n}\n\n.vp-target-card p {\n font-size: 15px;\n color: var(--vp-text-light);\n line-height: 1.6;\n}\n\n\/* === AVERTISSEMENT === *\/\n.vp-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF5E6 0%, #FFE8CC 100%);\n border: 3px solid #F4A460;\n border-radius: var(--vp-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--vp-shadow);\n}\n\n.vp-warning-icon {\n font-size: 48px;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.vp-warning-content {\n flex: 1;\n}\n\n.vp-warning-title {\n font-size: 22px;\n font-weight: 800;\n color: #C85A28;\n margin-bottom: 1rem;\n}\n\n.vp-warning-list {\n list-style: none;\n margin-bottom: 1rem;\n}\n\n.vp-warning-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: .5rem;\n font-size: 16px;\n font-weight: 600;\n color: var(--vp-text);\n}\n\n.vp-warning-list li::before {\n content: '⚠️';\n position: absolute;\n left: 0;\n font-size: 14px;\n}\n\n.vp-warning-advice {\n font-size: 14px;\n color: var(--vp-text-light);\n line-height: 1.6;\n padding-top: 1rem;\n border-top: 2px dashed #F4A460;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.vp-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.vp-info-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--vp-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.vp-info-card:hover {\n transform: scale(1.05);\n box-shadow: var(--vp-shadow-lg);\n}\n\n.vp-info-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n line-height: 1;\n}\n\n.vp-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--vp-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.vp-info-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--vp-primary-dark);\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(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--vp-shadow-lg);\n}\n\n.vp-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle, rgba(255,255,255,.4) 1px, transparent 1px);\n background-size: 20px 20px;\n}\n\n.vp-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.vp-cta-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n line-height: 1;\n animation: float 3s ease-in-out infinite;\n}\n\n.vp-cta-text {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin-bottom: 1.5rem;\n}\n\n.vp-cta-signature {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n font-weight: 700;\n font-style: italic;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vp-card {\n animation: fadeInUp .6s ease backwards;\n }\n .vp-card:nth-child(1) { animation-delay: .1s; }\n .vp-card:nth-child(2) { animation-delay: .2s; }\n .vp-card:nth-child(3) { animation-delay: .3s; }\n .vp-card:nth-child(4) { animation-delay: .4s; }\n .vp-card:nth-child(5) { animation-delay: .5s; }\n .vp-card:nth-child(6) { animation-delay: .6s; }\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 float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .vp-grid,\n .vp-ingredients-grid,\n .vp-dosage-grid,\n .vp-target-grid,\n .vp-info-grid {\n grid-template-columns: 1fr;\n }\n\n .vp-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .vp-warning-icon {\n font-size: 64px;\n }\n\n .vp-warning-list li {\n text-align: left;\n }\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\n@media (prefers-contrast: high) {\n .vp-premium {\n --vp-shadow: 0 0 0 2px var(--vp-text);\n --vp-shadow-lg: 0 0 0 3px var(--vp-text);\n }\n}\n\u003c\/style\u003e","brand":"PHYTO'LAB","offers":[{"title":"Default Title","offer_id":45755410514077,"sku":"VERMIPETSPOUDRE","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vermiprotect-vermifuge-en-poudre-pour-chien-chat-250-g-phyto-ingredients.jpg?v=1767965352"},{"product_id":"kitaverm-actif-naturel-50-ml-labo-demeter","title":"Kitaverm - Vermifuge Naturel pour Chien et Chat Labo-Demeter","description":"\u003cdiv class=\"kv-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"kv-hero\"\u003e\n\u003cdiv class=\"kv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kv-hero-content\"\u003e\n\u003cdiv class=\"kv-badges-top\"\u003e\n\u003cspan class=\"kv-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"kv-badge\"\u003e🐕 Chiens \u0026amp; Chats\u003c\/span\u003e \u003cspan class=\"kv-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kv-hero-title\"\u003eKitaverm Vermifuge Naturel\u003c\/span\u003e\n\u003cp class=\"kv-subtitle\"\u003eLe vermifuge phytothérapique par Labo-Demeter\u003c\/p\u003e\n\u003cp class=\"kv-description\"\u003eProtection intestinale complète contre les parasites internes : ascaris, ankylostomes, trichures, ténias et oxyures. Une formule douce et efficace pour vos compagnons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 : AVANTAGES --\u003e\n\u003csection class=\"kv-section\"\u003e\n\u003ch2\u003eLes avantages du vermifuge naturel Kitaverm\u003c\/h2\u003e\n\u003cdiv class=\"kv-grid\"\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e✅ Efficacité prouvée\u003c\/h3\u003e\n\u003cp\u003eSynergie d'ingrédients naturels (écorce de grenadier, pépins de courge, pyrèthre) ciblant chaque type de vers pour une protection complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🌱 Formule douce et écologique\u003c\/h3\u003e\n\u003cp\u003eSans composants chimiques, respecte l'équilibre intestinal. Le thym et l'arbre à thé apportent une action antiseptique naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🐾 Adapté à tous les animaux\u003c\/h3\u003e\n\u003cp\u003eConvient aux chatons, chiots, adultes et femelles gestantes. Format liquide 50 ml facile à administrer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 : COMPOSITION --\u003e\n\u003csection class=\"kv-section\"\u003e\n\u003ch2\u003eComposition naturelle (pour 100 g)\u003c\/h2\u003e\n\u003cp class=\"kv-section-intro\"\u003eUne sélection rigoureuse d'actifs végétaux aux propriétés vermifuges reconnues\u003c\/p\u003e\n\u003cdiv class=\"kv-grid\"\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🍎 Écorce de grenadier\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e25 g\u003c\/strong\u003e – Vermifuge naturel puissant, particulièrement efficace contre les ténias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🌿 Armoise\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e20 g\u003c\/strong\u003e – Cible les ascaris et offre une action antispasmodique intestinale apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🎃 Extraits de pépins de courge\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e25 g\u003c\/strong\u003e – Reconnu pour son efficacité prouvée contre les ténias.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🌼 Pyrèthre\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5 g\u003c\/strong\u003e – Cible les vers ronds comme les ascaris et les oxyures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🫚 Huile essentielle de thym\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e0,06 g\u003c\/strong\u003e – Antiseptique naturel et conservateur efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🌳 Melaleuca (arbre à thé)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e0,06 g\u003c\/strong\u003e – Protège contre les proliférations bactériennes anormales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-tip\"\u003e\n\u003cspan class=\"kv-tip-icon\"\u003e🍃\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSéné (1 g)\u003c\/strong\u003e complète la formule pour renforcer l'action vermifuge globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 : CONSEILS D'UTILISATION --\u003e\n\u003csection class=\"kv-section\"\u003e\n\u003ch2\u003eComment utiliser votre vermifuge naturel pour chien \u0026amp; chat\u003c\/h2\u003e\n\u003cdiv class=\"kv-timeline\"\u003e\n\u003cdiv class=\"kv-timeline-item\"\u003e\n\u003cdiv class=\"kv-timeline-content\"\u003e\n\u003ch3\u003eDosage standard\u003c\/h3\u003e\n\u003cp\u003eAdministrer \u003cstrong\u003e½ ml par kilo\u003c\/strong\u003e de poids en une prise par voie buccale, ou mélangé à la nourriture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-timeline-item\"\u003e\n\n\u003cdiv class=\"kv-timeline-content\"\u003e\n\u003ch3\u003eFréquence de renouvellement\u003c\/h3\u003e\n\u003cp\u003eRenouveler le traitement tous les \u003cstrong\u003e3 mois \u003c\/strong\u003epour les animaux ayant accès aux extérieurs et tous les \u003cstrong\u003e6 mois\u003c\/strong\u003e pour les animaux d'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-timeline-content\"\u003e\n\u003ch3\u003eCas Particulier\u003c\/h3\u003e\n\u003cp\u003eEn cas de forte infestation, vous pouvez renouveler 3 à 4 fois la dose tous les 8 jours \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003c!-- SECTION 4 : ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"kv-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"kv-testimonial\"\u003e\n\u003cp class=\"kv-testimonial-text\"\u003eLe Kitaverm Actif Naturel est fièrement produit en France par Labo-Demeter, dans le respect des normes de qualité les plus strictes. Chaque flacon est élaboré à partir d'ingrédients biologiques soigneusement sélectionnés, garantissant une solution à la fois sûre et efficace pour vos animaux de compagnie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-grid-compact\"\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eQualité et traçabilité garanties\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients bio\u003c\/h3\u003e\n\u003cp\u003eSélection rigoureuse des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e🔬 Normes strictes\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité exigeant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kv-card\"\u003e\n\u003ch3\u003e💚 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION INFORMATIONS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"kv-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"kv-accordion\"\u003e\n\u003cdetails class=\"kv-accordion-item\"\u003e\n\u003csummary class=\"kv-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"kv-accordion-content\"\u003e\n\u003cp\u003eFlacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e permettant plusieurs traitements selon le poids de votre animal. Format liquide pratique pour une administration facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kv-accordion-item\"\u003e\n\u003csummary class=\"kv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kv-accordion-content\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Bien refermer le flacon après utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kv-accordion-item\"\u003e\n\u003csummary class=\"kv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"kv-accordion-content\"\u003e\n\u003cp\u003eAdapté aux chatons, chiots et femelles gestantes. En cas de doute, consulter votre vétérinaire avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"kv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"kv-cta-box\"\u003e\n\u003cp\u003e🐕 Kitaverm : la solution naturelle, efficace et respectueuse pour protéger vos compagnons à quatre pattes contre les parasites intestinaux. 🐈\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"kv-disclaimer\"\u003eComplément alimentaire phytothérapique. Ne se substitue pas à un traitement vétérinaire. Consulter un professionnel en cas de symptômes persistants.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --kv-cream: #FAFAF5;\n --kv-white: #ffffff;\n --kv-primary: #2E7D32;\n --kv-primary-dark: #1B5E20;\n --kv-primary-light: #E8F5E9;\n --kv-secondary: #F9A825;\n --kv-accent: #81C784;\n\n \/* Textes *\/\n --kv-text: #1a1a1a;\n --kv-text-light: #5a5a5a;\n\n \/* Effets *\/\n --kv-border: #e0e0e0;\n --kv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kv-radius: 20px;\n --kv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kv-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #43A047 70%, #66BB6A 100%);\n border-radius: var(--kv-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(--kv-shadow-lg);\n}\n\n.kv-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.kv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.kv-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.kv-subtitle {\n color: var(--kv-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.kv-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kv-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(--kv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kv-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.kv-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(--kv-primary), var(--kv-secondary));\n border-radius: 2px;\n}\n\n.kv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.kv-card {\n background: var(--kv-white);\n border-radius: var(--kv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kv-shadow-lg);\n border-color: var(--kv-primary);\n}\n\n.kv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kv-grid-compact .kv-card {\n padding: 1rem;\n}\n\n.kv-grid-compact .kv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kv-grid-compact .kv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kv-primary), var(--kv-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(46,125,50,.3);\n}\n\n.kv-timeline-content {\n flex: 1;\n background: var(--kv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kv-radius-sm);\n box-shadow: var(--kv-shadow);\n}\n\n.kv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kv-timeline-content p {\n font-size: 14px;\n color: var(--kv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kv-testimonial {\n background: var(--kv-white);\n border-radius: var(--kv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kv-shadow);\n border-left: 4px solid var(--kv-primary);\n margin-bottom: 1.5rem;\n}\n\n.kv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kv-primary-light);\n border-radius: var(--kv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kv-tip p {\n font-size: 14px;\n color: var(--kv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kv-accordion {\n background: var(--kv-white);\n border-radius: var(--kv-radius);\n box-shadow: var(--kv-shadow);\n overflow: hidden;\n}\n\n.kv-accordion-item {\n border-bottom: 1px solid var(--kv-border);\n margin: 0;\n padding: 0;\n}\n\n.kv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kv-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.kv-accordion-header:hover {\n background: var(--kv-primary-light);\n}\n\n.kv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kv-primary);\n transition: transform .2s ease;\n}\n\n.kv-accordion-item[open] .kv-accordion-header::after {\n content: '−';\n}\n\n.kv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kv-cta-box {\n background: linear-gradient(135deg, var(--kv-primary) 0%, var(--kv-primary-dark) 100%);\n border-radius: var(--kv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kv-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.kv-disclaimer {\n font-size: 12px;\n color: var(--kv-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 .kv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kv-card {\n padding: 1.125rem;\n }\n \n .kv-section {\n margin-bottom: 1.75rem;\n }\n \n .kv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kv-radius-sm);\n }\n \n .kv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kv-grid-compact {\n gap: .625rem;\n }\n \n .kv-grid-compact .kv-card {\n padding: .75rem;\n }\n \n .kv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kv-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kv-timeline-content h3 {\n font-size: 14px;\n }\n \n .kv-timeline-content p {\n font-size: 13px;\n }\n \n .kv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kv-testimonial {\n padding: 1.25rem;\n }\n \n .kv-testimonial-text {\n font-size: 14px;\n }\n \n .kv-tip {\n padding: .875rem 1rem;\n }\n \n .kv-tip-icon {\n font-size: 20px;\n }\n \n .kv-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kv-card {\n animation: kvFadeInUp .5s ease backwards;\n }\n .kv-card:nth-child(1) { animation-delay: .05s; }\n .kv-card:nth-child(2) { animation-delay: .1s; }\n .kv-card:nth-child(3) { animation-delay: .15s; }\n .kv-card:nth-child(4) { animation-delay: .2s; }\n .kv-card:nth-child(5) { animation-delay: .25s; }\n .kv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kvFadeInUp {\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 .kv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755411136669,"sku":"KITAVERM","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kitaverm_labodemeter_50ml_complement_chien_chat_parasites_interne_d4eeeb2f-cc46-4518-ab9b-122a30e8f9ec.jpg?v=1756886222"},{"product_id":"labodem-piel-60-comprimes-labo-demeter","title":"Labodem Piel - Problèmes peau, poil, digestion chien \u0026 chat - Labo-Demeter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Labodem Piel - Problèmes peau, poil, digestion chien \u0026 chat\nPalette détectée:\n - Primaire: #4A7C34 (vert feuillage du logo Labo Demeter)\n - Secondaire: #D4A843 (doré\/ocre du texte et du golden retriever)\n - Accent: #5B8A42 (vert plus clair des feuilles)\n - Cream: #F7F5F0 (fond neutre chaleureux)\nAmbiance: Naturel\/bio, vétérinaire, chaleureux, familial (présence chien et chat)\nPréfixe CSS: lp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de Labodem Piel\"\n 2. \"Une composition naturelle et efficace\"\n 3. \"Conseils d'utilisation\"\n 4. \"Un produit respectueux et 100 % naturel\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lp-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"lp-hero\"\u003e\n \u003cdiv class=\"lp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lp-hero-content\"\u003e\n \u003cdiv class=\"lp-badges-top\"\u003e\n \u003cspan class=\"lp-badge\"\u003e🐕 Chiens \u0026amp; chats\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lp-hero-title\"\u003eLabodem Piel\u003c\/span\u003e\n \u003cp class=\"lp-subtitle\"\u003eSoutien épiderme, poils et digestion\u003c\/p\u003e\n \u003cp class=\"lp-description\"\u003eComplément alimentaire naturel enrichi en huile de Haarlem, probiotiques et extraits d'artichaut pour le bien-être de vos compagnons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eLes bienfaits de Labodem Piel\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eUne action complète pour soulager et améliorer le bien-être de vos compagnons à quatre pattes.\u003c\/p\u003e\n \u003cdiv class=\"lp-grid\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🧴 Détoxifiant \u0026amp; désensibilisant\u003c\/h3\u003e\n \u003cp\u003eIdéal en cas de dermatoses allergiques chroniques, eczéma ou démangeaisons persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Draineur naturel\u003c\/h3\u003e\n \u003cp\u003eLe soufre et le magnésium biodisponible régénèrent la peau et renforcent les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🦠 Soutien digestif\u003c\/h3\u003e\n \u003cp\u003eLa flore probiotique rétablit l'équilibre intestinal et améliore l'assimilation des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🛡️ Prévention globale\u003c\/h3\u003e\n \u003cp\u003eContre la chute de poils, ongles cassants, diarrhée, constipation et allergies alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eUne composition naturelle et efficace\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eChaque comprimé contient des actifs soigneusement sélectionnés pour votre animal.\u003c\/p\u003e\n \u003cdiv class=\"lp-grid\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🧂 Sulfate de magnésium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e260 mg\u003c\/strong\u003e — Essentiel pour le métabolisme de la peau et des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🦠 Bactéries probiotiques\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e20 mg\u003c\/strong\u003e — Soutiennent une flore intestinale saine et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🍞 Saccharomyces cerevisiae\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e25 mg\u003c\/strong\u003e — Levure naturelle qui renforce le système digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌿 Extraits d'artichaut\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e — Favorisent le drainage naturel et la détoxification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eSans additifs chimiques ni conservateurs — adapté aux besoins spécifiques des chiens et des chats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Conseils d'utilisation --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eAdministrez par voie orale selon le poids de l'animal.\u003c\/p\u003e\n \u003cdiv class=\"lp-grid-compact\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🐾 0 à 5 kg\u003c\/h3\u003e\n \u003cp\u003e½ comprimé \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🐕 5 à 15 kg\u003c\/h3\u003e\n \u003cp\u003e1 comprimé \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🐕‍🦺 15 à 30 kg\u003c\/h3\u003e\n \u003cp\u003e2 comprimés \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🦮 30 kg et +\u003c\/h3\u003e\n \u003cp\u003e3 comprimés \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-accordion\"\u003e\n \u003cdetails class=\"lp-accordion-item\"\u003e\n \u003csummary class=\"lp-accordion-header\"\u003e📅 Durée de cure recommandée\u003c\/summary\u003e\n \u003cdiv class=\"lp-accordion-content\"\u003e\n \u003cp\u003eUtilisez ce produit en cures de \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e. Renouvelez si nécessaire selon l'état de votre animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lp-accordion-item\"\u003e\n \u003csummary class=\"lp-accordion-header\"\u003e💊 Compatibilité traitements\u003c\/summary\u003e\n \u003cdiv class=\"lp-accordion-content\"\u003e\n \u003cp\u003ePeut être administré en complément d'un traitement allopathique ou homéopathique, sans interaction indésirable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lp-accordion-item\"\u003e\n \u003csummary class=\"lp-accordion-header\"\u003e📦 Contenu de la boîte\u003c\/summary\u003e\n \u003cdiv class=\"lp-accordion-content\"\u003e\n \u003cp\u003eChaque boîte contient \u003cstrong\u003e60 comprimés\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Produit respectueux --\u003e\n \u003csection class=\"lp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn produit respectueux et 100 % naturel\u003c\/h2\u003e\n \u003cdiv class=\"lp-cta-box\"\u003e\n \u003cp\u003e🌱 Labodem Piel reflète l'engagement de \u003cstrong\u003eLabo-Demeter\u003c\/strong\u003e pour le bien-être des animaux et l'environnement.\u003cbr\u003e\u003cbr\u003eComplément entièrement naturel, sans composants artificiels, respectueux de la santé globale de vos compagnons à quatre pattes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lp-disclaimer\"\u003eComplément alimentaire pour animaux. Ne se substitue pas à une alimentation variée et équilibrée. Consultez votre vétérinaire en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lp-cream: #F7F5F0;\n --lp-white: #ffffff;\n --lp-primary: #4A7C34;\n --lp-primary-dark: #3A6228;\n --lp-primary-light: #E8F0E4;\n --lp-secondary: #D4A843;\n --lp-accent: #5B8A42;\n --lp-text: #1a1a1a;\n --lp-text-light: #5a5a5a;\n --lp-border: #e0e0e0;\n --lp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lp-radius: 20px;\n --lp-radius-sm: 12px;\n}\n\n.lp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lp-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #5B8A42 50%, #3A6228 100%);\n border-radius: var(--lp-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(--lp-shadow-lg);\n}\n\n.lp-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.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.lp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lp-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(--lp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lp-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.lp-subtitle {\n color: var(--lp-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.lp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.lp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lp-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.lp-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(--lp-primary), var(--lp-secondary));\n border-radius: 2px;\n}\n\n.lp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.lp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.lp-card {\n background: var(--lp-white);\n border-radius: var(--lp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lp-shadow-lg);\n border-color: var(--lp-primary);\n}\n\n.lp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lp-grid-compact .lp-card {\n padding: 1rem;\n}\n\n.lp-grid-compact .lp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lp-grid-compact .lp-card p {\n font-size: 12px;\n font-weight: 600;\n color: var(--lp-primary);\n}\n\n.lp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lp-primary-light);\n border-radius: var(--lp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lp-tip p {\n font-size: 14px;\n color: var(--lp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lp-accordion {\n background: var(--lp-white);\n border-radius: var(--lp-radius);\n box-shadow: var(--lp-shadow);\n overflow: hidden;\n}\n\n.lp-accordion-item {\n border-bottom: 1px solid var(--lp-border);\n margin: 0;\n padding: 0;\n}\n\n.lp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lp-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.lp-accordion-header:hover {\n background: var(--lp-primary-light);\n}\n\n.lp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lp-primary);\n transition: transform .2s ease;\n}\n\n.lp-accordion-item[open] .lp-accordion-header::after {\n content: '−';\n}\n\n.lp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.lp-accordion-content p {\n margin: 0;\n}\n\n.lp-cta-box {\n background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%);\n border-radius: var(--lp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lp-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.lp-disclaimer {\n font-size: 12px;\n color: var(--lp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lp-card {\n padding: 1.125rem;\n }\n \n .lp-section {\n margin-bottom: 1.75rem;\n }\n \n .lp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lp-radius-sm);\n }\n \n .lp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lp-grid-compact {\n gap: .625rem;\n }\n \n .lp-grid-compact .lp-card {\n padding: .75rem;\n }\n \n .lp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .lp-tip {\n padding: .875rem 1rem;\n }\n \n .lp-tip-icon {\n font-size: 20px;\n }\n \n .lp-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .lp-card:nth-child(1) { animation-delay: .05s; }\n .lp-card:nth-child(2) { animation-delay: .1s; }\n .lp-card:nth-child(3) { animation-delay: .15s; }\n .lp-card:nth-child(4) { animation-delay: .2s; }\n .lp-card:nth-child(5) { animation-delay: .25s; }\n .lp-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 .lp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755412185245,"sku":"LABODEMPIEL","price":15.88,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/labodem-piel_chien_chat_labo-demeter-min.jpg?v=1756887128"},{"product_id":"coraboost-soutien-cardio-vasculaire-chien-et-chat-100-comprimes-labo-demeter","title":"Coraboost - Traitement des problèmes Cardiaques Chien et Chat - Labo-Demeter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Coraboost - Traitement des problèmes Cardiaques Chien et Chat\nPalette détectée:\n - Primaire: #4A7C34 (vert profond du logo Demeter et accents naturels)\n - Secondaire: #D4A543 (jaune\/doré du badge \"Soutient du système cardio-vasculaire\")\n - Accent: #2E5A28 (vert foncé pour contraste)\n - Neutre: #F7F5F0 (blanc crème du packaging)\nAmbiance: Naturel\/santé animale, confiance médicale, douceur (présence chien et chat), laboratoire français\nPréfixe CSS: cb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et Fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cb-hero\"\u003e\n \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cb-hero-content\"\u003e\n \u003cdiv class=\"cb-badges-top\"\u003e\n \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"cb-badge\"\u003e🐕 Chiens \u0026amp; Chats\u003c\/span\u003e\n \u003cspan class=\"cb-badge\"\u003e💊 100 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cb-hero-title\"\u003eCoraboost\u003c\/span\u003e\n \u003cp class=\"cb-subtitle\"\u003eSoutien cardiovasculaire naturel pour chiens et chats\u003c\/p\u003e\n \u003cp class=\"cb-description\"\u003eFormulé par Labo-Demeter pour traiter l'insuffisance cardiaque et renforcer le système circulatoire de vos compagnons à quatre pattes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION BÉNÉFICES --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003e❤️ Pourquoi choisir Coraboost ?\u003c\/h2\u003e\n \u003cp class=\"cb-section-intro\"\u003eUne formule naturelle et efficace pour prendre soin du cœur de votre animal\u003c\/p\u003e\n \u003cdiv class=\"cb-grid\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e💪 Renforce la fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eSoutient activement le muscle cardiaque pour une meilleure contraction et un rythme régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🩸 Optimise la circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eAméliore le flux sanguin dans tout l'organisme pour une meilleure oxygénation des tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🛡️ Renforce les vaisseaux\u003c\/h3\u003e\n \u003cp\u003eFortifie les parois vasculaires pour un système circulatoire plus résistant et sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌱 Sans additifs chimiques\u003c\/h3\u003e\n \u003cp\u003eFormule 100% naturelle à base de plantes, sans substances nocives pour votre animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🎯 Prévention \u0026amp; traitement\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les animaux souffrant de troubles cardiaques ou en prévention chez les seniors.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e⚡ Résultats visibles\u003c\/h3\u003e\n \u003cp\u003eAmélioration de la vitalité et de l'endurance observée par les propriétaires d'animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eComment administrer Coraboostà votre animal ?\u003c\/h2\u003e\n \u003cp class=\"cb-section-intro\"\u003eAdministrez les comprimés directement dans la gueule ou mélangez-les à la nourriture\u003c\/p\u003e\n \u003cdiv class=\"cb-grid-compact\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🐱 Chats \u0026amp; petits chiens\u003c\/h3\u003e\n \u003cp\u003e\u0026lt; 10 kg : \u003cstrong\u003e1 comprimé\/jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🐕 Chiens moyens\u003c\/h3\u003e\n \u003cp\u003e10-25 kg : \u003cstrong\u003e2 comprimés\/jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🐕‍🦺 Grands chiens\u003c\/h3\u003e\n \u003cp\u003e\u0026gt; 25 kg : \u003cstrong\u003e3 comprimés\/jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e📅 Durée recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 mois minimum\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-tip\"\u003e\n \u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConsultez votre vétérinaire pour adapter la posologie aux besoins spécifiques de votre animal, notamment en cas de traitement médical en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eComposition de Coraboost\u003c\/h2\u003e\n \u003cp class=\"cb-section-intro\"\u003eUne synergie de 5 plantes aux vertus cardiovasculaires reconnues\u003c\/p\u003e\n \u003cdiv class=\"cb-grid\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌸 Poudre d'aubépine\u003c\/h3\u003e\n \u003cp\u003ePlante cardiotonique par excellence, régule le rythme cardiaque et renforce le muscle du cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🌰 Extrait de marronnier\u003c\/h3\u003e\n \u003cp\u003eAméliore la circulation veineuse et renforce l'élasticité des parois vasculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🍇 Extrait de vigne rouge\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège les vaisseaux et améliore la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🍃 Extrait de ginkgo biloba\u003c\/h3\u003e\n \u003cp\u003eFavorise l'oxygénation cérébrale et périphérique, fluidifie la circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🍇 Extrait de pépins de raisin\u003c\/h3\u003e\n \u003cp\u003eRiche en OPC, protège les capillaires et soutient la santé cardiovasculaire globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e✨ Excipient naturel\u003c\/h3\u003e\n \u003cp\u003eFormulation sans additifs chimiques pour une tolérance optimale chez tous les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"cb-testimonial\"\u003e\n \u003cp class=\"cb-testimonial-text\"\u003e\"Coraboost est fabriqué en France par Labo-Demeter, laboratoire spécialisé dans les traitements naturels pour animaux. Nos ingrédients de qualité pharmaceutique sont sélectionnés avec le plus grand soin pour garantir une efficacité optimale et un traitement naturel de l'insuffisance cardiaque totalement sûr pour vos compagnons.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🏭 Labo-Demeter\u003c\/h3\u003e\n \u003cp\u003eSpécialiste français des soins naturels pour animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e💎 Qualité pharma\u003c\/h3\u003e\n \u003cp\u003eIngrédients de grade pharmaceutique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e🔬 Expertise vétérinaire\u003c\/h3\u003e\n \u003cp\u003eFormule développée avec des professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cb-card\"\u003e\n \u003ch3\u003e✅ Résultats prouvés\u003c\/h3\u003e\n \u003cp\u003eTémoignages positifs des propriétaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION INFORMATIONS --\u003e\n \u003csection class=\"cb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cb-accordion\"\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e🎯 Pour quels animaux ?\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content\"\u003e\n \u003cp\u003eCoraboost convient aux chiens et chats de tous âges, particulièrement recommandé pour les animaux âgés, ceux présentant des souffles cardiaques, des insuffisances ou des irrégularités du rythme cardiaque. Également idéal en prévention pour les races prédisposées aux problèmes cardiaques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon dans un endroit sec, à l'abri de la lumière et de l'humidité. Température idéale : entre 15°C et 25°C. Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement vétérinaire. En cas de traitement médical en cours, consultez votre vétérinaire avant utilisation. Tenir hors de portée des enfants. Respectez la posologie recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cb-accordion-item\"\u003e\n \u003csummary class=\"cb-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"cb-accordion-content\"\u003e\n \u003cp\u003eFlacon de 100 comprimés sécables. Selon le poids de votre animal, un flacon couvre de 1 à 3 mois de traitement. Format pratique et économique pour un suivi sur la durée.\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=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cb-cta-box\"\u003e\n \u003cp\u003e🐾 Offrez à votre compagnon le soutien cardiaque naturel qu'il mérite avec Coraboost – une formule française, efficace et sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cb-disclaimer\"\u003eComplément alimentaire pour animaux. Ne se substitue pas à une alimentation variée et équilibrée ni à un suivi vétérinaire régulier.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cb-cream: #F9F7F2;\n --cb-white: #ffffff;\n --cb-primary: #4A7C34;\n --cb-primary-dark: #2E5A28;\n --cb-primary-light: #E8F0E4;\n --cb-secondary: #D4A543;\n --cb-accent: #C49A3B;\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n --cb-border: #e0e0e0;\n --cb-shadow: 0 4px 24px rgba(74,124,52,.08);\n --cb-shadow-lg: 0 12px 48px rgba(74,124,52,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #3D6A2B 40%, #2E5A28 100%);\n border-radius: var(--cb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 5 15 15 15 25s10 15 15 25c5-10 15-15 15-25S40 5 30 5z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cb-subtitle {\n color: var(--cb-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.cb-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.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n border-radius: 2px;\n}\n\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cb-testimonial {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb-shadow);\n border-left: 4px solid var(--cb-primary);\n}\n\n.cb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n.cb-cta-box {\n background: linear-gradient(135deg, var(--cb-primary) 0%, var(--cb-primary-dark) 100%);\n border-radius: var(--cb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cb-card {\n padding: 1.125rem;\n }\n \n .cb-section {\n margin-bottom: 1.75rem;\n }\n \n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n \n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cb-grid-compact {\n gap: .625rem;\n }\n \n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n \n .cb-testimonial {\n padding: 1.25rem;\n }\n \n .cb-testimonial-text {\n font-size: 14px;\n }\n \n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755413004445,"sku":"LABOCORA100","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coraboost_chien_chat_problemes_cardiaques_100_comprimes_labodemeter-min.jpg?v=1756899020"},{"product_id":"canivida-anti-age-100-comprimes-labo-demeter","title":"Canivida 100 comprimés - Traitement naturel anti-âge chien \u0026 chat - Labo-Demeter","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003c!-- HERO --\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🐾 Chiens \u0026amp; chats\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 100 comprimés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCanivida anti-âge\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eTraitement naturel anti-âge pour chiens et chats\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eExtrait de Yam, spiruline biologique, levure de bière revivifiable et silice : une formule naturelle pour soutenir vitalité, immunité et équilibre de votre compagnon senior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCanivida Anti-Âge : le complément alimentaire naturel pour chien et chat vieillissant\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVotre chien ralentit lors des promenades ? Votre chat hésite avant de sauter sur le canapé ? En vieillissant, nos compagnons à quatre pattes font face aux mêmes défis que nous : \u003cstrong\u003eraideurs articulaires\u003c\/strong\u003e, baisse d'énergie, système immunitaire fragilisé.\u003c\/p\u003e\n\u003cp class=\"cv-section-intro\"\u003e\u003cstrong\u003eCanivida de Labo-Demeter\u003c\/strong\u003e est un complément alimentaire pour chien et chat spécialement formulé pour accompagner le vieillissement de votre animal avec douceur et efficacité.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n\u003cp\u003eRetrouve son entrain et sa joie de vivre au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💚 Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn organisme renforcé pour des années de bonheur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eDes défenses naturelles solides face au vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦴 Articulations\u003c\/h3\u003e\n\u003cp\u003eMobilité et confort articulaire préservés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Canivida pour votre animal senior ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eAvec l'âge, l'organisme de votre compagnon produit moins de substances essentielles au bon fonctionnement de ses articulations et de ses défenses naturelles. Canivida a été conçu pour répondre précisément à ces besoins en combinant \u003cstrong\u003edes actifs naturels aux vertus complémentaires\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eLa spiruline biologique et la levure de bière revivifiable apportent protéines, vitamines du groupe B et minéraux essentiels pour soutenir le tonus et la vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Équilibre hormonal naturel\u003c\/h3\u003e\n\u003cp\u003eL’extrait de Yam est traditionnellement utilisé pour accompagner l’équilibre naturel de l’organisme et soutenir le bien-être général chez l’animal vieillissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦴 Soutien des tissus et de la structure\u003c\/h3\u003e\n\u003cp\u003eLa silice contribue au maintien de la souplesse des tissus conjonctifs et participe au confort articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eLa synergie spiruline et levure de bière aide à renforcer les défenses naturelles et à soutenir l’organisme face aux effets du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Formule naturelle maîtrisée\u003c\/h3\u003e\n\u003cp\u003eSans colorants artificiels. La maltodextrine bio et le stéarate de magnésium assurent la stabilité et la bonne fabrication du comprimé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eLe Canivida contient exclusivement des ingrédients d'origine naturelle, rigoureusement sélectionnés par Labo-Demeter :\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card cv-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Extrait de Yam\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour accompagner l’équilibre naturel de l’organisme et soutenir le bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card cv-card-ingredient\"\u003e\n\u003ch3\u003e💙 Spiruline biologique\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en protéines, fer, vitamines et antioxydants naturels. Contribue à la vitalité et au soutien immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card cv-card-ingredient\"\u003e\n\u003ch3\u003e🍺 Levure de bière revivifiable\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de vitamines B et d’oligo-éléments, idéale pour soutenir l’énergie, la qualité du pelage et la résistance de l’organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card cv-card-ingredient\"\u003e\n\u003ch3\u003e🦴 Silice\u003c\/h3\u003e\n\u003cp\u003eParticipe au maintien de la souplesse des tissus conjonctifs et au confort articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card cv-card-ingredient\"\u003e\n\u003ch3\u003e⚖️ Excipients d’origine naturelle\u003c\/h3\u003e\n\u003cp\u003eMaltodextrine biologique et stéarate de magnésium, utilisés pour assurer la stabilité et la bonne tenue des comprimés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eAdministrez \u003cstrong\u003e1 comprimé par tranche de 10 kg\u003c\/strong\u003e de poids corporel, \u003cstrong\u003eune fois par jour\u003c\/strong\u003e, pendant au moins \u003cstrong\u003e1 mois\u003c\/strong\u003e. Les comprimés se donnent directement dans la gueule ou mélangés à la nourriture.\u003c\/p\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e🐱\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eChats et petits chiens (moins de 10 kg)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 comprimé\/jour\u003c\/strong\u003e  soit environ \u003cstrong\u003e3 mois de cure\u003c\/strong\u003e par boîte de 100 comprimés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e🐕\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eChiens de taille moyenne (10 à 25 kg)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 comprimés\/jour\u003c\/strong\u003e  soit environ \u003cstrong\u003e50 jours de cure\u003c\/strong\u003e par boîte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e🐕🦺\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eGrands chiens (plus de 25 kg)\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 à 4 comprimés\/jour\u003c\/strong\u003e  soit \u003cstrong\u003e25 à 33 jours de cure\u003c\/strong\u003e par boîte\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\u003eCe complément alimentaire est \u003cstrong\u003ecompatible avec tout traitement\u003c\/strong\u003e allopathique ou homéopathique, sans risque d'interaction, y compris en cas d'insuffisance cardiaque, rénale, hépatique ou de diabète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eFabriqué en France par Labo-Demeter\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003e\u003cstrong\u003eLabo-Demeter\u003c\/strong\u003e est une entreprise française spécialisée dans les solutions de santé naturelles pour animaux. Chaque lot de Canivida est fabriqué selon des \u003cstrong\u003enormes de qualité rigoureuses\u003c\/strong\u003e, dans le respect de l'environnement. Les ingrédients sont soigneusement traités pour préserver l'intégralité de leurs propriétés bénéfiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🔬 Qualité certifiée\u003c\/h3\u003e\n\u003cp\u003eNormes rigoureuses à chaque lot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Respect de la nature\u003c\/h3\u003e\n\u003cp\u003eIngrédients naturels préservés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐾 Expert animal\u003c\/h3\u003e\n\u003cp\u003eSpécialiste santé naturelle animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Canivida ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eCe complément alimentaire est particulièrement recommandé pour les \u003cstrong\u003echiens et chats à partir de 7 ans\u003c\/strong\u003e, mais il peut aussi être utilisé chez les animaux plus jeunes présentant des signes de fragilité articulaire.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐕 Chien senior\u003c\/h3\u003e\n\u003cp\u003eVotre chien souffre d'arthrose, de raideurs ou manque d'entrain ? Canivida peut améliorer sensiblement son confort de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐈 Chat vieillissant\u003c\/h3\u003e\n\u003cp\u003eVotre chat montre des signes de fatigue chronique ou a du mal à se déplacer ? Canivida l'accompagne en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐶 Jeune animal fragile\u003c\/h3\u003e\n\u003cp\u003eLes animaux plus jeunes présentant des fragilités articulaires peuvent aussi bénéficier de la formule Canivida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cv-section\"\u003e\n\u003cdiv class=\"cv-cta-box\"\u003e\n\u003cp\u003e🐾 Offrez à votre compagnon le meilleur de la nature pour vieillir en pleine forme.\u003cbr\u003eCanivida 100 comprimés de soin et d'amour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-disclaimer\"\u003eCanivida est un complément alimentaire et ne remplace en aucun cas un traitement vétérinaire. En cas de doute sur l'état de santé de votre animal, consultez votre vétérinaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cv-cream: #f7f5f0;\n --cv-white: #ffffff;\n --cv-primary: #2D6A35;\n --cv-primary-dark: #1e4d26;\n --cv-primary-light: #e8f3ea;\n --cv-secondary: #C8A84E;\n --cv-accent: #4A9E55;\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\/* === CONTENEUR === *\/\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\/* === HERO === *\/\n.cv-hero {\n position: relative;\n background: linear-gradient(135deg, #1e4d26 0%, #2D6A35 40%, #4A9E55 75%, #C8A84E 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(200,168,78,.1) 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\/* === BADGES === *\/\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\/* === TITRE HERO === *\/\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,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.cv-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.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\/* === SECTION INTRO TEXT === *\/\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\/* === CARDS === *\/\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\/* === CARD INGREDIENT (variante) === *\/\n.cv-card-ingredient {\n border-top: 3px solid var(--cv-accent);\n}\n\n.cv-card-ingredient:hover {\n border-top-color: var(--cv-secondary);\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent;\n}\n\n\/* === GRILLES === *\/\n.cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === TIMELINE === *\/\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: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-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: 22px;\n box-shadow: 0 4px 16px rgba(45,106,53,.25);\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\/* === TESTIMONIAL === *\/\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-secondary);\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 margin: 0;\n}\n\n\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\n.cv-cta-box {\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, #1a3d20 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}\n\n.cv-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(200,168,78,.15) 0%, transparent 60%);\n}\n\n.cv-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.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\/* === RESPONSIVE MOBILE === *\/\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: 38px;\n height: 38px;\n font-size: 18px;\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-testimonial {\n padding: 1.25rem;\n }\n\n .cv-testimonial-text {\n font-size: 14px;\n }\n\n .cv-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n\n .cv-tip {\n padding: .875rem 1rem;\n }\n\n .cv-tip-icon {\n font-size: 20px;\n }\n\n .cv-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\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\/* === ACCESSIBILITÉ === *\/\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":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":53492589396345,"sku":"CANIVIDA-1","price":16.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/canidiva_100_comprimes_labo_demeter-traitement_anti-age_chien-chat-min.jpg?v=1756883597"},{"product_id":"canidren-draineur-hepatique-et-renal-chien-et-chat-labo-demeter","title":"Canidren - Draineur Hépatique et Renal Chien \u0026 Chat - Labo-Demeter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Canidren - Draineur Hépatique et Rénal Chien \u0026 Chat - Labo-Demeter\nPalette détectée:\n - Primaire: #2E7D32 (vert foncé du logo Demeter et des accents végétaux)\n - Secondaire: #C8A951 (doré\/jaune des textes \"Draineur hépatique\" sur le packaging)\n - Accent: #4CAF50 (vert clair des feuilles et de l'univers naturel)\nAmbiance: Naturel, vétérinaire, confiance, bien-être animal, plantes médicinales, fond blanc\/crème épuré\nPréfixe CSS: cd\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Canidren Labo-Demeter : le draineur hépatique et rénal naturel pour chien et chat\"\n 2. \"Pourquoi drainer le foie et les reins de votre animal ?\"\n 3. \"Une formule à base de trois plantes complémentaires\"\n 4. \"Conseils d'utilisation et posologie\"\n 5. \"Fabrication française et engagement qualité\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cd-hero\"\u003e\n \u003cdiv class=\"cd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cd-hero-content\"\u003e\n \u003cdiv class=\"cd-badges-top\"\u003e\n \u003cspan class=\"cd-badge\"\u003e🐾 Chiens \u0026amp; chats\u003c\/span\u003e\n \u003cspan class=\"cd-badge\"\u003e🌿 3 plantes actives\u003c\/span\u003e\n \u003cspan class=\"cd-badge\"\u003e💊 100 comprimés\u003c\/span\u003e\n \u003cspan class=\"cd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cd-hero-title\"\u003eCanidren Labo-Demeter\u003c\/span\u003e\n \u003cp class=\"cd-subtitle\"\u003eDraineur hépatique et rénal naturel\u003c\/p\u003e\n \u003cp class=\"cd-description\"\u003eSoutenez le foie et les reins de votre compagnon grâce à une synergie de plantes puissantes. Une cure douce et efficace pour retrouver vitalité et bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cd-section\"\u003e\n \u003ch2\u003eCanidren Labo-Demeter : le draineur hépatique et rénal naturel pour chien et chat\u003c\/h2\u003e\n \u003cp class=\"cd-section-intro\"\u003eVotre chien manque d'entrain ? Votre chat semble fatigué sans raison apparente ? Le foie et les reins de nos animaux sont sollicités en permanence.\u003c\/p\u003e\n \u003cdiv class=\"cd-grid-compact\"\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🍽️ Alimentation industrielle\u003c\/h3\u003e\n \u003cp\u003eAdditifs, conservateurs et ingrédients transformés qui surchargent les organes filtres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e💊 Traitements médicamenteux\u003c\/h3\u003e\n \u003cp\u003eVermifuges, antibiotiques et autres médicaments qui sollicitent le foie et les reins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🏭 Polluants environnementaux\u003c\/h3\u003e\n \u003cp\u003ePesticides, métaux lourds et toxines du quotidien qui s'accumulent dans l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e✨ La solution Canidren\u003c\/h3\u003e\n \u003cp\u003e100 comprimés formulés pour un drainage hépatique et rénal complet grâce à 3 plantes synergiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cd-section\"\u003e\n \u003ch2\u003ePourquoi drainer le foie et les reins de votre animal ?\u003c\/h2\u003e\n \u003cp class=\"cd-section-intro\"\u003eLe foie et les reins jouent un rôle central dans l'élimination des toxines. Lorsque ces organes sont surchargés, les signes peuvent être discrets mais révélateurs.\u003c\/p\u003e\n \u003cdiv class=\"cd-grid\"\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e😴 Fatigue chronique\u003c\/h3\u003e\n \u003cp\u003eUn animal anormalement fatigué peut souffrir d'une surcharge toxinique qui ralentit tout son métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🐕 Pelage terne\u003c\/h3\u003e\n \u003cp\u003eUn poil sans éclat est souvent le reflet d'un foie en difficulté qui ne filtre plus correctement les déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🤢 Troubles digestifs\u003c\/h3\u003e\n \u003cp\u003eVomissements, diarrhées ou perte d'appétit peuvent indiquer un besoin de drainage hépatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e😮‍💨 Mauvaise haleine\u003c\/h3\u003e\n \u003cp\u003eL'halitose est fréquemment liée à un dysfonctionnement hépatique ou à une accumulation de toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e💉 Après un traitement\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé après une vermifugation, un antibiotique ou tout traitement médicamenteux lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🔄 En cure saisonnière\u003c\/h3\u003e\n \u003cp\u003eUne cure régulière permet de maintenir la vitalité de votre chien ou chat et de prévenir les surcharges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cd-section\"\u003e\n \u003ch2\u003eUne formule à base de trois plantes complémentaires\u003c\/h2\u003e\n \u003cp class=\"cd-section-intro\"\u003eLa force du Canidren réside dans l'association ciblée de trois plantes aux propriétés complémentaires, agissant en synergie pour un drainage complet.\u003c\/p\u003e\n \u003cdiv class=\"cd-grid\"\u003e\n \u003cdiv class=\"cd-card cd-card-plant\"\u003e\n \u003ch3\u003e🌱 Lespedeza capitata\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour ses propriétés \u003cstrong\u003ediurétiques et anti-néphrotiques\u003c\/strong\u003e. Elle favorise le bon fonctionnement rénal et aide à lutter contre la rétention d'eau et les œdèmes.\u003c\/p\u003e\n \u003cspan class=\"cd-card-tag\"\u003e🫘 Action rénale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card cd-card-plant\"\u003e\n \u003ch3\u003e🌿 Cardon (Cynara cardunculus)\u003c\/h3\u003e\n \u003cp\u003eCousin de l'artichaut, le cardon stimule la \u003cstrong\u003esécrétion et l'excrétion de la bile\u003c\/strong\u003e, facilitant la détoxification hépatique. Il possède également un effet diurétique complémentaire.\u003c\/p\u003e\n \u003cspan class=\"cd-card-tag\"\u003e🫀 Action hépatique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card cd-card-plant\"\u003e\n \u003ch3\u003e🥕 Radis noir (Raphanus raphanistrum)\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003ecomposés soufrés\u003c\/strong\u003e, le radis noir est l'une des plantes les plus réputées pour soutenir la fonction hépatique. Il aide le foie à éliminer les toxines et favorise une meilleure digestion.\u003c\/p\u003e\n \u003cspan class=\"cd-card-tag\"\u003e🧬 Détox puissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-tip\"\u003e\n \u003cspan class=\"cd-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eCette triple action agit en synergie pour offrir un \u003cstrong\u003edrainage complet\u003c\/strong\u003e, tant au niveau du foie que des reins, contribuant ainsi au bien-être global de votre animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cd-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cp class=\"cd-section-intro\"\u003eLe Canidren s'administre facilement, mélangé à la nourriture ou donné directement.\u003c\/p\u003e\n \u003cdiv class=\"cd-grid-compact\"\u003e\n \u003cdiv class=\"cd-card cd-card-dosage\"\u003e\n \u003ch3\u003e🐱 Chat\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 comprimé\u003c\/strong\u003e par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card cd-card-dosage\"\u003e\n \u003ch3\u003e🐶 Chien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 comprimé\u003c\/strong\u003e par tranche de 10 kg\/jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-timeline\"\u003e\n \u003cdiv class=\"cd-timeline-item\"\u003e\n \u003cdiv class=\"cd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cd-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLa cure recommandée dure de \u003cstrong\u003e1 à 3 semaines\u003c\/strong\u003e, à renouveler selon les besoins de votre animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-timeline-item\"\u003e\n \u003cdiv class=\"cd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cd-timeline-content\"\u003e\n \u003ch3\u003eCompatibilité\u003c\/h3\u003e\n \u003cp\u003eCompatible avec les traitements vétérinaires en cours, y compris les protocoles chimiothérapiques ou phytothérapiques, sans précaution particulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-timeline-item\"\u003e\n \u003cdiv class=\"cd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cd-timeline-content\"\u003e\n \u003ch3\u003eConseil vétérinaire\u003c\/h3\u003e\n \u003cp\u003ePour toute situation spécifique, n'hésitez pas à demander l'avis de votre vétérinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cd-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"cd-grid\"\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué par le Labo Demeter, laboratoire spécialisé dans les compléments alimentaires naturels pour animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🌾 Sans pesticides\u003c\/h3\u003e\n \u003cp\u003eLes ingrédients sont sélectionnés avec soin et cultivés sans pesticides, dans le respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cd-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eUne supplémentation saine, traçable et responsable pour offrir le meilleur à votre compagnon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cd-accordion\"\u003e\n \u003cdetails class=\"cd-accordion-item\"\u003e\n \u003csummary class=\"cd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à un traitement vétérinaire ni à une alimentation équilibrée. En cas de pathologie hépatique ou rénale avérée, consultez votre vétérinaire avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cd-accordion-item\"\u003e\n \u003csummary class=\"cd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cd-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cd-disclaimer\"\u003eComplément alimentaire pour animaux. Ne se substitue pas à une alimentation variée et équilibrée ni à un avis vétérinaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cd-cream: #f7f9f4;\n --cd-white: #ffffff;\n --cd-primary: #2E7D32;\n --cd-primary-dark: #1B5E20;\n --cd-primary-light: #E8F5E9;\n --cd-secondary: #C8A951;\n --cd-accent: #4CAF50;\n --cd-text: #1a1a1a;\n --cd-text-light: #5a5a5a;\n --cd-border: #dce8dc;\n --cd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cd-radius: 20px;\n --cd-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cd-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #4CAF50 100%);\n border-radius: var(--cd-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(--cd-shadow-lg);\n}\n\n.cd-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,169,81,.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.cd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.cd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cd-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(--cd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.cd-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.cd-subtitle {\n color: var(--cd-secondary);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.cd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cd-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.cd-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(--cd-primary), var(--cd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cd-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.cd-card {\n background: var(--cd-white);\n border-radius: var(--cd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cd-shadow-lg);\n border-color: var(--cd-primary);\n}\n\n.cd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD PLANT VARIANT === *\/\n.cd-card-plant {\n text-align: left;\n position: relative;\n padding-bottom: clamp(3rem, 4vw, 3.5rem);\n}\n\n.cd-card-tag {\n display: inline-block;\n position: absolute;\n bottom: clamp(1rem, 2vw, 1.5rem);\n left: clamp(1.25rem, 3vw, 2rem);\n padding: 4px 12px;\n background: var(--cd-primary-light);\n color: var(--cd-primary-dark);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n\/* === CARD DOSAGE VARIANT === *\/\n.cd-card-dosage {\n background: linear-gradient(135deg, var(--cd-primary-light) 0%, var(--cd-white) 100%);\n border: 2px solid var(--cd-primary-light);\n}\n\n.cd-card-dosage p {\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--cd-primary-dark);\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.cd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.cd-grid-compact .cd-card {\n padding: 1rem;\n}\n\n.cd-grid-compact .cd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cd-grid-compact .cd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cd-primary), var(--cd-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.cd-timeline-content {\n flex: 1;\n background: var(--cd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cd-radius-sm);\n box-shadow: var(--cd-shadow);\n}\n\n.cd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cd-timeline-content p {\n font-size: 14px;\n color: var(--cd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cd-primary-light);\n border-radius: var(--cd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cd-tip p {\n font-size: 14px;\n color: var(--cd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cd-testimonial {\n background: var(--cd-white);\n border-radius: var(--cd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cd-shadow);\n border-left: 4px solid var(--cd-primary);\n}\n\n.cd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cd-accordion {\n background: var(--cd-white);\n border-radius: var(--cd-radius);\n box-shadow: var(--cd-shadow);\n overflow: hidden;\n}\n\n.cd-accordion-item {\n border-bottom: 1px solid var(--cd-border);\n margin: 0;\n padding: 0;\n}\n\n.cd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cd-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.cd-accordion-header:hover {\n background: var(--cd-primary-light);\n}\n\n.cd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cd-primary);\n transition: transform .2s ease;\n}\n\n.cd-accordion-item[open] .cd-accordion-header::after {\n content: '−';\n}\n\n.cd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cd-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cd-disclaimer {\n font-size: 12px;\n color: var(--cd-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 .cd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cd-card {\n padding: 1.125rem;\n }\n\n .cd-card-plant {\n padding-bottom: 2.75rem;\n }\n\n .cd-card-tag {\n bottom: .875rem;\n left: 1.125rem;\n }\n\n .cd-section {\n margin-bottom: 1.75rem;\n }\n\n .cd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cd-radius-sm);\n }\n\n .cd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cd-grid-compact {\n gap: .625rem;\n }\n\n .cd-grid-compact .cd-card {\n padding: .75rem;\n }\n\n .cd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cd-timeline-content h3 {\n font-size: 14px;\n }\n\n .cd-timeline-content p {\n font-size: 13px;\n }\n\n .cd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cd-testimonial {\n padding: 1.25rem;\n }\n\n .cd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cd-card {\n animation: cdFadeInUp .5s ease backwards;\n }\n .cd-card:nth-child(1) { animation-delay: .05s; }\n .cd-card:nth-child(2) { animation-delay: .1s; }\n .cd-card:nth-child(3) { animation-delay: .15s; }\n .cd-card:nth-child(4) { animation-delay: .2s; }\n .cd-card:nth-child(5) { animation-delay: .25s; }\n .cd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cdFadeInUp {\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 .cd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755416379549,"sku":"CANIDRENL100C","price":16.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/canidren_draineur_hepatique_chien_chat_100-comprimes_labo-demeter-min.jpg?v=1756916933"},{"product_id":"glucoregul-chiens-et-chats-diabetiques-ou-en-surpoids-100-comprimes-labo-demeter","title":"Glucoregul - Chien et Chat Diabétique ou en Surpoids - 100 Comprimés - Labo-Demeter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Glucoregul - Complément pour chiens et chats diabétiques ou en surpoids\nPalette détectée:\n - Primaire: #2E7D32 (vert forêt du logo et texte principal)\n - Secondaire: #F9A825 (jaune\/orangé des badges \"Diabète Surpoids\")\n - Accent: #81C784 (vert clair des feuilles décoratives)\nAmbiance: Naturel\/santé animale, packaging blanc épuré avec touches de vert et jaune, univers vétérinaire naturel et rassurant\nPréfixe CSS: gluc\n--\u003e\n\n\u003cdiv class=\"gluc-premium\"\u003e\n \n \u003cdiv class=\"gluc-hero\"\u003e\n \u003cdiv class=\"gluc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gluc-hero-content\"\u003e\n \u003cdiv class=\"gluc-badges-top\"\u003e\n \u003cspan class=\"gluc-badge\"\u003e🐕 Chiens \u0026amp; Chats\u003c\/span\u003e\n \u003cspan class=\"gluc-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"gluc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gluc-hero-title\"\u003eGlucoregul\u003c\/span\u003e\n \u003cp class=\"gluc-subtitle\"\u003eRégulation naturelle du diabète et du surpoids\u003c\/p\u003e\n \u003cp class=\"gluc-description\"\u003eLa solution phytothérapique pour accompagner vos compagnons vers une glycémie équilibrée et un poids optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gluc-section\"\u003e\n \u003ch2\u003e🎯 Les bénéfices pour votre animal\u003c\/h2\u003e\n \u003cdiv class=\"gluc-grid\"\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e📉 Régulation glycémique\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir un taux de glucose sanguin stable grâce à une synergie d'actifs naturels éprouvés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e⚖️ Contrôle du poids\u003c\/h3\u003e\n \u003cp\u003eSoutient le métabolisme pour favoriser une gestion saine du poids et prévenir l'obésité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eLe ginseng renforce l'énergie naturelle de votre animal pour une meilleure qualité de vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e🛡️ Prévention des complications\u003c\/h3\u003e\n \u003cp\u003eLimite les risques liés au diabète et au surpoids pour un vieillissement en bonne santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e🍽️ Appétent et facile\u003c\/h3\u003e\n \u003cp\u003eArôme poulet apprécié des animaux, prise spontanée sans contrainte au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e✅ Sans interaction\u003c\/h3\u003e\n \u003cp\u003eCompatible avec tous les traitements allopathiques ou homéopathiques, sans aucun risque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gluc-section\"\u003e\n \u003ch2\u003e🌿 Composition naturelle\u003c\/h2\u003e\n \u003cdiv class=\"gluc-grid\"\u003e\n \u003cdiv class=\"gluc-card gluc-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Extrait de fenugrec\u003c\/h3\u003e\n \u003cp\u003eRégule naturellement les niveaux de glucose sanguin, actif principal de la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-ingredient\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003eRenforce l'énergie, soutient le métabolisme et améliore la vitalité générale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Gymnema sylvestre\u003c\/h3\u003e\n \u003cp\u003eAction hypoglycémiante reconnue et bienfaits prouvés sur la gestion du poids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-ingredient\"\u003e\n \u003ch3\u003e🍞 Levure de bière\u003c\/h3\u003e\n \u003cp\u003eInactivée, source de nutriments essentiels favorisant une digestion optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Cannelle\u003c\/h3\u003e\n \u003cp\u003eEffets bénéfiques reconnus sur la glycémie et l'activation du métabolisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-ingredient\"\u003e\n \u003ch3\u003e💛 Berbérine\u003c\/h3\u003e\n \u003cp\u003eParticipe activement à la réduction de la glycémie et favorise un métabolisme sain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gluc-section\"\u003e\n \u003ch2\u003e🐾 Pour quels animaux ?\u003c\/h2\u003e\n \u003cdiv class=\"gluc-grid\"\u003e\n \u003cdiv class=\"gluc-card gluc-card-profile\"\u003e\n \u003ch3\u003e🐱 Chats diabétiques\u003c\/h3\u003e\n \u003cp\u003eAccompagnement naturel pour stabiliser la glycémie et améliorer le confort de vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-profile\"\u003e\n \u003ch3\u003e🐕 Chiens en surpoids\u003c\/h3\u003e\n \u003cp\u003eSoutien métabolique pour retrouver un poids de forme et plus d'énergie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-profile\"\u003e\n \u003ch3\u003e🐈 Chats stérilisés\u003c\/h3\u003e\n \u003cp\u003ePrévention de la prise de poids souvent observée après la stérilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card gluc-card-profile\"\u003e\n \u003ch3\u003e🦮 Chiens sédentaires\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir une glycémie stable malgré un mode de vie moins actif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gluc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gluc-usage-box\"\u003e\n \u003cdiv class=\"gluc-usage-grid\"\u003e\n \u003cdiv class=\"gluc-usage-item\"\u003e\n \u003cdiv class=\"gluc-usage-icon\"\u003e🐱\u003c\/div\u003e\n \u003cdiv class=\"gluc-usage-content\"\u003e\n \u003ch4\u003eChats\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e½ à 1 comprimé\/jour\u003c\/strong\u003e\u003cbr\u003eAdapter selon le poids et les besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-usage-item\"\u003e\n \u003cdiv class=\"gluc-usage-icon\"\u003e🐕\u003c\/div\u003e\n \u003cdiv class=\"gluc-usage-content\"\u003e\n \u003ch4\u003eChiens\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e1 comprimé \/ 10 kg\u003c\/strong\u003e\u003cbr\u003eEx: 3 comprimés pour un chien de 25 kg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-usage-duration\"\u003e\n \u003cspan class=\"gluc-duration-badge\"\u003e⏱️ Cure recommandée : 30 à 45 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"gluc-usage-note\"\u003eAdministration directe ou mélangé à la nourriture. Prise généralement spontanée grâce à l'arôme poulet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gluc-section\"\u003e\n \u003ch2\u003e✨ Les avantages Glucoregul\u003c\/h2\u003e\n \u003cdiv class=\"gluc-grid-compact\"\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e🌿 Naturel\u003c\/h3\u003e\n \u003cp\u003eActifs végétaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e🇫🇷 Français\u003c\/h3\u003e\n \u003cp\u003eQualité Labo-Demeter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e💊 100 comprimés\u003c\/h3\u003e\n \u003cp\u003eCure longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gluc-card\"\u003e\n \u003ch3\u003e🤝 Compatible\u003c\/h3\u003e\n \u003cp\u003eTous traitements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gluc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"gluc-accordion\"\u003e\n \u003cdetails class=\"gluc-accordion-item\"\u003e\n \u003csummary class=\"gluc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gluc-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement le flacon après chaque utilisation. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gluc-accordion-item\"\u003e\n \u003csummary class=\"gluc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gluc-accordion-content\"\u003e\n \u003cp\u003eCe produit peut être administré avec tout traitement allopathique ou homéopathique, sans interaction d'aucune sorte, et quelles que soient les pathologies associées (insuffisance cardiaque, rénale, hépatique, diabète...). En cas de doute, consultez votre vétérinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gluc-accordion-item\"\u003e\n \u003csummary class=\"gluc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"gluc-accordion-content\"\u003e\n \u003cp\u003eFormulé et fabriqué en France par Labo-Demeter, entreprise renommée pour son engagement envers les produits naturels et biologiques. Chaque étape de production respecte les normes de qualité les plus strictes pour assurer sécurité et efficacité optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gluc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gluc-cta-box\"\u003e\n \u003cp\u003e🐾 Prenez soin de vos compagnons avec le meilleur des soins naturels.\u003cbr\u003eGlucoregul : la solution douce et efficace pour gérer diabète et surpoids au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gluc-cream: #f8f9f5;\n --gluc-white: #ffffff;\n --gluc-primary: #2E7D32;\n --gluc-primary-dark: #1B5E20;\n --gluc-primary-light: #E8F5E9;\n --gluc-secondary: #F9A825;\n --gluc-secondary-light: #FFF8E1;\n --gluc-accent: #81C784;\n --gluc-text: #1a1a1a;\n --gluc-text-light: #5a5a5a;\n --gluc-border: #e0e0e0;\n --gluc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gluc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gluc-radius: 20px;\n --gluc-radius-sm: 12px;\n}\n\n.gluc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gluc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gluc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gluc-primary) 0%, var(--gluc-primary-dark) 50%, #145214 100%);\n border-radius: var(--gluc-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(--gluc-shadow-lg);\n}\n\n.gluc-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.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.gluc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gluc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gluc-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(--gluc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gluc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gluc-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gluc-subtitle {\n color: var(--gluc-secondary);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.gluc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.gluc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gluc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gluc-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.gluc-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(--gluc-primary), var(--gluc-secondary));\n border-radius: 2px;\n}\n\n.gluc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gluc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gluc-card {\n background: var(--gluc-white);\n border-radius: var(--gluc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gluc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gluc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gluc-shadow-lg);\n border-color: var(--gluc-primary);\n}\n\n.gluc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gluc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gluc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gluc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gluc-grid-compact .gluc-card {\n padding: 1rem;\n}\n\n.gluc-grid-compact .gluc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gluc-grid-compact .gluc-card p {\n font-size: 12px;\n}\n\n.gluc-card-ingredient {\n border-left: 4px solid var(--gluc-accent);\n}\n\n.gluc-card-profile {\n background: linear-gradient(135deg, var(--gluc-white) 0%, var(--gluc-primary-light) 100%);\n}\n\n.gluc-usage-box {\n background: var(--gluc-white);\n border-radius: var(--gluc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gluc-shadow);\n border: 2px solid var(--gluc-primary-light);\n}\n\n.gluc-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.gluc-usage-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem;\n background: var(--gluc-primary-light);\n border-radius: var(--gluc-radius-sm);\n}\n\n.gluc-usage-icon {\n font-size: 2.5rem;\n line-height: 1;\n}\n\n.gluc-usage-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--gluc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gluc-usage-content p {\n font-size: 14px;\n color: var(--gluc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gluc-usage-duration {\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.gluc-duration-badge {\n display: inline-block;\n padding: 10px 20px;\n background: linear-gradient(135deg, var(--gluc-secondary) 0%, #F57F17 100%);\n color: white;\n font-weight: 700;\n font-size: 15px;\n border-radius: 999px;\n box-shadow: 0 4px 15px rgba(249,168,37,.3);\n}\n\n.gluc-usage-note {\n text-align: center;\n font-size: 14px;\n color: var(--gluc-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.gluc-accordion {\n background: var(--gluc-white);\n border-radius: var(--gluc-radius);\n box-shadow: var(--gluc-shadow);\n overflow: hidden;\n}\n\n.gluc-accordion-item {\n border-bottom: 1px solid var(--gluc-border);\n margin: 0;\n padding: 0;\n}\n\n.gluc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gluc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gluc-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.gluc-accordion-header:hover {\n background: var(--gluc-primary-light);\n}\n\n.gluc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gluc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gluc-primary);\n transition: transform .2s ease;\n}\n\n.gluc-accordion-item[open] .gluc-accordion-header::after {\n content: '−';\n}\n\n.gluc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gluc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.gluc-accordion-content p {\n margin: 0;\n}\n\n.gluc-cta-box {\n background: linear-gradient(135deg, var(--gluc-primary) 0%, var(--gluc-primary-dark) 100%);\n border-radius: var(--gluc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gluc-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.gluc-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 .gluc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gluc-card {\n padding: 1.125rem;\n }\n \n .gluc-section {\n margin-bottom: 1.75rem;\n }\n \n .gluc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gluc-radius-sm);\n }\n \n .gluc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gluc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gluc-grid-compact {\n gap: .625rem;\n }\n \n .gluc-grid-compact .gluc-card {\n padding: .75rem;\n }\n \n .gluc-badges-top {\n gap: 8px;\n }\n \n .gluc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .gluc-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gluc-usage-item {\n padding: .875rem;\n }\n \n .gluc-usage-icon {\n font-size: 2rem;\n }\n \n .gluc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gluc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gluc-card {\n animation: glucFadeInUp .5s ease backwards;\n }\n .gluc-card:nth-child(1) { animation-delay: .05s; }\n .gluc-card:nth-child(2) { animation-delay: .1s; }\n .gluc-card:nth-child(3) { animation-delay: .15s; }\n .gluc-card:nth-child(4) { animation-delay: .2s; }\n .gluc-card:nth-child(5) { animation-delay: .25s; }\n .gluc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes glucFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gluc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755416707229,"sku":"LABOGLUC100","price":19.47,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glucoregul_diabete_surpoids_chien_chat_labodemeter-min.jpg?v=1756887970"},{"product_id":"canisil-arthrose-du-chien-et-du-chat-60-comprimes-labo-demeter","title":"Canisil 60 comprimés - Anti-inflammatoire arthrose Chien \u0026 Chat - Labo Demeter","description":"\u003c!--\n=== ANALYSE VISUELLE =====\nProduit: Canisil - Complément articulaire pour chiens et chats\nPalette détectée:\n - Primaire: #2E7D32 (vert forêt du logo Labo Demeter et accents naturels)\n - Secondaire: #F9A825 (jaune doré des badges \"Tonus\" et \"Souplesse\")\n - Accent: #8D6E63 (brun chaleureux évoquant le pelage animal)\nAmbiance: Naturel, bien-être animal, confiance vétérinaire, chaleureux et bienveillant\nPréfixe CSS: cns\n--\u003e\n\u003cdiv class=\"cns-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cns-hero\"\u003e\n\u003cdiv class=\"cns-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cns-hero-content\"\u003e\n\u003cdiv class=\"cns-badges-top\"\u003e\n\u003cspan class=\"cns-badge\"\u003e🐕 Chiens \u0026amp; chats\u003c\/span\u003e \u003cspan class=\"cns-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"cns-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cns-hero-title\"\u003eCanisil®\u003c\/span\u003e\n\u003cp class=\"cns-subtitle\"\u003eSoutien articulaire naturel pour vos compagnons\u003c\/p\u003e\n\u003cp class=\"cns-description\"\u003eLa formule experte de Labo Demeter pour des articulations souples et une mobilité retrouvée. Idéal pour les animaux vieillissants, sportifs ou en convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003e🦴 Les bienfaits de Canisil pour votre animal\u003c\/h2\u003e\n\u003cdiv class=\"cns-grid\"\u003e\n\u003cdiv class=\"cns-card cns-benefit-card\"\u003e\n\u003cdiv class=\"cns-card-icon\"\u003e🦿\u003c\/div\u003e\n\u003ch3\u003eMobilité retrouvée\u003c\/h3\u003e\n\u003cp\u003eSoutient la souplesse et la mobilité des articulations grâce à la moule verte, source naturelle d'oméga 3 et de glycosaminoglycanes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-benefit-card\"\u003e\n\u003cdiv class=\"cns-card-icon\"\u003e🌡️\u003c\/div\u003e\n\u003ch3\u003eConfort articulaire\u003c\/h3\u003e\n\u003cp\u003eApaise l'inflammation grâce à l'harpagophytum, une plante reconnue pour son action sur les articulations raides ou sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-benefit-card\"\u003e\n\u003cdiv class=\"cns-card-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003eRégénération du cartilage\u003c\/h3\u003e\n\u003cp\u003eFavorise la reconstruction des tissus articulaires par l'apport en silicium organique, indispensable à leur bonne santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-benefit-card\"\u003e\n\u003cdiv class=\"cns-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eVitalité générale\u003c\/h3\u003e\n\u003cp\u003eSoutient la digestion et la beauté du pelage grâce à la levure de bière, un trésor nutritionnel naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003e🧪 Une formule experte à 4 actifs\u003c\/h2\u003e\n\u003cdiv class=\"cns-composition-grid\"\u003e\n\u003cdiv class=\"cns-composition-card\"\u003e\n\u003cdiv class=\"cns-composition-header\"\u003e\n\u003cspan class=\"cns-composition-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"cns-composition-info\"\u003e\n\u003ch3\u003eHarpagophytum\u003c\/h3\u003e\n\u003cspan class=\"cns-dosage\"\u003e25 mg \/ comprimé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait pur de \"griffe du diable\", soutien naturel reconnu pour les articulations sensibles et raides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-composition-card\"\u003e\n\u003cdiv class=\"cns-composition-header\"\u003e\n\u003cspan class=\"cns-composition-icon\"\u003e🐚\u003c\/span\u003e\n\u003cdiv class=\"cns-composition-info\"\u003e\n\u003ch3\u003ePerna Canaliculus\u003c\/h3\u003e\n\u003cspan class=\"cns-dosage\"\u003e10 mg \/ comprimé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eMoule verte de Nouvelle-Zélande, source exceptionnelle de nutriments protecteurs pour les cartilages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-composition-card\"\u003e\n\u003cdiv class=\"cns-composition-header\"\u003e\n\u003cspan class=\"cns-composition-icon\"\u003e💎\u003c\/span\u003e\n\u003cdiv class=\"cns-composition-info\"\u003e\n\u003ch3\u003eSilicium organique\u003c\/h3\u003e\n\u003cspan class=\"cns-dosage\"\u003e5 mg \/ comprimé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eFavorise la solidité des tissus conjonctifs et la régénération naturelle du cartilage articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-composition-card\"\u003e\n\u003cdiv class=\"cns-composition-header\"\u003e\n\u003cspan class=\"cns-composition-icon\"\u003e🍺\u003c\/span\u003e\n\u003cdiv class=\"cns-composition-info\"\u003e\n\u003ch3\u003eFlore probiotique\u003c\/h3\u003e\n\u003cspan class=\"cns-dosage\"\u003e10 mg \/ comprimé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eFlore revivifiable pour un soutien digestif optimal et une meilleure assimilation des nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003e🎯 Pour quels animaux est fait Canisil ?\u003c\/h2\u003e\n\u003cdiv class=\"cns-grid cns-grid-3\"\u003e\n\u003cdiv class=\"cns-card cns-target-card\"\u003e\n\u003cdiv class=\"cns-target-icon\"\u003e🐕🦺\u003c\/div\u003e\n\u003ch3\u003eAnimaux vieillissants\u003c\/h3\u003e\n\u003cp\u003eArthrose liée à l'âge, raideurs matinales, difficultés à se lever ou monter les escaliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-target-card\"\u003e\n\u003cdiv class=\"cns-target-icon\"\u003e🏃\u003c\/div\u003e\n\u003ch3\u003eChiens sportifs\u003c\/h3\u003e\n\u003cp\u003eChasse, course, agility... Sollicitation intensive des articulations nécessitant un soutien préventif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-target-card\"\u003e\n\u003cdiv class=\"cns-target-icon\"\u003e🩹\u003c\/div\u003e\n\u003ch3\u003eEn convalescence\u003c\/h3\u003e\n\u003cp\u003eSéquelles traumatiques, post-chirurgie articulaire, récupération après blessure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-target-card\"\u003e\n\u003cdiv class=\"cns-target-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEn prévention\u003c\/h3\u003e\n\u003cp\u003eDès l'âge adulte pour les races prédisposées aux troubles locomoteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-target-card\"\u003e\n\u003cdiv class=\"cns-target-icon\"\u003e🐈\u003c\/div\u003e\n\u003ch3\u003eChats seniors\u003c\/h3\u003e\n\u003cp\u003ePerte de souplesse, réticence à sauter, toilettage difficile lié aux douleurs articulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-target-card\"\u003e\n\u003cdiv class=\"cns-target-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eAnimaux en surpoids\u003c\/h3\u003e\n\u003cp\u003eSurcharge articulaire nécessitant un soutien renforcé pour préserver la mobilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POSOLOGIE --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi de Canisil adapté au poids\u003c\/h2\u003e\n\u003cdiv class=\"cns-dosage-container\"\u003e\n\u003cdiv class=\"cns-dosage-card\"\u003e\n\u003cdiv class=\"cns-dosage-weight\"\u003e\n\u003cspan class=\"cns-weight-icon\"\u003e🐱\u003c\/span\u003e \u003cspan class=\"cns-weight-text\"\u003eJusqu'à 10 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-dosage-amount\"\u003e\n\u003cspan class=\"cns-amount-number\"\u003e1\u003c\/span\u003e \u003cspan class=\"cns-amount-unit\"\u003ecomprimé\/jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"cns-dosage-desc\"\u003eChats et petits chiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-dosage-card cns-dosage-featured\"\u003e\n\u003cdiv class=\"cns-dosage-weight\"\u003e\n\u003cspan class=\"cns-weight-icon\"\u003e🐕\u003c\/span\u003e \u003cspan class=\"cns-weight-text\"\u003e10 à 20 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-dosage-amount\"\u003e\n\u003cspan class=\"cns-amount-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"cns-amount-unit\"\u003ecomprimés\/jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"cns-dosage-desc\"\u003eChiens moyens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-dosage-card\"\u003e\n\u003cdiv class=\"cns-dosage-weight\"\u003e\n\u003cspan class=\"cns-weight-icon\"\u003e🐕🦺\u003c\/span\u003e \u003cspan class=\"cns-weight-text\"\u003ePlus de 20 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-dosage-amount\"\u003e\n\u003cspan class=\"cns-amount-number\"\u003e3\u003c\/span\u003e \u003cspan class=\"cns-amount-unit\"\u003ecomprimés\/jour\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"cns-dosage-desc\"\u003eGrands chiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-tips-box\"\u003e\n\u003cdiv class=\"cns-tip\"\u003e\n\u003cspan class=\"cns-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAdministration :\u003c\/strong\u003e directement ou mélangé à la nourriture, de préférence pendant les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-tip\"\u003e\n\u003cspan class=\"cns-tip-icon\"\u003e⏱️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDurée recommandée :\u003c\/strong\u003e cure de 1 à 3 mois pour des résultats durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-tip\"\u003e\n\u003cspan class=\"cns-tip-icon\"\u003e🏃\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEffort intense :\u003c\/strong\u003e doublez la dose avant et après (randonnée, chasse, compétition).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-tip\"\u003e\n\u003cspan class=\"cns-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEn prévention :\u003c\/strong\u003e une cure au printemps et à l'automne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003e📈 Résultats attendus\u003c\/h2\u003e\n\u003cdiv class=\"cns-timeline\"\u003e\n\u003cdiv class=\"cns-timeline-item\"\u003e\n\u003cdiv class=\"cns-timeline-marker\"\u003e\u003cspan\u003e1\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cns-timeline-content\"\u003e\n\u003ch3\u003eSemaines 1-2\u003c\/h3\u003e\n\u003cp\u003ePremiers signes d'amélioration du confort. L'animal commence à se déplacer plus facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-timeline-item\"\u003e\n\u003cdiv class=\"cns-timeline-marker\"\u003e\u003cspan\u003e2\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cns-timeline-content\"\u003e\n\u003ch3\u003eSemaines 2-4\u003c\/h3\u003e\n\u003cp\u003eMieux-être articulaire notable. Retour progressif de la mobilité et de l'envie de jouer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-timeline-item\"\u003e\n\u003cdiv class=\"cns-timeline-marker\"\u003e\u003cspan\u003e3\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cns-timeline-content\"\u003e\n\u003ch3\u003eMois 1-3\u003c\/h3\u003e\n\u003cp\u003eAction durable sur les articulations. Amélioration visible de la qualité de vie au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVIS \u0026 PRÉCAUTIONS --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003e✅ Tolérance et sécurité\u003c\/h2\u003e\n\u003cdiv class=\"cns-two-columns\"\u003e\n\u003cdiv class=\"cns-card cns-tolerance-card\"\u003e\n\u003ch3\u003e👍 Points forts\u003c\/h3\u003e\n\u003cul class=\"cns-check-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003eBien toléré, même chez les animaux sensibles\u003c\/li\u003e\n\u003cli\u003eCompatible avec d'autres traitements\u003c\/li\u003e\n\u003cli\u003eConvient à tous les âges\u003c\/li\u003e\n\u003cli\u003eSans substances controversées\u003c\/li\u003e\n\u003cli\u003eAmélioration visible dès 2 semaines\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-card cns-warning-card\"\u003e\n\u003ch3\u003e⚠️ Précautions\u003c\/h3\u003e\n\u003cul class=\"cns-warning-list\" style=\"list-style: none;\"\u003e\n\u003cli\u003eRespecter la posologie recommandée\u003c\/li\u003e\n\u003cli\u003eNe pas administrer en cas d'allergie connue à l'un des composants\u003c\/li\u003e\n\u003cli\u003eConsulter votre vétérinaire si traitement en cours\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"cns-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cns-info-grid\"\u003e\n\u003cdiv class=\"cns-info-item\"\u003e\n\u003cspan class=\"cns-info-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"cns-info-label\"\u003eFabrication\u003c\/span\u003e \u003cspan class=\"cns-info-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-info-item\"\u003e\n\u003cspan class=\"cns-info-icon\"\u003e💊\u003c\/span\u003e \u003cspan class=\"cns-info-label\"\u003eForme\u003c\/span\u003e \u003cspan class=\"cns-info-value\"\u003eComprimés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-info-item\"\u003e\n\u003cspan class=\"cns-info-icon\"\u003e🎯\u003c\/span\u003e \u003cspan class=\"cns-info-label\"\u003eIndication\u003c\/span\u003e \u003cspan class=\"cns-info-value\"\u003eArticulations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cns-info-item\"\u003e\n\u003cspan class=\"cns-info-icon\"\u003e🐾\u003c\/span\u003e \u003cspan class=\"cns-info-label\"\u003eEspèces\u003c\/span\u003e \u003cspan class=\"cns-info-value\"\u003eChiens \u0026amp; chats\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"cns-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"cns-cta-box\"\u003e\n\u003cp\u003eOffrez à votre compagnon le confort articulaire qu'il mérite avec \u003cstrong\u003eCanisil®\u003c\/strong\u003e, LA solution naturelle pour des articulations souples et une mobilité préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cns-cream: #faf9f6;\n --cns-white: #ffffff;\n --cns-primary: #2E7D32;\n --cns-primary-dark: #1B5E20;\n --cns-primary-light: #E8F5E9;\n --cns-secondary: #F9A825;\n --cns-secondary-light: #FFF8E1;\n --cns-accent: #8D6E63;\n --cns-accent-light: #EFEBE9;\n\n \/* Textes *\/\n --cns-text: #1a1a1a;\n --cns-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cns-border: #e0e0e0;\n --cns-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cns-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --cns-radius: 20px;\n --cns-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cns-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cns-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cns-text);\n line-height: 1.6;\n}\n\n.cns-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cns-hero {\n position: relative;\n background: linear-gradient(135deg, #2E7D32 0%, #43A047 40%, #66BB6A 100%);\n border-radius: var(--cns-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(--cns-shadow-lg);\n}\n\n.cns-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.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm-12 12c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm24 0c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm-12 12c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.cns-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cns-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cns-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(--cns-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cns-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cns-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\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.cns-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cns-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.cns-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.cns-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(--cns-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.cns-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--cns-secondary);\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.cns-stat-label {\n font-size: 13px;\n color: rgba(255,255,255,.9);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.cns-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.cns-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--cns-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cns-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(--cns-primary), var(--cns-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cns-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.cns-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.cns-card {\n background: var(--cns-white);\n border-radius: var(--cns-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cns-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.cns-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cns-shadow-lg);\n border-color: var(--cns-primary);\n}\n\n.cns-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--cns-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.cns-card p {\n font-size: 15px;\n color: var(--cns-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.cns-benefit-card {\n text-align: center;\n}\n\n.cns-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.cns-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.cns-composition-card {\n background: var(--cns-white);\n border-radius: var(--cns-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cns-shadow);\n border-left: 4px solid var(--cns-primary);\n transition: all .3s ease;\n}\n\n.cns-composition-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--cns-shadow-lg);\n}\n\n.cns-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.cns-composition-icon {\n font-size: 36px;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--cns-primary-light);\n border-radius: var(--cns-radius-sm);\n}\n\n.cns-composition-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--cns-primary-dark);\n margin: 0 0 4px 0;\n}\n\n.cns-dosage {\n font-size: 13px;\n font-weight: 700;\n color: var(--cns-secondary);\n background: var(--cns-secondary-light);\n padding: 4px 10px;\n border-radius: 999px;\n}\n\n.cns-composition-card p {\n font-size: 14px;\n color: var(--cns-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TARGET CARDS === *\/\n.cns-target-card {\n text-align: center;\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.cns-target-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === DOSAGE SECTION === *\/\n.cns-dosage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.cns-dosage-card {\n background: var(--cns-white);\n border-radius: var(--cns-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--cns-shadow);\n border: 2px solid var(--cns-border);\n transition: all .3s ease;\n}\n\n.cns-dosage-card:hover {\n transform: translateY(-4px);\n border-color: var(--cns-primary);\n}\n\n.cns-dosage-featured {\n border-color: var(--cns-primary);\n background: linear-gradient(180deg, var(--cns-primary-light) 0%, var(--cns-white) 100%);\n}\n\n.cns-dosage-weight {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 1rem;\n}\n\n.cns-weight-icon {\n font-size: 32px;\n}\n\n.cns-weight-text {\n font-size: 14px;\n font-weight: 700;\n color: var(--cns-text-light);\n}\n\n.cns-dosage-amount {\n margin-bottom: 0.5rem;\n}\n\n.cns-amount-number {\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--cns-primary);\n display: block;\n line-height: 1;\n}\n\n.cns-amount-unit {\n font-size: 13px;\n color: var(--cns-text-light);\n font-weight: 600;\n}\n\n.cns-dosage-desc {\n font-size: 14px;\n color: var(--cns-text-light);\n margin: 0;\n}\n\n\/* === TIPS BOX === *\/\n.cns-tips-box {\n background: var(--cns-primary-light);\n border-radius: var(--cns-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.cns-tip {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n}\n\n.cns-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cns-tip p {\n font-size: 14px;\n color: var(--cns-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n.cns-tip strong {\n color: var(--cns-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.cns-timeline {\n position: relative;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.cns-timeline::before {\n content: '';\n position: absolute;\n left: 24px;\n top: 0;\n bottom: 0;\n width: 4px;\n background: linear-gradient(180deg, var(--cns-primary) 0%, var(--cns-secondary) 100%);\n border-radius: 2px;\n}\n\n.cns-timeline-item {\n display: flex;\n gap: 1.5rem;\n padding-bottom: 2rem;\n position: relative;\n}\n\n.cns-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n.cns-timeline-marker {\n width: 52px;\n height: 52px;\n background: linear-gradient(135deg, var(--cns-primary) 0%, var(--cns-primary-dark) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(46,125,50,.3);\n position: relative;\n z-index: 1;\n}\n\n.cns-timeline-marker span {\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.cns-timeline-content {\n background: var(--cns-white);\n border-radius: var(--cns-radius);\n padding: 1.5rem;\n box-shadow: var(--cns-shadow);\n flex: 1;\n}\n\n.cns-timeline-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--cns-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.cns-timeline-content p {\n font-size: 14px;\n color: var(--cns-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TWO COLUMNS === *\/\n.cns-two-columns {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === TOLERANCE CARD === *\/\n.cns-tolerance-card {\n border-left: 4px solid var(--cns-primary);\n}\n\n.cns-check-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.cns-check-list li {\n padding: 8px 0;\n padding-left: 28px;\n position: relative;\n font-size: 14px;\n color: var(--cns-text-light);\n border-bottom: 1px solid var(--cns-border);\n}\n\n.cns-check-list li:last-child {\n border-bottom: none;\n}\n\n.cns-check-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--cns-primary);\n font-weight: 700;\n font-size: 16px;\n}\n\n\/* === WARNING CARD === *\/\n.cns-warning-card {\n border-left: 4px solid var(--cns-secondary);\n background: var(--cns-secondary-light);\n}\n\n.cns-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.cns-warning-list li {\n padding: 8px 0;\n padding-left: 28px;\n position: relative;\n font-size: 14px;\n color: var(--cns-text-light);\n border-bottom: 1px solid rgba(249,168,37,.2);\n}\n\n.cns-warning-list li:last-child {\n border-bottom: none;\n}\n\n.cns-warning-list li::before {\n content: '⚠';\n position: absolute;\n left: 0;\n font-size: 14px;\n}\n\n\/* === INFO GRID === *\/\n.cns-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.cns-info-item {\n background: var(--cns-white);\n border-radius: var(--cns-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--cns-shadow);\n transition: all .3s ease;\n}\n\n.cns-info-item:hover {\n transform: translateY(-4px);\n}\n\n.cns-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.cns-info-label {\n display: block;\n font-size: 12px;\n color: var(--cns-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.cns-info-value {\n display: block;\n font-size: 15px;\n font-weight: 700;\n color: var(--cns-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.cns-cta-box {\n background: linear-gradient(135deg, var(--cns-primary) 0%, var(--cns-primary-dark) 100%);\n border-radius: var(--cns-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cns-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.cns-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n display: block;\n position: relative;\n}\n\n.cns-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\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}\n\n.cns-cta-box strong {\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .cns-grid,\n .cns-grid-3,\n .cns-composition-grid,\n .cns-dosage-container,\n .cns-two-columns {\n grid-template-columns: 1fr;\n }\n \n .cns-hero-stats {\n flex-direction: column;\n gap: 1rem;\n }\n \n .cns-stat {\n width: 100%;\n }\n \n .cns-timeline::before {\n left: 20px;\n }\n \n .cns-timeline-marker {\n width: 44px;\n height: 44px;\n }\n \n .cns-timeline-marker span {\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cns-card,\n .cns-composition-card,\n .cns-dosage-card,\n .cns-info-item,\n .cns-timeline-item {\n animation: cns-fadeInUp .6s ease backwards;\n }\n \n .cns-card:nth-child(1),\n .cns-composition-card:nth-child(1),\n .cns-dosage-card:nth-child(1) { animation-delay: .1s; }\n .cns-card:nth-child(2),\n .cns-composition-card:nth-child(2),\n .cns-dosage-card:nth-child(2) { animation-delay: .2s; }\n .cns-card:nth-child(3),\n .cns-composition-card:nth-child(3),\n .cns-dosage-card:nth-child(3) { animation-delay: .3s; }\n .cns-card:nth-child(4),\n .cns-composition-card:nth-child(4) { animation-delay: .4s; }\n .cns-card:nth-child(5) { animation-delay: .5s; }\n .cns-card:nth-child(6) { animation-delay: .6s; }\n \n .cns-timeline-item:nth-child(1) { animation-delay: .1s; }\n .cns-timeline-item:nth-child(2) { animation-delay: .3s; }\n .cns-timeline-item:nth-child(3) { animation-delay: .5s; }\n}\n\n@keyframes cns-fadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cns-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .cns-card,\n .cns-composition-card,\n .cns-dosage-card {\n border: 2px solid var(--cns-text);\n }\n \n .cns-badge {\n border: 2px solid var(--cns-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755417329821,"sku":"CANISIL60C","price":20.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/canisil_chien_chat_labo_demeter_60_comprimes_1_-min.jpg?v=1756890461"},{"product_id":"canirelax-equilibre-nerveux-naturel-pour-chats-et-chiens-comprimes-labo-demeter","title":"Canirelax - Anti-Stress Naturel Chat \u0026 Chien - Labo-Demeter","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Canirelax - Anti-Stress Naturel Chat \u0026 Chien\nPalette détectée:\n - Primaire: #2E7D32 (vert forêt du logo Demeter et des icônes)\n - Secondaire: #E8A817 (jaune\/doré du bandeau \"Régule la nervosité\")\n - Accent: #4CAF50 (vert clair des badges\/icônes)\n - Fond: #F5F1E8 (beige crème chaud du fond de la 2e image)\nAmbiance: Naturel, rassurant, doux, univers animalier\/vétérinaire, confiance\nPréfixe CSS: cr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Canirelax : l'anti-stress naturel pour chat et chien qui apaise vraiment\"\n 2. \"Pourquoi choisir Canirelax comme anti-stress pour chien et chat ?\"\n 3. \"Composition détaillée — par comprimé de 507 mg\"\n 4. \"Posologie recommandée\"\n 5. \"Précautions d'emploi\"\n 6. \"Fabriqué en France par Labo Demeter\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cr-hero\"\u003e\n \u003cdiv class=\"cr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cr-hero-content\"\u003e\n \u003cdiv class=\"cr-badges-top\"\u003e\n \u003cspan class=\"cr-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🐾 Chiens \u0026amp; chats\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e💊 100 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cr-hero-title\"\u003eCanirelax® Anti-Stress\u003c\/span\u003e\n \u003cp class=\"cr-subtitle\"\u003eLabo Demeter — Complément alimentaire naturel\u003c\/p\u003e\n \u003cp class=\"cr-description\"\u003eLa synergie de 4 plantes apaisantes + magnésium pour réguler la nervosité et l'agressivité de vos compagnons, sans effets secondaires ni accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eCanirelax : l'anti-stress naturel pour chat et chien qui apaise vraiment\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eVotre chien aboie sans raison, tremble lors des trajets en voiture ou devient agressif face aux inconnus ? Votre chat se cache au moindre bruit, griffe les meubles ou refuse de manger quand l'environnement change ?\u003c\/p\u003e\n \u003cdiv class=\"cr-highlight-box\"\u003e\n \u003cp\u003eCes comportements traduisent un \u003cstrong\u003estress animal\u003c\/strong\u003e qu'il ne faut pas ignorer. \u003cstrong\u003eCanirelax\u003c\/strong\u003e du \u003cstrong\u003eLabo Demeter\u003c\/strong\u003e est un complément alimentaire \u003cstrong\u003e100 % naturel\u003c\/strong\u003e formulé pour réguler la nervosité et l'agressivité de vos compagnons à quatre pattes, \u003cstrong\u003esans effets secondaires indésirables\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePourquoi choisir Canirelax comme anti-stress pour chien et chat ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eContrairement aux solutions chimiques, Canirelax mise sur une \u003cstrong\u003esynergie de quatre plantes apaisantes\u003c\/strong\u003e renforcée par du magnésium. Il ne s'agit pas de « droguer » votre animal, mais de l'aider à retrouver un \u003cstrong\u003eéquilibre nerveux durable\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e😌 Réduction du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eIdéal avant un voyage, un déménagement, un feu d'artifice ou une visite chez le vétérinaire. Votre animal retrouve son calme naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🐕 Diminution de la nervosité et de l'agressivité\u003c\/h3\u003e\n \u003cp\u003eVotre animal retrouve un comportement plus serein au quotidien, des interactions plus apaisées avec son environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n \u003cp\u003eLes nuits agitées laissent place à un repos réparateur. Votre compagnon dort mieux, et vous aussi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🍗 Facilité d'administration\u003c\/h3\u003e\n \u003cp\u003eL'arôme poulet rôti rend le comprimé appétent, à donner directement ou mélangé à la nourriture. Fini les batailles !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eComposition détaillée — par comprimé de 507 mg\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eChaque comprimé de Canirelax contient des actifs soigneusement dosés, 100 % d'origine naturelle :\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌳 Feuille de tilleul — 100 mg\u003c\/h3\u003e\n \u003cp\u003ePropriétés tranquillisantes reconnues, aide à calmer le système nerveux et favorise la détente profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌿 Valériane — 100 mg\u003c\/h3\u003e\n \u003cp\u003ePlante de référence contre le stress, elle contribue à améliorer la qualité du sommeil de votre animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌸 Passiflore — 100 mg\u003c\/h3\u003e\n \u003cp\u003eDes études cliniques ont montré son efficacité comparable à certains anxiolytiques pour réduire l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e☀️ Millepertuis — 100 mg\u003c\/h3\u003e\n \u003cp\u003eUtilisé traditionnellement pour ses propriétés antidépressives et régulatrices de l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🧂 Carbonate de magnésium — 100 mg\u003c\/h3\u003e\n \u003cp\u003eMinéral essentiel à la relaxation musculaire et nerveuse, il renforce l'action apaisante des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🍗 Arôme poulet rôti — 2 mg\u003c\/h3\u003e\n \u003cp\u003ePour une acceptation optimale par l'animal. Stéarate de magnésium (5 mg) comme excipient de compression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePosologie recommandée\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eAdaptez le nombre de comprimés au poids de votre animal pour une efficacité optimale :\u003c\/p\u003e\n \u003cdiv class=\"cr-grid-compact\"\u003e\n \u003cdiv class=\"cr-card cr-card-dosage\"\u003e\n \u003ch3\u003e🐱 Chat (toutes tailles)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1\u003c\/strong\u003e comprimé \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card cr-card-dosage\"\u003e\n \u003ch3\u003e🐕 Chien ≤ 10 kg\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1\u003c\/strong\u003e comprimé \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card cr-card-dosage\"\u003e\n \u003ch3\u003e🐕 Chien 10 – 25 kg\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2\u003c\/strong\u003e comprimés \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card cr-card-dosage\"\u003e\n \u003ch3\u003e🐕 Chien 25 – 50 kg\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3\u003c\/strong\u003e comprimés \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card cr-card-dosage\"\u003e\n \u003ch3\u003e🐕 Chien \u0026gt; 50 kg\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4\u003c\/strong\u003e comprimés \/ jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-tip\"\u003e\n \u003cspan class=\"cr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e commencez le traitement \u003cstrong\u003eune semaine avant\u003c\/strong\u003e un événement stressant prévu (voyage, feu d'artifice, visite vétérinaire) pour laisser aux plantes le temps d'agir pleinement. Chaque boîte contient \u003cstrong\u003e100 comprimés\u003c\/strong\u003e, offrant une autonomie généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cr-accordion\"\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e☀️ Photosensibilisation\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eLa présence de millepertuis peut entraîner une \u003cstrong\u003ephotosensibilisation\u003c\/strong\u003e à dosage élevé : limitez l'exposition prolongée au soleil après administration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e📋 Mode d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eCanirelax peut être utilisé de façon \u003cstrong\u003eponctuelle ou en cure continue\u003c\/strong\u003e selon les besoins de votre animal. Adapté à une utilisation régulière sans risque d'accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cr-accordion-item\"\u003e\n \u003csummary class=\"cr-accordion-header\"\u003e🩺 Avis vétérinaire\u003c\/summary\u003e\n \u003cdiv class=\"cr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un avis vétérinaire\u003c\/strong\u003e. En cas de troubles comportementaux persistants, consultez un professionnel de santé animale.\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=\"cr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabriqué en France par Labo Demeter\u003c\/h2\u003e\n \u003cdiv class=\"cr-cta-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eCanirelax®\u003c\/strong\u003e est conçu et fabriqué en France par \u003cstrong\u003eLabo Demeter\u003c\/strong\u003e, laboratoire spécialisé dans les compléments naturels pour animaux. Chaque lot respecte des \u003cstrong\u003estandards de fabrication rigoureux\u003c\/strong\u003e garantissant qualité, traçabilité et sécurité.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eSi vous cherchez le \u003cstrong\u003emeilleur anti-stress pour chien\u003c\/strong\u003e ou le \u003cstrong\u003emeilleur anti-stress chat\u003c\/strong\u003e, cette formule naturelle à base de plantes et de magnésium constitue une réponse fiable et douce pour aider votre compagnon à retrouver \u003cstrong\u003ecalme et sérénité\u003c\/strong\u003e, sans accoutumance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cr-disclaimer\"\u003eComplément alimentaire pour animaux — Ne se substitue pas à un avis vétérinaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cr-cream: #F6F2E9;\n --cr-white: #ffffff;\n --cr-primary: #2E7D32;\n --cr-primary-dark: #1B5E20;\n --cr-primary-light: #E8F5E9;\n --cr-secondary: #E8A817;\n --cr-accent: #4CAF50;\n --cr-text: #1a1a1a;\n --cr-text-light: #5a5a5a;\n --cr-border: #e0e0e0;\n --cr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cr-radius: 20px;\n --cr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cr-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #4CAF50 100%);\n border-radius: var(--cr-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(--cr-shadow-lg);\n}\n\n.cr-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(232,168,23,.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.cr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cr-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.cr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.cr-description {\n color: rgba(255,255,255,.92);\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.cr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cr-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(--cr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cr-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.cr-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(--cr-primary), var(--cr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-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\/* === HIGHLIGHT BOX === *\/\n.cr-highlight-box {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cr-shadow);\n border-left: 5px solid var(--cr-secondary);\n}\n\n.cr-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cr-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.cr-card {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cr-shadow-lg);\n border-color: var(--cr-primary);\n}\n\n.cr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD DOSAGE (variation) === *\/\n.cr-card-dosage {\n background: var(--cr-primary-light);\n border: 2px solid rgba(46,125,50,.15);\n}\n\n.cr-card-dosage:hover {\n border-color: var(--cr-primary);\n background: var(--cr-white);\n}\n\n.cr-card-dosage p {\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 800;\n color: var(--cr-primary);\n margin-top: .25rem;\n}\n\n.cr-card-dosage p strong {\n font-size: clamp(22px, 4vw, 32px);\n color: var(--cr-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.cr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.cr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n\/* === TIP BOX === *\/\n.cr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cr-primary-light);\n border-radius: var(--cr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cr-tip p {\n font-size: 14px;\n color: var(--cr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cr-accordion {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n box-shadow: var(--cr-shadow);\n overflow: hidden;\n}\n\n.cr-accordion-item {\n border-bottom: 1px solid var(--cr-border);\n margin: 0;\n padding: 0;\n}\n\n.cr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cr-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.cr-accordion-header:hover {\n background: var(--cr-primary-light);\n}\n\n.cr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cr-primary);\n transition: transform .2s ease;\n}\n\n.cr-accordion-item[open] .cr-accordion-header::after {\n content: '−';\n}\n\n.cr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cr-cta-box {\n background: linear-gradient(135deg, var(--cr-primary) 0%, var(--cr-primary-dark) 100%);\n border-radius: var(--cr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cr-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(232,168,23,.15) 0%, transparent 60%);\n}\n\n.cr-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.cr-disclaimer {\n font-size: 12px;\n color: var(--cr-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 .cr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .cr-card {\n padding: 1.125rem;\n }\n\n .cr-grid-compact .cr-card {\n padding: .75rem;\n }\n\n .cr-grid-compact .cr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cr-grid-compact .cr-card p {\n font-size: 12px;\n }\n\n .cr-section {\n margin-bottom: 1.75rem;\n }\n\n .cr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cr-radius-sm);\n }\n\n .cr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cr-highlight-box {\n padding: 1.25rem;\n }\n\n .cr-card-dosage p strong {\n font-size: 24px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cr-card {\n animation: crFadeInUp .5s ease backwards;\n }\n .cr-card:nth-child(1) { animation-delay: .05s; }\n .cr-card:nth-child(2) { animation-delay: .1s; }\n .cr-card:nth-child(3) { animation-delay: .15s; }\n .cr-card:nth-child(4) { animation-delay: .2s; }\n .cr-card:nth-child(5) { animation-delay: .25s; }\n .cr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes crFadeInUp {\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 .cr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABO-DEMETER","offers":[{"title":"Default Title","offer_id":45755419132061,"sku":"CANIRELAX100C","price":17.66,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/canirelax_100-comprimes_labo-demeter-min.jpg?v=1756916561"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/french-day.oembed?page=6","provider":"Naturellement Bio","version":"1.0","type":"link"}