{"title":"Nos produits made in France","description":"","products":[{"product_id":"vermifuge-liquide-vermipets-chien-et-chat-200ml","title":"Vermi'Protect+ : Vermifuge Liquide Chien \u0026 Chat - 200ml - Phyto'Lab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vermi'Protect+ - Vermifuge liquide pour chiens et chats\nPalette détectée:\n - Primaire: #3a9d8c (vert turquoise\/menthe du packaging - frais, naturel, santé animale)\n - Secondaire: #2d7a6d (vert foncé - profondeur, nature)\n - Accent: #5cb8a8 (vert clair - fraîcheur, herbes médicinales)\n - Background: #f7faf9 (vert très pâle - douceur, naturel)\nAmbiance: Naturel\/phytothérapie, univers vétérinaire, packaging pharmaceutique ambre avec étiquette verte, entouré de plantes (menthe, romarin, lavande), approche douce et rassurante\nPréfixe CSS: vp\n--\u003e\n\u003cdiv class=\"vp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"vp-hero\"\u003e\n\u003cdiv class=\"vp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vp-hero-content\"\u003e\n\u003cdiv class=\"vp-badges-top\"\u003e\n\u003cspan class=\"vp-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"vp-badge\"\u003e🐕 Chiens \u0026amp; chats\u003c\/span\u003e \u003cspan class=\"vp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vp-hero-title\"\u003eVermi'Protect+\u003c\/span\u003e\n\u003cp class=\"vp-subtitle\"\u003eVermifuge liquide naturel aux 8 plantes\u003c\/p\u003e\n\u003cp class=\"vp-description\"\u003eRepousse et expulse les parasites intestinaux, assure une bonne hygiène intestinale et renforce la flore de vos compagnons. Sans effets secondaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🛡️ Une protection naturelle complète\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🦠 Élimine les parasites\u003c\/h3\u003e\n\u003cp\u003eAction vermifuge puissante contre les vers intestinaux, ascaris et oxyures grâce à la synergie de 8 plantes médicinales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n\u003cp\u003eStimule les défenses naturelles de l'organisme pour une meilleure résistance aux infestations futures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌱 Flore intestinale saine\u003c\/h3\u003e\n\u003cp\u003ePurifie et restaure l'équilibre du microbiote intestinal pour une digestion optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e💧 Format liquide pratique\u003c\/h3\u003e\n\u003cp\u003eS'administre facilement mélangé à la nourriture. Absorption rapide et efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌿 Sans effets secondaires\u003c\/h3\u003e\n\u003cp\u003eFormulation 100% végétale douce qui respecte l'organisme de votre animal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌙 Protocole lunaire\u003c\/h3\u003e\n\u003cp\u003eEfficacité optimisée en suivant le cycle de la pleine lune, période d'activité maximale des parasites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🌿 8 plantes médicinales sélectionnées\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid\"\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌼 Tanaisie\u003c\/h3\u003e\n\u003cp\u003ePropriétés vermifuges puissantes. Élimine efficacement les ascaris et oxyures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n\u003cp\u003eActions bactéricides et antivirales. Stimule les défenses immunitaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Fenugrec\u003c\/h3\u003e\n\u003cp\u003eEfficace contre les parasites protozoaires. Favorise la prise de masse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Menthe poivrée\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antiseptiques. Aide à l'expulsion des parasites.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🥕 Carotte\u003c\/h3\u003e\n\u003cp\u003eRiche en bêta-carotène, détruit les œufs de vers et soutient l'immunité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Sarriette\u003c\/h3\u003e\n\u003cp\u003eAction antibactérienne naturelle. Favorise la digestion et tonifie l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🍂 Armoise\u003c\/h3\u003e\n\u003cp\u003eStimulant digestif reconnu. Favorise l'expulsion douce des vers intestinaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card vp-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Clou de girofle\u003c\/h3\u003e\n\u003cp\u003eAntiparasitaire, antibactérien et anti-inflammatoire naturel puissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📋 Posologie selon le poids\u003c\/h2\u003e\n\u003cdiv class=\"vp-dosage-grid\"\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003e\u0026lt; 4 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e2 ml\/jour\u003c\/div\u003e\n\u003cp\u003eChiots, chatons, petits chats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-card vp-dosage-highlight\"\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003e4 - 10 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e3 ml\/jour\u003c\/div\u003e\n\u003cp\u003eChats adultes, petits chiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-card\"\u003e\n\u003cdiv class=\"vp-dosage-weight\"\u003e\u0026gt; 10 kg\u003c\/div\u003e\n\u003cdiv class=\"vp-dosage-amount\"\u003e5 ml\/kg et par jour\u003c\/div\u003e\n\u003cp\u003eChiens moyens à grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-tip-box\"\u003e\n\u003ch3\u003e💡 Conseil d'administration\u003c\/h3\u003e\n\u003cp\u003eMélangez la dose directement à la nourriture (croquettes ou pâtée). La formule liquide se disperse facilement pour une absorption optimale. Vous pouvez également administrer directement dans la gueule de l'animal grâce à la\u003cstrong\u003e pipette graduée incluse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PROTOCOLE LUNAIRE --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🌕 Le protocole lunaire\u003c\/h2\u003e\n\u003cdiv class=\"vp-lunar-box\"\u003e\n\u003cdiv class=\"vp-lunar-main\"\u003e\n\u003cdiv class=\"vp-lunar-icon\"\u003e🌕\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-content\"\u003e\n\u003ch3\u003eCure en période de pleine lune\u003c\/h3\u003e\n\u003cdiv class=\"vp-lunar-steps\"\u003e\n\u003cdiv class=\"vp-lunar-step\"\u003e\n\u003cspan class=\"vp-step-marker\"\u003eJ-4\u003c\/span\u003e \u003cspan\u003eCommencer 4 jours avant la pleine lune\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-step\"\u003e\n\u003cspan class=\"vp-step-marker\"\u003e🌕\u003c\/span\u003e \u003cspan\u003ePleine lune : pic d'activité parasitaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-step\"\u003e\n\u003cspan class=\"vp-step-marker\"\u003eJ+4\u003c\/span\u003e \u003cspan\u003eContinuer 4 jours après\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"vp-lunar-frequency\"\u003eÀ renouveler \u003cstrong\u003e4 fois par an\u003c\/strong\u003e pour une protection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-lunar-alt\"\u003e\n\u003ch3\u003e📅 Alternative hors cycle lunaire\u003c\/h3\u003e\n\u003cp\u003eCure de \u003cstrong\u003e10 jours consécutifs\u003c\/strong\u003e pour un traitement complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e🐾 Pour quels animaux ?\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid-compact\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🐕 Chiens\u003c\/h3\u003e\n\u003cp\u003eToutes races et gabarits, du chihuahua au berger allemand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🐈 Chats\u003c\/h3\u003e\n\u003cp\u003eChatons et chats adultes. Formule douce bien tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🏡 Animaux d'intérieur\u003c\/h3\u003e\n\u003cp\u003eProtection recommandée même sans sorties fréquentes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🌳 Animaux d'extérieur\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour ceux en contact avec la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"vp-grid-compact\"\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n\u003cp\u003e200 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n\u003cp\u003e3 à 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🔄 Fréquence\u003c\/h3\u003e\n\u003cp\u003e4 fois par an\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003ePhyto'Lab - France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"vp-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"vp-accordion\"\u003e\n\u003cdetails class=\"vp-accordion-item\"\u003e\n\u003csummary class=\"vp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vp-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eUsage oral uniquement.\u003c\/strong\u003e Ne pas appliquer sur la peau ou les yeux.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFemelles gestantes ou allaitantes :\u003c\/strong\u003e consulter un vétérinaire avant utilisation.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEn cas d'infestation importante :\u003c\/strong\u003e consultez votre vétérinaire.\u003c\/p\u003e\n\u003cp\u003eCe produit est un aliment complémentaire, il n'est pas un médicament vétérinaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vp-accordion-item\"\u003e\n\u003csummary class=\"vp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"vp-accordion-content\"\u003e\n\u003cp\u003eBien refermer après usage. À conserver au réfrigérateur après ouverture et en cas de fortes chaleurs. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"vp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"vp-cta-box\"\u003e\n\u003cp\u003e🐾 \u003cstrong\u003eProtégez naturellement votre compagnon\u003c\/strong\u003e avec la puissance de 8 plantes médicinales. Une formule 100% naturelle, facile à administrer et respectueuse de son organisme pour une protection antiparasitaire efficace et sans effets secondaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --vp-cream: #f7faf9;\n --vp-white: #ffffff;\n --vp-primary: #3a9d8c;\n --vp-primary-dark: #2d7a6d;\n --vp-primary-light: #e6f5f2;\n --vp-secondary: #47b09e;\n --vp-accent: #5cb8a8;\n\n --vp-text: #1a1a1a;\n --vp-text-light: #5a5a5a;\n\n --vp-border: #d4e8e3;\n --vp-shadow: 0 4px 24px rgba(58, 157, 140, .08);\n --vp-shadow-lg: 0 12px 48px rgba(58, 157, 140, .15);\n --vp-radius: 20px;\n --vp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vp-hero {\n position: relative;\n background: linear-gradient(135deg, #3a9d8c 0%, #47b09e 50%, #2d7a6d 100%);\n border-radius: var(--vp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vp-shadow-lg);\n}\n\n.vp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='.4'\/%3E%3C\/svg%3E\");\n}\n\n.vp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.vp-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.vp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.vp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.vp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vp-primary), var(--vp-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.vp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.vp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.vp-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vp-shadow-lg);\n border-color: var(--vp-primary);\n}\n\n.vp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.vp-card-ingredient {\n border-left: 4px solid var(--vp-primary);\n text-align: left;\n}\n\n.vp-card-ingredient:hover {\n border-left-color: var(--vp-secondary);\n}\n\n\/* === DOSAGE === *\/\n.vp-dosage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.vp-dosage-card {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: 2rem 1.5rem;\n text-align: center;\n box-shadow: var(--vp-shadow);\n border: 2px solid var(--vp-border);\n transition: all .3s ease;\n}\n\n.vp-dosage-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--vp-shadow-lg);\n}\n\n.vp-dosage-highlight {\n background: var(--vp-primary-light);\n border-color: var(--vp-primary);\n transform: scale(1.03);\n}\n\n.vp-dosage-weight {\n font-size: 14px;\n font-weight: 700;\n color: var(--vp-secondary);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.vp-dosage-amount {\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--vp-primary-dark);\n margin-bottom: .5rem;\n}\n\n.vp-dosage-card p {\n font-size: 13px;\n color: var(--vp-text-light);\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vp-tip-box {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius);\n padding: 1.5rem 2rem;\n border: 2px solid var(--vp-primary);\n}\n\n.vp-tip-box h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.vp-tip-box p {\n font-size: 15px;\n color: var(--vp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === LUNAR === *\/\n.vp-lunar-box {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 1.5rem;\n}\n\n.vp-lunar-main {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n padding: 2rem;\n box-shadow: var(--vp-shadow);\n border: 3px solid var(--vp-primary);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.vp-lunar-icon {\n font-size: 56px;\n flex-shrink: 0;\n}\n\n.vp-lunar-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.vp-lunar-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.vp-lunar-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 14px;\n color: var(--vp-text);\n}\n\n.vp-step-marker {\n background: linear-gradient(135deg, var(--vp-primary), var(--vp-secondary));\n color: white;\n min-width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 13px;\n box-shadow: 0 3px 12px rgba(58, 157, 140, .3);\n}\n\n.vp-lunar-frequency {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius-sm);\n padding: 1rem;\n font-size: 15px;\n color: var(--vp-text);\n text-align: center;\n}\n\n.vp-lunar-frequency strong {\n color: var(--vp-primary-dark);\n}\n\n.vp-lunar-alt {\n background: var(--vp-primary-light);\n border-radius: var(--vp-radius);\n padding: 2rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: center;\n}\n\n.vp-lunar-alt h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--vp-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.vp-lunar-alt p {\n font-size: 15px;\n color: var(--vp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.vp-lunar-alt strong {\n color: var(--vp-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.vp-accordion {\n background: var(--vp-white);\n border-radius: var(--vp-radius);\n box-shadow: var(--vp-shadow);\n overflow: hidden;\n}\n\n.vp-accordion-item {\n border-bottom: 1px solid var(--vp-border);\n margin: 0;\n padding: 0;\n}\n\n.vp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vp-accordion-header:hover {\n background: var(--vp-primary-light);\n}\n\n.vp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vp-primary);\n transition: transform .2s ease;\n}\n\n.vp-accordion-item[open] .vp-accordion-header::after {\n content: '−';\n}\n\n.vp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.vp-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.vp-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.vp-cta-box {\n background: linear-gradient(135deg, var(--vp-primary) 0%, var(--vp-primary-dark) 100%);\n border-radius: var(--vp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.vp-cta-box strong {\n font-weight: 800;\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n margin-bottom: .5rem;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 991px) {\n .vp-lunar-box {\n grid-template-columns: 1fr;\n }\n \n .vp-lunar-main {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .vp-lunar-steps {\n align-items: center;\n }\n}\n\n@media (max-width: 767px) {\n .vp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vp-dosage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .vp-dosage-highlight {\n transform: scale(1);\n }\n \n .vp-card {\n padding: 1.125rem;\n }\n \n .vp-section {\n margin-bottom: 1.75rem;\n }\n \n .vp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vp-radius-sm);\n }\n \n .vp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .vp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .vp-grid-compact {\n gap: .625rem;\n }\n \n .vp-grid-compact .vp-card {\n padding: .75rem;\n }\n \n .vp-grid-compact .vp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .vp-grid-compact .vp-card p {\n font-size: 12px;\n }\n \n .vp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .vp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .vp-tip-box {\n padding: 1.25rem;\n }\n \n .vp-lunar-main {\n padding: 1.5rem;\n }\n \n .vp-lunar-alt {\n padding: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .vp-card:nth-child(1) { animation-delay: .05s; }\n .vp-card:nth-child(2) { animation-delay: .1s; }\n .vp-card:nth-child(3) { animation-delay: .15s; }\n .vp-card:nth-child(4) { animation-delay: .2s; }\n .vp-card:nth-child(5) { animation-delay: .25s; }\n .vp-card:nth-child(6) { animation-delay: .3s; }\n .vp-card:nth-child(7) { animation-delay: .35s; }\n .vp-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PHYTO'LAB","offers":[{"title":"Default Title","offer_id":45754659700893,"sku":"VERMIPETSLIQUIDE","price":13.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vermiprotect__chien-chat_phytolab_packshot_11zon.jpg?v=1766999332"},{"product_id":"algue-ascophyllum-nodosum-150-mg-bio-60-comprimes-vitalosmose","title":"Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés - Vitalosmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés\nPalette détectée:\n - Primaire: #8B4513 (marron\/brun du texte packaging)\n - Secondaire: #1E88A8 (bleu océan du fond)\n - Accent: #C41E3A (rouge du texte \"Contribue à\" et logo Qualidiet)\n - Background: #2A8B9C (turquoise océanique)\nAmbiance: Marine\/océanique, naturel\/bio, santé\/bien-être, algues et mer\nPréfixe CSS: asc\n--\u003e\n\n\u003cdiv class=\"asc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asc-hero\"\u003e\n \u003cdiv class=\"asc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asc-hero-content\"\u003e\n \u003cdiv class=\"asc-badges-top\"\u003e\n \u003cspan class=\"asc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e🌊 Algue de l'Atlantique Nord\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asc-hero-title\"\u003eAscophyllum Nodosum Bio\u003c\/span\u003e\n \u003cp class=\"asc-subtitle\"\u003eVotre source naturelle d'iode pour la thyroïde\u003c\/p\u003e\n \u003cp class=\"asc-description\"\u003eRécoltée dans les eaux froides et pures de l'Atlantique Nord, cette algue brune concentre une richesse exceptionnelle en iode et oligo-éléments essentiels à votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits de l'iode naturel\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Fonction thyroïdienne normale\u003c\/h3\u003e\n \u003cp\u003eL'iode est indispensable à la production des hormones T3 et T4, régulatrices de votre métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n \u003cp\u003eContribue à un métabolisme énergétique équilibré pour vous aider à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions cognitives normales pour une clarté mentale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e✨ Santé de la peau\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une peau normale grâce à son rôle dans le métabolisme cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIode hautement biodisponible accompagné de cofacteurs naturels pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🔬 Hormones thyroïdiennes\u003c\/h3\u003e\n \u003cp\u003eContribue à la production normale des hormones thyroïdiennes essentielles à l'équilibre de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🧪 Composition par comprimé\u003c\/h2\u003e\n \u003cdiv class=\"asc-composition-box\"\u003e\n \u003cdiv class=\"asc-ingredient-main\"\u003e\n \u003cspan class=\"asc-ingredient-name\"\u003eAscophyllum Nodosum biologique\u003c\/span\u003e\n \u003cspan class=\"asc-ingredient-dose\"\u003e505 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-ingredient-desc\"\u003ePoudre d'algue entière issue de l'Atlantique Nord\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel\u003c\/h3\u003e\n \u003cp\u003eHautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧬 Alginates\u003c\/h3\u003e\n \u003cp\u003eBénéfiques pour la digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, sélénium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant soutenir naturellement leur fonction thyroïdienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous consommez peu ou pas de produits de la mer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle parfaitement adaptée aux régimes végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePour ceux ressentant une fatigue liée à un métabolisme ralenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"asc-steps\"\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eAvec de l'eau\u003c\/h3\u003e\n \u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau moment d'un repas\u003c\/strong\u003e pour une meilleure assimilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Un flacon représente 1 à 2 mois de cure. Nous recommandons des cures de 2 à 3 mois, suivies d'une pause d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e✅ Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e♻️ Récolte durable\u003c\/h3\u003e\n \u003cp\u003eRespect des écosystèmes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"asc-accordion\"\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🏭 Fabrication et origine\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eL'Ascophyllum Nodosum utilisé provient de zones de récolte préservées de l'Atlantique Nord, loin de toute source de pollution industrielle. Le séchage à basse température préserve tous les nutriments. Aucun solvant chimique n'est utilisé et des contrôles qualité sont effectués à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante (inférieure à 25°C). Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConsultez votre médecin si vous souffrez de troubles thyroïdiens (hypothyroïdie, hyperthyroïdie, nodules). Si vous prenez un traitement thyroïdien (comme le Levothyrox), demandez l'avis de votre médecin avant toute supplémentation. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle est la différence entre Ascophyllum et kelp ?\u003c\/strong\u003e\u003cbr\u003e\n Le terme « kelp » désigne plusieurs espèces d'algues brunes riches en iode. L'Ascophyllum Nodosum se distingue par sa croissance lente qui lui permet de concentrer davantage de nutriments. C'est l'une des sources d'iode naturel les plus qualitatives.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eCombien de temps dure une cure ?\u003c\/strong\u003e\u003cbr\u003e\n Une cure classique dure entre 2 et 3 mois. Pour un soutien thyroïdien régulier, vous pouvez alterner des périodes de cure et des pauses d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"asc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"asc-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre thyroïde le meilleur de la nature avec l'Ascophyllum Nodosum Bio – une source d'iode pure, naturelle et hautement assimilable directement issue des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asc-cream: #f5f9fa;\n --asc-white: #ffffff;\n --asc-primary: #1E88A8;\n --asc-primary-dark: #156378;\n --asc-primary-light: #e8f4f7;\n --asc-secondary: #8B5A2B;\n --asc-accent: #C41E3A;\n --asc-text: #1a1a1a;\n --asc-text-light: #5a5a5a;\n --asc-border: #d8e8ec;\n --asc-shadow: 0 4px 24px rgba(30, 136, 168, .08);\n --asc-shadow-lg: 0 12px 48px rgba(30, 136, 168, .15);\n --asc-radius: 20px;\n --asc-radius-sm: 12px;\n}\n\n.asc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.asc-hero {\n position: relative;\n background: linear-gradient(135deg, #156378 0%, #1E88A8 40%, #2A9BB5 70%, #3AAFCA 100%);\n border-radius: var(--asc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--asc-shadow-lg);\n}\n\n.asc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.asc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.asc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.asc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.asc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.asc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--asc-primary), var(--asc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.asc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.asc-card {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asc-shadow-lg);\n border-color: var(--asc-primary);\n}\n\n.asc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asc-grid-compact .asc-card {\n padding: 1rem;\n}\n\n.asc-grid-compact .asc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asc-grid-compact .asc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.asc-composition-box {\n background: linear-gradient(135deg, var(--asc-primary-light) 0%, var(--asc-white) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n border: 2px solid var(--asc-primary);\n text-align: center;\n}\n\n.asc-ingredient-main {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: baseline;\n gap: .75rem;\n margin-bottom: .5rem;\n}\n\n.asc-ingredient-name {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n}\n\n.asc-ingredient-dose {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-accent);\n}\n\n.asc-ingredient-desc {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.asc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.asc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--asc-white);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--asc-shadow);\n}\n\n.asc-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asc-primary), var(--asc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n}\n\n.asc-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asc-step-content p {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.asc-tip-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--asc-secondary);\n}\n\n.asc-tip-box p {\n font-size: 14px;\n color: var(--asc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.asc-accordion {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n box-shadow: var(--asc-shadow);\n overflow: hidden;\n}\n\n.asc-accordion-item {\n border-bottom: 1px solid var(--asc-border);\n margin: 0;\n padding: 0;\n}\n\n.asc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.asc-accordion-header:hover {\n background: var(--asc-primary-light);\n}\n\n.asc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asc-primary);\n transition: transform .2s ease;\n}\n\n.asc-accordion-item[open] .asc-accordion-header::after {\n content: '−';\n}\n\n.asc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.asc-cta-box {\n background: linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-primary-dark) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.asc-disclaimer {\n text-align: center;\n font-size: 12px;\n color: var(--asc-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .asc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asc-grid-compact {\n gap: .625rem;\n }\n \n .asc-grid-compact .asc-card {\n padding: .75rem;\n }\n \n .asc-card {\n padding: 1.125rem;\n }\n \n .asc-section {\n margin-bottom: 1.75rem;\n }\n \n .asc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asc-radius-sm);\n }\n \n .asc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asc-step {\n padding: 1rem;\n }\n \n .asc-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .asc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .asc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .asc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asc-card:nth-child(1) { animation-delay: .05s; }\n .asc-card:nth-child(2) { animation-delay: .1s; }\n .asc-card:nth-child(3) { animation-delay: .15s; }\n .asc-card:nth-child(4) { animation-delay: .2s; }\n .asc-card:nth-child(5) { animation-delay: .25s; }\n .asc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754725105821,"sku":"REF155","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ascophyllum-nodosum-vital-osmose-505-mg.jpg?v=1772440080"},{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cv-cream: #f4f1ed;\n --cv-white: #ffffff;\n --cv-primary: #1a3a7a;\n --cv-primary-dark: #0e2354;\n --cv-primary-light: #e8edf7;\n --cv-secondary: #c0272d;\n --cv-accent: #8b1a1e;\n --cv-text: #1a1a1a;\n --cv-text-light: #5a5a5a;\n --cv-border: #e0e0e0;\n --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cv-radius: 20px;\n --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n border-radius: var(--cv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cv-shadow-lg);\n}\n\n.cv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(192,39,45,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cv-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cv-primary), var(--cv-secondary));\n border-radius: 2px;\n}\n\n.cv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cv-card {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cv-shadow-lg);\n border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n font-size: 12px;\n}\n\n.cv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cv-timeline-content {\n flex: 1;\n background: var(--cv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cv-radius-sm);\n box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n font-size: 14px;\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cv-testimonial {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cv-shadow);\n border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cv-primary-light);\n border-radius: var(--cv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cv-tip p {\n font-size: 14px;\n color: var(--cv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-accordion {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n box-shadow: var(--cv-shadow);\n overflow: hidden;\n}\n\n.cv-accordion-item {\n border-bottom: 1px solid var(--cv-border);\n margin: 0;\n padding: 0;\n}\n\n.cv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cv-accordion-header:hover {\n background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cv-primary);\n transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n content: '−';\n}\n\n.cv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cv-accordion-content p {\n margin: 0;\n}\n\n.cv-disclaimer {\n font-size: 12px;\n color: var(--cv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cv-card {\n padding: 1.125rem;\n }\n\n .cv-section {\n margin-bottom: 1.75rem;\n }\n\n .cv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cv-radius-sm);\n }\n\n .cv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cv-grid-compact {\n gap: .625rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: .75rem;\n }\n\n .cv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cv-timeline-content h3 {\n font-size: 14px;\n }\n\n .cv-timeline-content p {\n font-size: 13px;\n }\n\n .cv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cv-testimonial {\n padding: 1.25rem;\n }\n\n .cv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: cvFadeInUp .5s ease backwards;\n }\n .cv-card:nth-child(1) { animation-delay: .05s; }\n .cv-card:nth-child(2) { animation-delay: .1s; }\n .cv-card:nth-child(3) { animation-delay: .15s; }\n .cv-card:nth-child(4) { animation-delay: .2s; }\n .cv-card:nth-child(5) { animation-delay: .25s; }\n .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754726973597,"sku":"REF161BIS","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"men-booster-gel-derection-60-ml-labophyto","title":"Men Booster Gel d'Érection - 60 ml - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Men Booster Gel d'Érection - 60 ml - Labophyto\nPalette détectée:\n - Primaire: #C25A4A (rouge terracotta\/brique du packaging)\n - Secondaire: #8B3D32 (version foncée du rouge)\n - Accent: #E8D5C4 (beige crème du fond)\nAmbiance: Masculine, sobre, premium, orienté performance\/santé intime, formule naturelle\nPréfixe CSS: mb\n--\u003e\n\n\u003cdiv class=\"mb-premium\"\u003e\n \n \u003cdiv class=\"mb-hero\"\u003e\n \u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mb-hero-content\"\u003e\n \u003cdiv class=\"mb-badges-top\"\u003e\n \u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e⚡ Action en 5-10 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mb-hero-title\"\u003eMen Booster Gel d'Érection\u003c\/span\u003e\n \u003cp class=\"mb-subtitle\"\u003eLa solution naturelle pour des performances optimales\u003c\/p\u003e\n \u003cp class=\"mb-description\"\u003eGel intime stimulant enrichi en extraits de plantes et huiles essentielles pour une érection forte et durable. Développé par Labophyto, expert en santé sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e✨ Les 4 bénéfices clés\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💪 Érection puissante\u003c\/h3\u003e\n \u003cp\u003eStimule et tonifie les parties intimes pour favoriser une érection forte et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eAméliore le flux sanguin vers les corps caverneux pour une meilleure vascularisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n \u003cp\u003eRésultats en seulement 5 à 10 minutes avant le rapport pour plus de spontanéité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e😌 Bien-être masculin\u003c\/h3\u003e\n \u003cp\u003eRetrouvez confiance et sérénité pour des moments intimes épanouis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba\u003c\/h3\u003e\n \u003cp\u003eFavorise la circulation sanguine pour une meilleure vascularisation des tissus érectiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan\u003c\/h3\u003e\n \u003cp\u003eHydrate et assouplit la peau pour une meilleure pénétration des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e❄️ Menthol\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation de fraîcheur stimulante et active les récepteurs sensoriels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌱 Extrait de Tribulus\u003c\/h3\u003e\n \u003cp\u003eRenforce l'effet tonifiant et stimulant pour des performances accrues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mb-steps\"\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité de gel directement sur les parties intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement jusqu'à absorption complète du produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003ePatienter\u003c\/h3\u003e\n \u003cp\u003eAttendez 5 à 10 minutes avant le rapport sexuel pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eProfiter\u003c\/h3\u003e\n \u003cp\u003eSavourez des moments intimes intenses et une confiance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🎯 Hommes en quête de performance\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez optimiser vos capacités et vivre des moments plus intenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🔄 Retrouver sa confiance\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin d'un coup de pouce pour vous sentir pleinement en forme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💚 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions à base de plantes, sans produits chimiques agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid-compact\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⏱️ Délai d'action\u003c\/h3\u003e\n \u003cp\u003e5-10 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormule clean\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mb-accordion\"\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e🧴 Texture et application\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eGel non gras et non collant pour une application discrète et confortable. S'absorbe rapidement sans laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eCe produit peut être utilisé en complément d'autres traitements ou dispositifs de performance sexuelle. Usage externe uniquement. Éviter le contact avec les yeux. En cas d'irritation, cesser l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mb-cta-box\"\u003e\n \u003cp\u003e🔥 Rejoignez les milliers d'hommes qui ont déjà transformé leur vie intime avec Men Booster. Une formule française d'excellence pour retrouver confiance et performance au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mb-cream: #FAF7F4;\n --mb-white: #ffffff;\n --mb-primary: #C25A4A;\n --mb-primary-dark: #8B3D32;\n --mb-primary-light: #F5E6E3;\n --mb-secondary: #D4756A;\n --mb-accent: #E8D5C4;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #e0e0e0;\n --mb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 50%, #6B2A22 100%);\n border-radius: var(--mb-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(--mb-shadow-lg);\n}\n\n.mb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mb-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(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mb-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.mb-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.mb-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.mb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-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.mb-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(--mb-primary), var(--mb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mb-grid-compact .mb-card {\n padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.mb-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-step {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mb-step:hover {\n transform: translateY(-5px);\n border-color: var(--mb-primary);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-step-number {\n width: 45px;\n height: 45px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-primary-dark));\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 15px rgba(194,90,74,.35);\n}\n\n.mb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mb-step-content p {\n font-size: 13px;\n color: var(--mb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n box-shadow: var(--mb-shadow);\n overflow: hidden;\n}\n\n.mb-accordion-item {\n border-bottom: 1px solid var(--mb-border);\n margin: 0;\n padding: 0;\n}\n\n.mb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mb-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.mb-accordion-header:hover {\n background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mb-primary);\n transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n content: '−';\n}\n\n.mb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);\n border-radius: var(--mb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mb-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 max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mb-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mb-card {\n padding: 1.125rem;\n }\n \n .mb-step {\n padding: 1.125rem;\n }\n \n .mb-section {\n margin-bottom: 1.75rem;\n }\n \n .mb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mb-radius-sm);\n }\n \n .mb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mb-grid-compact {\n gap: .625rem;\n }\n \n .mb-grid-compact .mb-card {\n padding: .75rem;\n }\n \n .mb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card,\n .mb-step {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-card:nth-child(1), .mb-step:nth-child(1) { animation-delay: .05s; }\n .mb-card:nth-child(2), .mb-step:nth-child(2) { animation-delay: .1s; }\n .mb-card:nth-child(3), .mb-step:nth-child(3) { animation-delay: .15s; }\n .mb-card:nth-child(4), .mb-step:nth-child(4) { animation-delay: .2s; }\n .mb-card:nth-child(5) { animation-delay: .25s; }\n .mb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mbFadeInUp {\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 .mb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023491229,"sku":"REF1045","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/men-booster-gel-derection-60-ml-labophyto-lifestyle.webp?v=1772642582"},{"product_id":"maxi-control-gel-retardant-60-ml-labophyto","title":"Maxi Control Labophyto - Gel Retardant 60 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e⏱️ Action en 5-10 min\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🧴 Flacon airless 60 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaxi Control Labophyto\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eGel retardant 60 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe gel retardant naturel pour homme qui prolonge vos moments intimes avec confiance et sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaxi Control Labophyto : le gel retardant naturel pour retrouver confiance et contrôle\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'éjaculation précoce touche de nombreux hommes. Si vous cherchez une solution \u003cstrong\u003esimple, discrète et naturelle\u003c\/strong\u003e, le \u003cstrong\u003eMaxi Control Gel Retardant de Labophyto\u003c\/strong\u003e est fait pour vous.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🎯 Action locale\u003c\/h3\u003e\n \u003cp\u003eRéduit l'hypersensibilité du gland de manière ciblée et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⏳ Rapports prolongés\u003c\/h3\u003e\n \u003cp\u003eGagnez en durée et en maîtrise pour des moments plus intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e😌 Plaisir préservé\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité sans supprimer les sensations agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤫 Discret et pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon airless compact, application rapide et sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment fonctionne ce gel retardant éjaculation ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eAppliqué sur le pénis quelques minutes avant le rapport, le \u003cstrong\u003egel retardant Maxi Control\u003c\/strong\u003e diminue légèrement la sensibilité cutanée grâce à ses actifs naturels. Vous conservez les sensations agréables tout en gagnant un \u003cstrong\u003emeilleur contrôle sur le moment de l'éjaculation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧬 Désensibilisation douce\u003c\/h3\u003e\n \u003cp\u003eLes actifs végétaux atténuent l'hypersensibilité nerveuse de manière progressive et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Texture gel optimale\u003c\/h3\u003e\n \u003cp\u003eApplication précise et confort optimal, sans effet collant ni résidu gênant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Sensations conservées\u003c\/h3\u003e\n \u003cp\u003eVous gardez le plaisir intact tout en maîtrisant le rythme de vos rapports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels aux propriétés ciblées\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLabophyto a sélectionné des extraits végétaux reconnus pour leur action apaisante et désensibilisante.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌼 Millepertuis\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions musculaires locales pour un meilleur confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌾 Avoine\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité nerveuse au niveau de la zone d'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eProcure une fraîcheur légèrement anesthésiante, agréable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍃 Houblon\u003c\/h3\u003e\n \u003cp\u003ePropriétés calmantes et relaxantes qui favorisent la détente locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Glycérine et eau\u003c\/h3\u003e\n \u003cp\u003eTexture fluide et bonne hydratation de la peau pour un confort d'utilisation optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚖️ pH respecté\u003c\/h3\u003e\n \u003cp\u003eFormule qui respecte le pH naturel de la peau, sans substances agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur le bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur le gland et le frein du pénis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eMassez jusqu'à pénétration complète du produit dans la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePatientez 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003eLaissez agir avant le rapport pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe gel est \u003cstrong\u003ecompatible avec les préservatifs\u003c\/strong\u003e et ne présente pas de contre-indication pour le sexe oral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Maxi Control ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Formule végétale\u003c\/h3\u003e\n \u003cp\u003eÀ base de plantes, sans anesthésiant chimique lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Flacon airless 60 ml\u003c\/h3\u003e\n \u003cp\u003eHygiénique, pratique et suffisant pour de nombreuses utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Labophyto, expert en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n \u003cp\u003eTexture légère qui s'absorbe vite, sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e sur l'avant-bras avant la première utilisation. En cas de rougeur, n'utilisez pas le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon au frais, à l'abri de la lumière et hors de portée des enfants. \u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe gel est un soin de confort intime et ne remplace pas un avis médical. Consultez un professionnel si les troubles persistent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 - FAQ --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eFoire aux questions sur le gel retardant Maxi Control Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e💡 Le gel réduit-il le plaisir ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Le \u003cstrong\u003eMaxi Control\u003c\/strong\u003e atténue l'hypersensibilité sans supprimer les sensations. Vous ressentez le plaisir avec davantage de maîtrise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🕒 Combien de temps dure l'effet ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'effet se manifeste \u003cstrong\u003e5 à 10 minutes après l'application\u003c\/strong\u003e et se maintient pendant le rapport. Les résultats varient selon les individus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🔄 Compatible avec un préservatif ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le gel est \u003cstrong\u003ecompatible avec les préservatifs en latex\u003c\/strong\u003e et utilisable avant un rapport oral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e📦 Combien d'applications avec 60 ml ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eAvec une noisette par utilisation, le flacon offre \u003cstrong\u003eplusieurs dizaines d'applications\u003c\/strong\u003e, un choix économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eFormulé à base d'ingrédients naturels, le gel est généralement bien toléré. En cas de peau réactive, un léger picotement peut survenir. Effectuez un test cutané au préalable.\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=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🚀 Reprenez le contrôle de vos moments intimes avec le \u003cstrong\u003eMaxi Control Gel Retardant\u003c\/strong\u003e — formule naturelle, résultat concret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un soin de confort intime. Il ne remplace pas un avis médical. Consultez un professionnel de santé si les troubles persistent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f4f7f5;\n --mc-white: #ffffff;\n --mc-primary: #2e8b57;\n --mc-primary-dark: #1a5e38;\n --mc-primary-light: #e8f5ee;\n --mc-secondary: #4db882;\n --mc-accent: #34c77b;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #dce8e1;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5e38 0%, #2e8b57 45%, #4db882 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mc-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.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-badges-top {\n gap: 6px;\n }\n\n .mc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023687837,"sku":"REF1046","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maxi_control_gel_60ml_labophyto.webp?v=1772627197"},{"product_id":"top-desire-60-gelules-labophyto","title":"Top Desire - Stimulant Libido Femme 100% Naturel - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Desire - Stimulant Libido Femme\nPalette détectée:\n - Primaire: #E91E8C (rose vif vibrant du packaging, féminin et énergique)\n - Secondaire: #C41673 (rose fuchsia foncé pour contraste)\n - Accent: #FF5BAE (rose clair pour backgrounds et highlights)\n - Neutre: #2D2D2D (gris anthracite du logo)\nAmbiance: Féminin moderne, sensuel, énergique, premium lifestyle\nStyle: Intimité féminine, wellness, empowerment, romance moderne\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n \u003cdiv class=\"td-hero\"\u003e\n \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-hero-content\"\u003e\n \u003cdiv class=\"td-badges-top\"\u003e\n \u003cspan class=\"td-badge\"\u003e💖 100% naturel\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e✨ 60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"td-hero-title\"\u003eTop Desire\u003c\/span\u003e\n \u003cp class=\"td-subtitle\"\u003eLe stimulant libido féminin nouvelle génération\u003c\/p\u003e\n \u003cp class=\"td-description\"\u003eRavivez votre désir et votre épanouissement intime grâce à une formule 100% naturelle enrichie en plantes adaptogènes et vitamines essentielles. Conçu par Labophyto, expert français en bien-être sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePourquoi choisir Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eFormule 100% naturelle\u003c\/div\u003e\n \u003cp\u003eUne synergie d'ingrédients puissants et naturels soigneusement sélectionnés pour stimuler votre libido sans effets secondaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eStimule le désir sexuel\u003c\/div\u003e\n \u003cp\u003eAgit sur les mécanismes naturels du désir féminin pour raviver votre envie et votre sensualité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eBooste l'énergie\u003c\/div\u003e\n \u003cp\u003eCombat la fatigue et le stress qui affectent votre libido grâce aux plantes adaptogènes comme la maca et le ginseng.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp\u003eSoutient votre équilibre hormonal naturel avec du zinc et de la vitamine B6 pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💕\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eAméliore le plaisir\u003c\/div\u003e\n \u003cp\u003eFavorise la circulation sanguine et la réceptivité sexuelle pour des moments intimes plus intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eQualité premium\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par Labophyto selon les normes européennes les plus strictes pour votre sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eComposition active et dosages\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eTribulus Terrestris\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp\u003eStimule puissamment le désir sexuel et favorise l'équilibre hormonal naturel chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eL-Arginine\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e250 mg\u003c\/div\u003e\n \u003cp\u003eAméliore la circulation sanguine vers les zones intimes, augmentant la sensibilité et la réceptivité sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🥔\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eMaca\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp\u003ePlante adaptogène péruvienne reconnue pour réduire le stress, booster l'énergie et raviver le désir sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cp\u003eAccroît l'énergie physique et mentale, améliore les performances et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cp\u003eAide à la régulation hormonale et contribue à réduire la fatigue pour un équilibre optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cp\u003eSoutient la fertilité, maintient un taux de testostérone sain et renforce le système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-steps\"\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003ePosologie quotidienne\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eDe préférence le matin ou avant un repas pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eDurée de cure\u003c\/div\u003e\n \u003cp\u003eMinimum 1 mois pour des résultats durables et significatifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eRégularité\u003c\/div\u003e\n \u003cp\u003eRespectez la prise quotidienne pour maximiser les effets bénéfiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePour qui est Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFatigue et stress\u003c\/div\u003e\n \u003cp\u003eVous êtes épuisée par le rythme quotidien et votre libido en souffre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFluctuations hormonales\u003c\/div\u003e\n \u003cp\u003eVos hormones jouent au yo-yo et affectent votre désir sexuel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💔\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eBaisse de libido\u003c\/div\u003e\n \u003cp\u003eVous ressentez une diminution de votre envie et de votre sensualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eVie de couple\u003c\/div\u003e\n \u003cp\u003eVous souhaitez raviver la flamme et renforcer vos relations intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eSolution naturelle\u003c\/div\u003e\n \u003cp\u003eVous cherchez une approche saine sans recourir aux médicaments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eÉpanouissement\u003c\/div\u003e\n \u003cp\u003eVous voulez retrouver votre confiance et votre bien-être intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLes bénéfices attendus\u003c\/h2\u003e\n \u003cdiv class=\"td-benefits\"\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🌱 Phase d'adaptation\u003c\/div\u003e\n \u003cp\u003eVotre corps s'habitue aux actifs naturels. Vous commencez à ressentir plus d'énergie et moins de fatigue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e💫 Premiers effets\u003c\/div\u003e\n \u003cp\u003eLe désir sexuel commence à se réveiller. Vous ressentez une amélioration de votre humeur et de votre réceptivité sensuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🔥 Résultats optimaux\u003c\/div\u003e\n \u003cp\u003eVotre libido est pleinement stimulée. Vous retrouvez votre sensualité, votre confiance et profitez pleinement de votre intimité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLabophyto : expertise française\u003c\/h2\u003e\n \u003cdiv class=\"td-brand-box\"\u003e\n \u003cdiv class=\"td-brand-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est une marque française spécialisée dans les compléments alimentaires naturels pour le bien-être intime et sexuel. Depuis sa création, la marque s'engage à proposer des solutions efficaces, sûres et respectueuses de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"td-brand-values\"\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cspan\u003eProduit en France selon les normes européennes les plus strictes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eContrôles rigoureux\u003c\/strong\u003e\n \u003cspan\u003eChaque lot est testé pour garantir pureté et efficacité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eIngrédients premium\u003c\/strong\u003e\n \u003cspan\u003eSources responsables et respectueuses de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eQualité garantie\u003c\/strong\u003e\n \u003cspan\u003eFormules développées avec des experts en phytothérapie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cp\u003e1 mois de cure complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003ePoids net\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e32,8 g\u003c\/div\u003e\n \u003cp\u003eFormat compact et pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cp\u003ePlantes et vitamines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLabophyto, expert en pleasure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eRéférence\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eREF1049\u003c\/div\u003e\n \u003cp\u003eProduit certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e♀️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eDestiné à\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFemmes adultes\u003c\/div\u003e\n \u003cp\u003eSpécialement formulé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-warning-box\"\u003e\n \u003cdiv class=\"td-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"td-warning-content\"\u003e\n \u003cul class=\"td-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour\u003c\/li\u003e\n \u003cli\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes sous traitement médical sans avis médical\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eConserver dans un endroit sec, frais et à l'abri de la lumière\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, consultez un professionnel de santé avant utilisation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"td-cta-box\"\u003e\n \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-cta-content\"\u003e\n \u003cspan class=\"td-cta-title\"\u003eRedécouvrez votre désir\u003c\/span\u003e\n \u003cp\u003eOptez pour Top Desire et retrouvez une libido épanouie, naturellement. Avec sa formule premium 100% naturelle et sa fabrication française, Top Desire est votre allié pour raviver la flamme et renforcer votre bien-être intime.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFaites le choix d'une sexualité épanouie et d'un bien-être durable !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --td-cream: #fafafa;\n --td-white: #ffffff;\n --td-primary: #E91E8C;\n --td-primary-dark: #C41673;\n --td-primary-light: #FFE5F3;\n --td-secondary: #FF5BAE;\n --td-accent: #2D2D2D;\n --td-text: #1a1a1a;\n --td-text-light: #5a5a5a;\n --td-border: #e0e0e0;\n --td-shadow: 0 4px 24px rgba(233, 30, 140, 0.08);\n --td-shadow-lg: 0 12px 48px rgba(233, 30, 140, 0.15);\n --td-radius: 20px;\n --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--td-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--td-text);\n}\n\n\/* === HERO === *\/\n.td-hero {\n position: relative;\n background: linear-gradient(135deg, #E91E8C 0%, #C41673 50%, #FF5BAE 100%);\n border-radius: var(--td-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.td-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.td-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.td-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--td-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.td-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n}\n\n.td-hero-title {\n display: block;\n color: white;\n font-size: clamp(38px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n}\n\n.td-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.td-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.td-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 5px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n border-radius: 3px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.td-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-card-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.td-card p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.td-ingredient-card {\n background: linear-gradient(135deg, var(--td-white) 0%, var(--td-primary-light) 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.td-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n}\n\n.td-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-ingredient-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-ingredient-name {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-ingredient-dose {\n display: inline-block;\n padding: 6px 16px;\n background: var(--td-primary);\n color: white;\n border-radius: 999px;\n font-size: clamp(13px, 1.6vw, 15px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.td-ingredient-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.td-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-step {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-left: 4px solid var(--td-primary);\n}\n\n.td-step:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-step-number {\n flex-shrink: 0;\n width: 56px!important;\n height: 56px!important;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: 50%;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(233, 30, 140, 0.3);\n}\n\n.td-step-content {\n flex: 1;\n}\n\n.td-step-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-step-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.td-profile-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-secondary);\n}\n\n.td-profile-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n}\n\n.td-profile-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-profile-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.td-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-benefit-card {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-top: 4px solid var(--td-primary);\n}\n\n.td-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-benefit-timeline {\n flex-shrink: 0;\n padding: 12px 20px;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: var(--td-radius-sm);\n font-size: clamp(13px, 1.7vw, 15px);\n font-weight: 800;\n text-align: center;\n white-space: nowrap;\n height: fit-content;\n}\n\n.td-benefit-content {\n flex: 1;\n}\n\n.td-benefit-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-benefit-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.td-brand-box {\n background: linear-gradient(135deg, var(--td-primary-light) 0%, var(--td-white) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--td-shadow);\n border: 2px solid var(--td-primary);\n}\n\n.td-brand-content \u003e p {\n color: var(--td-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.td-brand-values {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-brand-value {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n transition: all 0.3s ease;\n}\n\n.td-brand-value:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow);\n}\n\n.td-brand-value-icon {\n flex-shrink: 0;\n font-size: 32px;\n}\n\n.td-brand-value-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.td-brand-value-text strong {\n font-size: clamp(16px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--td-primary-dark);\n}\n\n.td-brand-value-text span {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n}\n\n\/* === INFO CARDS === *\/\n.td-info-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-info-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.td-info-title {\n font-size: clamp(14px, 1.9vw, 16px);\n font-weight: 700;\n color: var(--td-text-light);\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.td-info-value {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-info-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 14px);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.td-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid #FF9800;\n box-shadow: var(--td-shadow);\n}\n\n.td-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n}\n\n.td-warning-content {\n flex: 1;\n}\n\n.td-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n color: var(--td-text);\n}\n\n.td-warning-list li {\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n}\n\n.td-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.td-cta-box {\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 20% 50%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 60% 70%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 80% 30%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent);\n background-size: 200px 200px;\n}\n\n.td-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.td-cta-title {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n\n.td-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.3vw, 19px);\n line-height: 1.7;\n margin-bottom: 1rem;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.td-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 700;\n font-size: clamp(17px, 2.5vw, 20px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .td-grid {\n grid-template-columns: 1fr;\n }\n \n .td-benefit-card,\n .td-step,\n .td-warning-box {\n flex-direction: column;\n }\n \n .td-benefit-timeline,\n .td-step-number {\n width: 100%;\n text-align: center;\n }\n \n .td-brand-value {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .td-card,\n .td-ingredient-card,\n .td-profile-card,\n .td-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-card:nth-child(1),\n .td-ingredient-card:nth-child(1),\n .td-profile-card:nth-child(1),\n .td-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n \n .td-card:nth-child(2),\n .td-ingredient-card:nth-child(2),\n .td-profile-card:nth-child(2),\n .td-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n \n .td-card:nth-child(3),\n .td-ingredient-card:nth-child(3),\n .td-profile-card:nth-child(3),\n .td-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n \n .td-card:nth-child(4),\n .td-ingredient-card:nth-child(4),\n .td-profile-card:nth-child(4),\n .td-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n \n .td-card:nth-child(5),\n .td-ingredient-card:nth-child(5),\n .td-profile-card:nth-child(5),\n .td-info-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n \n .td-card:nth-child(6),\n .td-ingredient-card:nth-child(6),\n .td-profile-card:nth-child(6),\n .td-info-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n \n .td-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .td-step:nth-child(1) { animation-delay: 0.1s; }\n .td-step:nth-child(2) { animation-delay: 0.2s; }\n .td-step:nth-child(3) { animation-delay: 0.3s; }\n .td-step:nth-child(4) { animation-delay: 0.4s; }\n \n .td-benefit-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .td-benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .td-benefit-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .td-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .td-premium {\n --td-shadow: 0 0 0 2px var(--td-primary);\n --td-shadow-lg: 0 0 0 3px var(--td-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024474269,"sku":"REF1049","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-desir-60-gelules-lapbophyto_11zon.jpg?v=1772627165"},{"product_id":"top-bust-poitrine-60-gelules-labophyto","title":"Top Bust Poitrine - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Bust Poitrine - Complément alimentaire poitrine féminine\nPalette détectée:\n - Primaire: #8B6BA8 (violet\/mauve du packaging - dominante élégante et féminine)\n - Secondaire: #6A4E8A (violet plus profond pour contraste)\n - Accent: #C9A8D4 (mauve clair pour backgrounds doux)\nAmbiance: Féminin, élégant, bien-être, naturel-premium\nUnivers: Santé féminine avec codes visuels doux et sophistiqués\nPréfixe CSS: tb (top-bust)\n--\u003e\n\u003cdiv class=\"tb-premium\"\u003e\n\u003cdiv class=\"tb-hero\"\u003e\n\u003cdiv class=\"tb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-hero-content\"\u003e\n\u003cdiv class=\"tb-badges-top\"\u003e\n\u003cspan class=\"tb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e🌿 100% naturel \u0026amp; bio\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e👩 Spécial femmes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tb-hero-title\"\u003eTop Bust Poitrine\u003c\/span\u003e\n\u003cp class=\"tb-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa solution naturelle pour sublimer votre silhouette\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"tb-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn complément alimentaire unique qui révèle la beauté naturelle de votre poitrine grâce à une formule bio enrichie en plantes et vitamines essentielles.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de Top Bust\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eGalbe naturel\u003c\/h3\u003e\n\u003cp\u003eContribue à améliorer le volume et la forme de votre poitrine de manière naturelle et harmonieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eFermeté renforcée\u003c\/h3\u003e\n\u003cp\u003eLe collagène marin et les plantes sélectionnées aident à tonifier et raffermir les tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eÉclat retrouvé\u003c\/h3\u003e\n\u003cp\u003eDes seins plus rebondis et galbés pour une silhouette féminine et gracieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e🔒\u003c\/div\u003e\n\u003ch3\u003eConfiance en soi\u003c\/h3\u003e\n\u003cp\u003eRetrouvez votre féminité et votre assurance grâce à une formule qui respecte votre corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🌿 Une formule naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"tb-composition-intro\"\u003e\n\u003cp\u003eChaque gélule concentre le meilleur de la nature pour prendre soin de votre poitrine. Une synergie unique de plantes bio et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌾\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFenugrec\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e600 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante traditionnellement utilisée pour favoriser le galbe naturel de la poitrine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🍃\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSauge officinale\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e280 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait sec reconnu pour son action sur l'équilibre hormonal féminin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🐟\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCollagène marin\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eHydrolysat de poisson pour la fermeté et l'élasticité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌼\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFenouil\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante aux propriétés bénéfiques pour la santé mammaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eOrigan\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e160 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait naturel aux vertus tonifiantes et protectrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAneth\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e160 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante complémentaire pour optimiser l'action de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🍺\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHoublon\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e140 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eRiche en phytoestrogènes naturels pour soutenir le galbe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e💊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVitamines B5, B6, B9\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e100% AR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eTrio de vitamines essentielles + iode pour compléter l'action\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi simple et efficace\u003c\/h2\u003e\n\u003cdiv class=\"tb-usage-grid\"\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eSuivre une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e pour observer des effets significatifs et durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003ePrendre tous les jours à la même heure pour une efficacité optimale et des résultats visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e⏱️ Résultats attendus dans le temps\u003c\/h2\u003e\n\u003cdiv class=\"tb-timeline\"\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e1 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremiers effets\u003c\/h3\u003e\n\u003cp\u003eLes tissus commencent à se nourrir des actifs naturels, sensation de confort améliorée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e2 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eAmélioration visible\u003c\/h3\u003e\n\u003cp\u003eLa poitrine gagne en fermeté, le galbe commence à s'améliorer progressivement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e3 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n\u003cp\u003eSeins plus fermes, galbés et rebondis - silhouette harmonieuse et confiance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🎯 Pour qui est ce produit ?\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e👩\u003c\/div\u003e\n\u003ch3\u003eFemmes adultes\u003c\/h3\u003e\n\u003cp\u003eSouhaitant améliorer naturellement le galbe et la fermeté de leur poitrine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e💭\u003c\/div\u003e\n\u003ch3\u003eEn quête de confiance\u003c\/h3\u003e\n\u003cp\u003eDésireuses de retrouver une silhouette harmonieuse et leur féminité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n\u003cp\u003ePrivilégiant les solutions bio et sans produits chimiques agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3\u003eAprès grossesse ou perte de poids\u003c\/h3\u003e\n\u003cp\u003ePour retrouver tonicité et volume de façon progressive et saine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🏭 Origine et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"tb-quality-box\"\u003e\n\u003cdiv class=\"tb-quality-grid\"\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Labophyto, expert reconnu en compléments alimentaires de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eIngrédients bio certifiés\u003c\/h3\u003e\n\u003cp\u003ePlantes cultivées selon les normes biologiques les plus strictes, sans OGM ni pesticides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eContrôles rigoureux\u003c\/h3\u003e\n\u003cp\u003eChaque étape de production est minutieusement contrôlée pour garantir qualité et sécurité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eGélules végétales\u003c\/h3\u003e\n\u003cp\u003eEnveloppe 100% végétale adaptée aux régimes végétariens et végans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"tb-warning-box\"\u003e\n\u003cdiv class=\"tb-warning-grid\"\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e👨⚕️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConsultez votre médecin\u003c\/strong\u003e en cas de prise de médicaments (anticoagulants, antihypertenseurs, antidiabétiques, antidépresseurs)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e📏\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée de 2 gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e🔞\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRéservé aux adultes\u003c\/strong\u003e - tenir hors de portée des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"tb-warning-footer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Conservez dans un endroit frais et sec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-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 d'1 mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eFabricant\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eFabricant français de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eCertifiée bio, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"tb-cta-box\"\u003e\n\u003cdiv class=\"tb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-cta-content\"\u003e\n\u003cp\u003e🌸 \u003cstrong\u003e\u003cspan style=\"color: white;\"\u003eRévélez votre beauté naturelle\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eFaites confiance à Top Bust Poitrine pour sublimer votre silhouette de manière naturelle et saine. Une formule unique qui respecte votre corps et valorise votre féminité.\u003c\/p\u003e\n\u003cp\u003e✨ Retrouvez confiance et harmonie avec un complément 100% naturel, fabriqué en France selon les plus hauts standards de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tb-cream: #faf8f9;\n --tb-white: #ffffff;\n --tb-primary: #8B6BA8;\n --tb-primary-dark: #6A4E8A;\n --tb-primary-light: #e8dff0;\n --tb-secondary: #C9A8D4;\n --tb-accent: #b88fd1;\n --tb-text: #1a1a1a;\n --tb-text-light: #5a5a5a;\n --tb-border: #e0e0e0;\n --tb-shadow: 0 4px 24px rgba(139, 107, 168, 0.08);\n --tb-shadow-lg: 0 12px 48px rgba(139, 107, 168, 0.15);\n --tb-radius: 20px;\n --tb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tb-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.tb-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6BA8 0%, #A884C4 50%, #C9A8D4 100%);\n border-radius: var(--tb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, white 1px, transparent 1px),\n radial-gradient(circle at 70% 20%, white 1.5px, transparent 1.5px);\n background-size: 80px 80px, 100px 100px, 60px 60px, 90px 90px;\n background-position: 0 0, 40px 40px, 20px 20px, 60px 60px;\n}\n\n.tb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tb-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.tb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.tb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.tb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.tb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tb-primary), var(--tb-secondary));\n border-radius: 2px;\n}\n\n.tb-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 700;\n color: var(--tb-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.tb-premium p {\n margin: 0 0 1rem 0;\n color: var(--tb-text);\n line-height: 1.7;\n}\n\n.tb-premium strong {\n color: var(--tb-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.tb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.tb-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.tb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-primary);\n}\n\n.tb-card-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.tb-card h3 {\n margin-bottom: 0.75rem;\n}\n\n.tb-card p {\n margin: 0;\n font-size: 15px;\n color: var(--tb-text-light);\n}\n\n\/* === COMPOSITION === *\/\n.tb-composition-intro {\n background: var(--tb-primary-light);\n border-radius: var(--tb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n text-align: center;\n border-left: 4px solid var(--tb-primary);\n}\n\n.tb-composition-intro p {\n margin: 0;\n font-size: clamp(15px, 2.2vw, 17px);\n font-weight: 500;\n color: var(--tb-primary-dark);\n}\n\n.tb-ingredient-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tb-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-secondary);\n}\n\n.tb-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 0.75rem;\n}\n\n.tb-ingredient-emoji {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tb-ingredient-header h3 {\n margin: 0 0 4px 0;\n font-size: 17px;\n}\n\n.tb-dosage {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: var(--tb-primary);\n background: var(--tb-primary-light);\n padding: 2px 8px;\n border-radius: 6px;\n display: inline-block;\n}\n\n.tb-ingredient-card p {\n margin: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n line-height: 1.5;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tb-usage-card {\n background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid var(--tb-primary);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.tb-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-usage-number {\n position: absolute;\n top: -10px;\n right: 15px;\n font-size: 80px;\n font-weight: 900;\n color: var(--tb-primary);\n opacity: 0.1;\n line-height: 1;\n}\n\n.tb-usage-card h3 {\n position: relative;\n z-index: 1;\n margin-bottom: 0.75rem;\n color: var(--tb-primary-dark);\n}\n\n.tb-usage-card p {\n position: relative;\n z-index: 1;\n margin: 0;\n font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.tb-timeline {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n padding-left: 40px;\n}\n\n.tb-timeline::before {\n content: '';\n position: absolute;\n left: 15px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--tb-primary), var(--tb-secondary));\n border-radius: 2px;\n}\n\n.tb-timeline-item {\n position: relative;\n padding-bottom: 2.5rem;\n}\n\n.tb-timeline-item:last-child {\n padding-bottom: 0;\n}\n\n.tb-timeline-marker {\n position: absolute;\n left: -40px;\n top: 0;\n width: 44px;\n height: 44px;\n background: var(--tb-primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 700;\n box-shadow: 0 0 0 4px var(--tb-cream), 0 4px 12px rgba(139, 107, 168, 0.3);\n z-index: 1;\n}\n\n.tb-timeline-content {\n background: var(--tb-white);\n border-radius: var(--tb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n border-left: 3px solid var(--tb-primary);\n}\n\n.tb-timeline-content h3 {\n margin-bottom: 0.5rem;\n color: var(--tb-primary);\n}\n\n.tb-timeline-content p {\n margin: 0;\n font-size: 15px;\n color: var(--tb-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.tb-target-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tb-target-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-secondary);\n}\n\n.tb-target-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.tb-target-card h3 {\n margin-bottom: 0.75rem;\n color: var(--tb-primary-dark);\n}\n\n.tb-target-card p {\n margin: 0;\n font-size: 15px;\n color: var(--tb-text-light);\n}\n\n\/* === QUALITY BOX === *\/\n.tb-quality-box {\n background: linear-gradient(135deg, var(--tb-primary-light) 0%, var(--tb-white) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--tb-secondary);\n box-shadow: var(--tb-shadow);\n}\n\n.tb-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.tb-quality-item {\n text-align: center;\n}\n\n.tb-quality-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tb-quality-item h3 {\n margin-bottom: 0.5rem;\n color: var(--tb-primary-dark);\n font-size: 18px;\n}\n\n.tb-quality-item p {\n margin: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.tb-warning-box {\n background: #fff9f0;\n border-radius: var(--tb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border-left: 5px solid #ff9800;\n box-shadow: var(--tb-shadow);\n}\n\n.tb-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.tb-warning-item {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n\n.tb-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tb-warning-item p {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n}\n\n.tb-warning-footer {\n margin: 0;\n padding-top: 1rem;\n border-top: 2px solid #ffe0b3;\n font-size: 13px;\n font-style: italic;\n color: var(--tb-text-light);\n text-align: center;\n}\n\n\/* === INFO CARDS === *\/\n.tb-info-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n text-align: center;\n border: 2px solid var(--tb-primary-light);\n transition: all 0.3s ease;\n}\n\n.tb-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-primary);\n}\n\n.tb-info-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.tb-info-card h3 {\n margin-bottom: 0.5rem;\n color: var(--tb-primary);\n font-size: 16px;\n}\n\n.tb-info-card p {\n margin: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.tb-cta-box {\n background: linear-gradient(135deg, var(--tb-primary) 0%, var(--tb-primary-dark) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-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 repeating-linear-gradient(45deg, transparent, transparent 20px, white 20px, white 21px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, white 20px, white 21px);\n}\n\n.tb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin-bottom: 1rem;\n}\n\n.tb-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tb-grid,\n .tb-usage-grid,\n .tb-quality-grid,\n .tb-warning-grid {\n grid-template-columns: 1fr;\n }\n\n .tb-timeline {\n padding-left: 30px;\n }\n\n .tb-timeline-marker {\n left: -30px;\n width: 28px;\n height: 28px;\n font-size: 10px;\n }\n\n .tb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tb-card,\n .tb-ingredient-card,\n .tb-usage-card,\n .tb-target-card,\n .tb-info-card,\n .tb-timeline-item {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .tb-card:nth-child(1),\n .tb-ingredient-card:nth-child(1),\n .tb-timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .tb-card:nth-child(2),\n .tb-ingredient-card:nth-child(2),\n .tb-timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .tb-card:nth-child(3),\n .tb-ingredient-card:nth-child(3),\n .tb-timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .tb-card:nth-child(4),\n .tb-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n .tb-card:nth-child(5),\n .tb-ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n .tb-card:nth-child(6),\n .tb-ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n .tb-card:nth-child(7),\n .tb-ingredient-card:nth-child(7) { animation-delay: 0.7s; }\n .tb-card:nth-child(8),\n .tb-ingredient-card:nth-child(8) { animation-delay: 0.8s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tb-premium {\n --tb-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n --tb-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .tb-premium {\n background: white;\n padding: 1rem;\n }\n\n .tb-hero {\n break-inside: avoid;\n }\n\n .tb-card,\n .tb-ingredient-card,\n .tb-usage-card {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024769181,"sku":"REF1050","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-bust-labophyto-60-gelules-min.jpg?v=1772627071"},{"product_id":"testoman-taux-de-testosterone-60-gelules-labophyto","title":"TestoMan - Booster de testostérone - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: TestoMan - Booster de testostérone\nPalette détectée:\n - Primaire: #5C6F4E (vert olive foncé du packaging - masculin, naturel, puissant)\n - Secondaire: #8A9B7A (vert sauge clair des formes organiques)\n - Accent: #4A5A3E (vert foncé pour contraste)\n - Fond: #F8F6F2 (blanc cassé\/crème du packaging)\nAmbiance: Masculin moderne, naturel et scientifique. Design épuré avec formes organiques végétales. Tons verts évoquant la nature, la vitalité et la performance. Style premium mais accessible, santé masculine.\nPréfixe CSS: tm\n--\u003e\n\n\u003cdiv class=\"tm-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tm-hero\"\u003e\n \u003cdiv class=\"tm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tm-hero-content\"\u003e\n \u003cdiv class=\"tm-badges-top\"\u003e\n \u003cspan class=\"tm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"tm-badge\"\u003e♂️ Spécial homme\u003c\/span\u003e\n \u003cspan class=\"tm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tm-hero-title\"\u003eTestoMan\u003c\/span\u003e\n \u003cp class=\"tm-subtitle\"\u003eLe booster de testostérone naturel pour hommes actifs\u003c\/p\u003e\n \u003cp class=\"tm-description\"\u003eUne formule exclusive à base de tribulus, L-arginine, vitamines et minéraux pour soutenir votre vitalité masculine, votre performance physique et votre bien-être hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🎯 Les 4 piliers de votre vitalité masculine\u003c\/h2\u003e\n \u003cdiv class=\"tm-grid\"\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eTestostérone optimisée\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003e300 mg de tribulus terrestris par dose pour soutenir naturellement votre taux de testostérone et maintenir votre équilibre hormonal masculin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eÉnergie \u0026amp; performance\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003e80 mg de caféine et vitamine D3 pour booster votre vitalité physique, renforcer vos muscles et améliorer votre endurance au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eFertilité \u0026amp; reproduction\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003eZinc (10 mg) et sélénium (50 µg) : 100% des VNR pour une fertilité normale, une spermatogenèse optimale et la protection de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003eMélisse (120 mg) et guggul (100 mg) pour harmoniser votre environnement hormonal et soutenir votre bien-être mental et physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🔬 Une formule scientifique complète\u003c\/h2\u003e\n \u003cp class=\"tm-intro-text\"\u003eChaque dose de 2 gélules concentre 10 ingrédients actifs rigoureusement sélectionnés pour leur efficacité prouvée sur la santé masculine.\u003c\/p\u003e\n \u003cdiv class=\"tm-composition-grid\"\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eTribulus terrestris\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eSoutien du taux de testostérone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e140 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eSaule blanc\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eBien-être général\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eMélisse\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eÉquilibre nerveux et hormonal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eGuggul\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme lipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e80 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eCaféine\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eÉnergie et vigilance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eFertilité normale (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e50 µg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eSélénium\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eSpermatogenèse (91% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e5 µg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eFonction musculaire (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e6 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B5\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme énergétique (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eRégulation hormonale (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-vnr-note\"\u003e\n \u003cp\u003e\u003cstrong\u003eVNR :\u003c\/strong\u003e Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e👤 TestoMan est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"tm-grid\"\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eSportifs \u0026amp; actifs\u003c\/div\u003e\n \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre performance musculaire et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n \u003cp\u003eVous ressentez une baisse de vitalité, d'énergie ou de libido liée à l'âge et souhaitez soutenir naturellement votre taux de testostérone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eHommes en quête d'équilibre\u003c\/div\u003e\n \u003cp\u003eVous voulez maintenir un bien-être hormonal masculin optimal et préserver votre fertilité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eActifs sous pression\u003c\/div\u003e\n \u003cp\u003eVotre rythme de vie intense (stress, fatigue, manque de sommeil) impacte votre vitalité physique et mentale.\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=\"tm-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser TestoMan ?\u003c\/h2\u003e\n \u003cdiv class=\"tm-usage-timeline\"\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003ePosologie simple\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas (matin ou midi).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003eCure de 30 jours\u003c\/div\u003e\n \u003cp\u003eUne boîte = 1 mois de cure complète. Renouvelable plusieurs fois dans l'année selon vos besoins et objectifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003eAssociez-le à une bonne hygiène de vie\u003c\/div\u003e\n \u003cp\u003ePour des résultats optimaux : alimentation équilibrée, activité physique régulière, sommeil réparateur (7-8h), gestion du stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003ePatience et régularité\u003c\/div\u003e\n \u003cp\u003eLes premiers effets se font sentir après 2-3 semaines. Pour des résultats durables, privilégiez la régularité sur 2-3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e📈 Les résultats que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"tm-results-grid\"\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eRegain d'énergie\u003c\/div\u003e\n \u003cp\u003eSensation de vitalité accrue, meilleure résistance à la fatigue, vigilance améliorée grâce à la caféine et aux vitamines B.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003ePerformance physique\u003c\/div\u003e\n \u003cp\u003eAmélioration de la force musculaire, meilleure endurance à l'effort, récupération optimisée après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eVitalité masculine\u003c\/div\u003e\n \u003cp\u003eSoutien du taux de testostérone, regain de libido, amélioration du bien-être hormonal et de la confiance en soi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSur le long terme\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eÉquilibre durable\u003c\/div\u003e\n \u003cp\u003eMaintien de la fertilité, protection antioxydante, équilibre hormonal stabilisé, bien-être général optimisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LABOPHYTO --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🏛️ La garantie Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"tm-brand-box\"\u003e\n \u003cdiv class=\"tm-brand-content\"\u003e\n \u003cdiv class=\"tm-brand-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"tm-brand-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est un laboratoire français expert en phytothérapie masculine et santé sexuelle depuis plusieurs années. Spécialisé dans les compléments naturels pour hommes, Labophyto s'engage à sélectionner des ingrédients de qualité premium, rigoureusement contrôlés et tracés.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFabrication française\u003c\/strong\u003e : TestoMan est fabriqué en France dans des installations certifiées, garantissant sécurité, efficacité et respect des normes les plus strictes.\u003c\/p\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=\"tm-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tm-info-grid\"\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003e30 jours de cure\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003ePosologie\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e2 gélules\/jour\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eAvec un verre d'eau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e🇫🇷 France\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eLaboratoire Labophyto\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eExtraits de plantes \u0026amp; minéraux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eGélules\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003eVégétales\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eHPMC (cellulose)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003eÀ l'abri\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eLumière, chaleur, humidité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tm-warning-box\"\u003e\n \u003cdiv class=\"tm-warning-grid\"\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé aux hommes adultes.\u003c\/strong\u003e Ne convient pas aux femmes, enfants et adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e💊\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée\u003c\/strong\u003e de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e🥗\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eNe remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e⚕️\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé sans avis médical\u003c\/strong\u003e si vous êtes sous traitement (antihypertenseur, antidiabétique, anticoagulant).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e☕\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eContient de la caféine (80 mg\/dose).\u003c\/strong\u003e Déconseillé le soir. À limiter si sensibilité à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e👶\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Conserver dans un endroit sec et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tm-cta-box\"\u003e\n \u003cdiv class=\"tm-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tm-cta-content\"\u003e\n \u003cp class=\"tm-cta-text\"\u003eTestoMan de Labophyto est votre allié naturel pour soutenir votre taux de testostérone, booster votre vitalité masculine et retrouver une énergie physique et mentale optimale. Une formule complète, scientifique et 100% naturelle pour les hommes actifs qui prennent soin de leur santé.\u003c\/p\u003e\n \u003cdiv class=\"tm-cta-badge\"\u003e\n \u003cspan\u003e🌿 Formule naturelle • 💪 Résultats prouvés • 🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ===========================\n VARIABLES CSS\n =========================== *\/\n:root {\n \/* Couleurs principales *\/\n --tm-cream: #F8F6F2;\n --tm-white: #ffffff;\n --tm-primary: #5C6F4E;\n --tm-primary-dark: #4A5A3E;\n --tm-primary-light: #E8EBE6;\n --tm-secondary: #8A9B7A;\n --tm-accent: #6D7F5E;\n\n \/* Textes *\/\n --tm-text: #1a1a1a;\n --tm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --tm-border: #e0e0e0;\n --tm-shadow: 0 4px 24px rgba(92,111,78,.08);\n --tm-shadow-lg: 0 12px 48px rgba(92,111,78,.15);\n --tm-radius: 20px;\n --tm-radius-sm: 12px;\n}\n\n\/* ===========================\n CONTENEUR PRINCIPAL\n =========================== *\/\n.tm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tm-text);\n line-height: 1.7;\n}\n\n\/* ===========================\n HERO SECTION\n =========================== *\/\n.tm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-accent) 50%, var(--tm-secondary) 100%);\n border-radius: var(--tm-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(--tm-shadow-lg);\n}\n\n.tm-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 30%),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.2) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.tm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tm-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(--tm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.tm-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.tm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.02em;\n}\n\n.tm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* ===========================\n SECTIONS\n =========================== *\/\n.tm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tm-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.tm-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(--tm-primary), var(--tm-secondary));\n border-radius: 2px;\n}\n\n.tm-intro-text {\n text-align: center;\n font-size: clamp(15px, 2vw, 18px);\n color: var(--tm-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n}\n\n\/* ===========================\n GRILLES \u0026 CARDS\n =========================== *\/\n.tm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tm-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n border-color: var(--tm-primary);\n}\n\n.tm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tm-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-card-text {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n COMPOSITION\n =========================== *\/\n.tm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.tm-ingredient-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tm-shadow);\n border-left: 4px solid var(--tm-primary);\n transition: all .3s ease;\n}\n\n.tm-ingredient-card:hover {\n transform: translateX(4px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-ingredient-dose {\n font-size: 24px;\n font-weight: 900;\n color: var(--tm-primary);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.tm-ingredient-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--tm-text);\n margin-bottom: .25rem;\n}\n\n.tm-ingredient-benefit {\n font-size: 13px;\n color: var(--tm-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.tm-vnr-note {\n background: var(--tm-primary-light);\n border-radius: var(--tm-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n}\n\n.tm-vnr-note p {\n margin: 0;\n font-size: 14px;\n color: var(--tm-primary-dark);\n}\n\n\/* ===========================\n PROFILS\n =========================== *\/\n.tm-profile-card {\n background: linear-gradient(135deg, var(--tm-white) 0%, var(--tm-primary-light) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tm-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n border-color: var(--tm-primary);\n}\n\n.tm-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tm-profile-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-profile-card p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n MODE D'EMPLOI (TIMELINE)\n =========================== *\/\n.tm-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.tm-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n transition: all .3s ease;\n}\n\n.tm-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tm-primary), var(--tm-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(92,111,78,.25);\n}\n\n.tm-step-content {\n flex: 1;\n}\n\n.tm-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.tm-step-content p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n RÉSULTATS\n =========================== *\/\n.tm-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tm-result-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border-top: 4px solid var(--tm-primary);\n transition: all .3s ease;\n}\n\n.tm-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-result-time {\n display: inline-block;\n background: var(--tm-primary-light);\n color: var(--tm-primary-dark);\n font-size: 12px;\n font-weight: 800;\n padding: 6px 12px;\n border-radius: 999px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.tm-result-icon {\n font-size: 42px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.tm-result-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-result-card p {\n font-size: 14px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n INFO BOX\n =========================== *\/\n.tm-info-box {\n background: linear-gradient(135deg, var(--tm-primary-light) 0%, var(--tm-white) 100%);\n border-radius: var(--tm-radius);\n padding: 1.5rem 2rem;\n border-left: 4px solid var(--tm-primary);\n}\n\n.tm-info-box p {\n margin: 0;\n font-size: 15px;\n color: var(--tm-text);\n line-height: 1.7;\n}\n\n\/* ===========================\n BRAND BOX\n =========================== *\/\n.tm-brand-box {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tm-shadow-lg);\n border: 2px solid var(--tm-primary-light);\n}\n\n.tm-brand-content {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.tm-brand-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.tm-brand-text p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.8;\n margin-bottom: 1rem;\n}\n\n.tm-brand-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* ===========================\n INFOS PRATIQUES\n =========================== *\/\n.tm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.tm-info-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tm-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.tm-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-info-label {\n font-size: 12px;\n font-weight: 700;\n color: var(--tm-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n margin-bottom: .5rem;\n}\n\n.tm-info-value {\n font-size: 24px;\n font-weight: 900;\n color: var(--tm-primary);\n margin-bottom: .25rem;\n letter-spacing: -.02em;\n}\n\n.tm-info-detail {\n font-size: 13px;\n color: var(--tm-text-light);\n font-style: italic;\n}\n\n\/* ===========================\n WARNING BOX\n =========================== *\/\n.tm-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5CC 100%);\n border-radius: var(--tm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid #FFD966;\n box-shadow: var(--tm-shadow);\n}\n\n.tm-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.tm-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tm-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tm-warning-item p {\n font-size: 14px;\n color: var(--tm-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n CTA FINAL\n =========================== *\/\n.tm-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-primary-dark) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 70% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.tm-cta-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tm-cta-text {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tm-cta-badge {\n display: inline-block;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n padding: 12px 24px;\n border-radius: 999px;\n box-shadow: 0 4px 24px rgba(0,0,0,.15);\n}\n\n.tm-cta-badge span {\n color: var(--tm-primary-dark);\n font-size: 14px;\n font-weight: 800;\n letter-spacing: .02em;\n}\n\n\/* ===========================\n RESPONSIVE\n =========================== *\/\n@media (max-width: 767px) {\n .tm-grid,\n .tm-composition-grid,\n .tm-results-grid,\n .tm-info-grid,\n .tm-warning-grid {\n grid-template-columns: 1fr;\n }\n \n .tm-brand-content {\n flex-direction: column;\n text-align: center;\n }\n \n .tm-brand-icon {\n margin: 0 auto;\n }\n \n .tm-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .tm-step-number {\n margin: 0 auto 1rem;\n }\n}\n\n\/* ===========================\n ANIMATIONS\n =========================== *\/\n@media (prefers-reduced-motion: no-preference) {\n .tm-card,\n .tm-profile-card,\n .tm-result-card,\n .tm-ingredient-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .tm-card:nth-child(1),\n .tm-profile-card:nth-child(1),\n .tm-result-card:nth-child(1) { animation-delay: .1s; }\n .tm-card:nth-child(2),\n .tm-profile-card:nth-child(2),\n .tm-result-card:nth-child(2) { animation-delay: .2s; }\n .tm-card:nth-child(3),\n .tm-profile-card:nth-child(3),\n .tm-result-card:nth-child(3) { animation-delay: .3s; }\n .tm-card:nth-child(4),\n .tm-profile-card:nth-child(4),\n .tm-result-card:nth-child(4) { animation-delay: .4s; }\n .tm-card:nth-child(5) { animation-delay: .5s; }\n .tm-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\/* ===========================\n ACCESSIBILITÉ\n =========================== *\/\n@media (prefers-reduced-motion: reduce) {\n .tm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tm-card,\n .tm-profile-card,\n .tm-result-card,\n .tm-info-card {\n border: 2px solid var(--tm-text);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025162397,"sku":"REF1051","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/testoman-60-gelules-lapbophyto_11zon.jpg?v=1772627061"},{"product_id":"supramen-performance-10-gelules-labophyto","title":"Supramen - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Supramen - 10 Gélules - Labophyto\nPalette détectée:\n - Primaire: #E31E24 (rouge vif dynamique du packaging)\n - Secondaire: #1A1A1A (noir profond du poing\/icône)\n - Accent: #FFFFFF (blanc contrastant)\nAmbiance: Masculin, puissant, énergique, performance, force virile\nPréfixe CSS: spm\n--\u003e\n\n\u003cdiv class=\"spm-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"spm-hero\"\u003e\n \u003cdiv class=\"spm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spm-hero-content\"\u003e\n \u003cdiv class=\"spm-badges-top\"\u003e\n \u003cspan class=\"spm-badge\"\u003e💪 Performance masculine\u003c\/span\u003e\n \u003cspan class=\"spm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"spm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spm-hero-title\"\u003eSupramen\u003c\/span\u003e\n \u003cp class=\"spm-subtitle\"\u003eRéveillez le champion qui sommeille en vous\u003c\/p\u003e\n \u003cp class=\"spm-description\"\u003eComplément alimentaire premium à base de plantes adaptogènes et vitamines, spécialement formulé pour booster votre énergie, votre libido et vos performances au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"spm-hero-stats\"\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e10\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e5\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eActifs puissants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e10j\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eCure recommandée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🎯 Vos bénéfices\u003c\/h2\u003e\n \u003cdiv class=\"spm-grid\"\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie décuplée\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et retrouvez une vitalité explosive pour affronter chaque journée avec détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eLibido stimulée\u003c\/h3\u003e\n \u003cp\u003eRéveillez votre désir naturellement grâce à des plantes aphrodisiaques reconnues depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003ch3\u003ePerformance optimale\u003c\/h3\u003e\n \u003cp\u003eAméliorez vos capacités physiques et sexuelles pour des moments intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e💯\u003c\/div\u003e\n \u003ch3\u003eEndurance renforcée\u003c\/h3\u003e\n \u003cp\u003eProlongez vos efforts et maintenez un niveau de performance élevé, plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n \u003cp class=\"spm-section-intro\"\u003eUne synergie d'actifs naturels puissants, rigoureusement sélectionnés pour leur efficacité prouvée\u003c\/p\u003e\n \u003cdiv class=\"spm-grid spm-ingredients-grid\"\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🥔\u003c\/span\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLa racine péruvienne de la vitalité\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003ePropriétés énergisantes\u003c\/li\u003e\n \u003cli\u003eEffets aphrodisiaques\u003c\/li\u003e\n \u003cli\u003eAméliore la fertilité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3\u003eTribulus Terrestris\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe booster de testostérone naturel\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimule la testostérone\u003c\/li\u003e\n \u003cli\u003ePerformance physique\u003c\/li\u003e\n \u003cli\u003eVigueur sexuelle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🪴\u003c\/span\u003e\n \u003ch3\u003eGinseng\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe tonifiant ancestral d'Asie\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eCombat la fatigue\u003c\/li\u003e\n \u003cli\u003eEndurance physique\u003c\/li\u003e\n \u003cli\u003eAdaptogène puissant\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🍫\u003c\/span\u003e\n \u003ch3\u003eCacao\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eL'aliment des dieux aztèques\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eRiche en antioxydants\u003c\/li\u003e\n \u003cli\u003eCirculation sanguine\u003c\/li\u003e\n \u003cli\u003eSensation de bien-être\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card spm-ingredient-highlight\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e⚙️\u003c\/span\u003e\n \u003ch3\u003eZinc\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe minéral essentiel masculin\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eProduction de testostérone\u003c\/li\u003e\n \u003cli\u003eMaintien de la fertilité\u003c\/li\u003e\n \u003cli\u003eFonction reproductive\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"spm-usage-container\"\u003e\n \u003cdiv class=\"spm-usage-main\"\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence lors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eSuivre une cure d'\u003cstrong\u003eau moins 10 jours\u003c\/strong\u003e pour observer des résultats significatifs et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003eOption boost express\u003c\/h3\u003e\n \u003cp\u003eEn cas de besoin, la prise peut être \u003cstrong\u003eponctuelle\u003c\/strong\u003e pour un effet boost immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-tip\"\u003e\n \u003cspan class=\"spm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pro :\u003c\/strong\u003e Respectez la dose recommandée pour éviter tout effet indésirable. Pour des résultats optimaux, associez à une hygiène de vie saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"spm-grid spm-target-grid\"\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e🏋️\u003c\/span\u003e\n \u003ch3\u003eL'homme actif\u003c\/h3\u003e\n \u003cp\u003eQui veut maintenir son énergie malgré un rythme de vie intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e💼\u003c\/span\u003e\n \u003ch3\u003eLe professionnel\u003c\/h3\u003e\n \u003cp\u003eQui souhaite rester performant au travail comme à la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e❤️\u003c\/span\u003e\n \u003ch3\u003eLe couple\u003c\/h3\u003e\n \u003cp\u003eQui désire raviver la flamme et partager des moments intenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3\u003eL'homme en quête\u003c\/h3\u003e\n \u003cp\u003eQui cherche à revitaliser son corps et dynamiser sa libido naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"spm-info-grid\"\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003e10 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003e100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GARANTIES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🛡️ Nos garanties\u003c\/h2\u003e\n \u003cdiv class=\"spm-guarantees\"\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan\u003eMatières premières rigoureusement sélectionnées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eIngrédients issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan\u003eNormes de qualité et sécurité élevées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan\u003eRespectueux de votre santé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"spm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"spm-cta-box\"\u003e\n \u003cdiv class=\"spm-cta-icon\"\u003e💪\u003c\/div\u003e\n \u003cp\u003eFaites confiance au \u003cstrong\u003eSupramen\u003c\/strong\u003e de Labophyto pour retrouver une énergie débordante et améliorer significativement vos performances physiques et sexuelles.\u003c\/p\u003e\n \u003cp class=\"spm-cta-sub\"\u003eCommandez dès maintenant et profitez d'une vitalité retrouvée, naturellement !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spm-cream: #f8f7f5;\n --spm-white: #ffffff;\n --spm-primary: #E31E24;\n --spm-primary-dark: #b8171c;\n --spm-primary-light: #fef2f2;\n --spm-secondary: #1a1a1a;\n --spm-accent: #ff6b6b;\n --spm-text: #1a1a1a;\n --spm-text-light: #5a5a5a;\n --spm-border: #e5e5e5;\n --spm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --spm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --spm-radius: 20px;\n --spm-radius-sm: 12px;\n}\n\n.spm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--spm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-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(--spm-shadow-lg);\n}\n\n.spm-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 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.spm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.spm-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(--spm-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.spm-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.spm-hero-title {\n display: block;\n color: white;\n font-size: clamp(42px, 10vw, 72px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.3);\n text-transform: uppercase;\n}\n\n.spm-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 text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.spm-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.spm-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.spm-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: var(--spm-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.spm-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.spm-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.spm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--spm-secondary);\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.spm-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(--spm-primary), var(--spm-accent));\n border-radius: 2px;\n}\n\n.spm-section-intro {\n text-align: center;\n color: var(--spm-text-light);\n font-size: clamp(16px, 2vw, 18px);\n max-width: 600px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.spm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.spm-ingredients-grid {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.spm-target-grid {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spm-card {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--spm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.spm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--spm-shadow-lg);\n border-color: var(--spm-primary);\n}\n\n.spm-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--spm-secondary);\n margin: 0 0 0.75rem 0;\n}\n\n.spm-card p {\n color: var(--spm-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.spm-benefit-card {\n text-align: center;\n}\n\n.spm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.spm-ingredient-card {\n position: relative;\n overflow: hidden;\n}\n\n.spm-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--spm-primary), var(--spm-accent));\n}\n\n.spm-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 0.75rem;\n}\n\n.spm-ingredient-icon {\n font-size: 32px;\n}\n\n.spm-ingredient-header h3 {\n margin: 0;\n font-size: 17px;\n}\n\n.spm-ingredient-desc {\n font-style: italic;\n color: var(--spm-primary-dark) !important;\n font-weight: 600;\n margin-bottom: 1rem !important;\n font-size: 14px !important;\n}\n\n.spm-ingredient-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.spm-ingredient-benefits li {\n padding: 6px 0 6px 24px;\n position: relative;\n font-size: 14px;\n color: var(--spm-text-light);\n}\n\n.spm-ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--spm-primary);\n font-weight: 700;\n}\n\n.spm-ingredient-highlight {\n background: linear-gradient(135deg, var(--spm-primary-light) 0%, var(--spm-white) 100%);\n}\n\n\/* === TARGET CARDS === *\/\n.spm-target-card {\n text-align: center;\n padding: clamp(2rem, 4vw, 2.5rem);\n}\n\n.spm-target-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n\/* === USAGE SECTION === *\/\n.spm-usage-container {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.spm-usage-main {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--spm-shadow);\n margin-bottom: 1.5rem;\n}\n\n.spm-usage-step {\n display: flex;\n gap: 1.25rem;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--spm-border);\n}\n\n.spm-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.spm-usage-step:first-child {\n padding-top: 0;\n}\n\n.spm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--spm-primary), var(--spm-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(227, 30, 36, .3);\n}\n\n.spm-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--spm-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.spm-step-content p {\n margin: 0;\n color: var(--spm-text-light);\n font-size: 15px;\n}\n\n.spm-usage-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n padding: 1.25rem 1.5rem;\n background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n border-radius: var(--spm-radius-sm);\n border-left: 4px solid #f59e0b;\n}\n\n.spm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spm-usage-tip p {\n margin: 0;\n font-size: 14px;\n color: #92400e;\n}\n\n\/* === INFO GRID === *\/\n.spm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.spm-info-item {\n background: var(--spm-white);\n border-radius: var(--spm-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--spm-shadow);\n transition: all .3s ease;\n}\n\n.spm-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.spm-info-label {\n display: block;\n font-size: 12px;\n color: var(--spm-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.spm-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--spm-secondary);\n}\n\n\/* === GUARANTEES === *\/\n.spm-guarantees {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.spm-guarantee {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem 1.5rem;\n background: var(--spm-white);\n border-radius: var(--spm-radius-sm);\n box-shadow: var(--spm-shadow);\n font-weight: 600;\n color: var(--spm-secondary);\n transition: all .3s ease;\n}\n\n.spm-guarantee:hover {\n transform: translateX(8px);\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-guarantee-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n\/* === CTA BOX === *\/\n.spm-cta-box {\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.spm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n}\n\n.spm-cta-icon {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 1;\n}\n\n.spm-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,.2);\n position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spm-cta-sub {\n font-size: clamp(15px, 2vw, 17px) !important;\n opacity: .9;\n margin-bottom: 0 !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .spm-grid {\n grid-template-columns: 1fr;\n }\n \n .spm-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .spm-hero-stats {\n gap: 1rem;\n }\n \n .spm-stat {\n padding: 0.75rem 1rem;\n }\n \n .spm-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .spm-step-number {\n margin: 0 auto;\n }\n}\n\n@media (max-width: 480px) {\n .spm-info-grid {\n grid-template-columns: 1fr;\n }\n \n .spm-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spm-card {\n animation: spmFadeInUp .6s ease backwards;\n }\n .spm-card:nth-child(1) { animation-delay: .1s; }\n .spm-card:nth-child(2) { animation-delay: .2s; }\n .spm-card:nth-child(3) { animation-delay: .3s; }\n .spm-card:nth-child(4) { animation-delay: .4s; }\n .spm-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes spmFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .spm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .spm-card {\n border: 2px solid var(--spm-secondary);\n }\n \n .spm-badge {\n border: 2px solid var(--spm-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025359005,"sku":"REF1052","price":29.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/supramen-10-gelules-lapbophyto.jpg?v=1772626918"},{"product_id":"fertitop-homme-fertilite-60-gelules-labophyto","title":"Fertitop Homme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"fth-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fth-hero\"\u003e\n \u003cdiv class=\"fth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fth-hero-content\"\u003e\n \u003cdiv class=\"fth-badges-top\"\u003e\n \u003cspan class=\"fth-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fth-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n \u003cspan class=\"fth-badge\"\u003e🧬 11 actifs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fth-hero-title\"\u003eFertitop Homme Fertilité\u003c\/span\u003e\n \u003cp class=\"fth-subtitle\"\u003ePar Labophyto — Expert en bien-être intime masculin\u003c\/p\u003e\n \u003cp class=\"fth-description\"\u003eComplément alimentaire à base de plantes, acides aminés et vitamines pour soutenir naturellement la fertilité masculine et la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eFertitop Homme de Labophyto : le complément alimentaire fertilité homme à base de plantes et vitamines\u003c\/h2\u003e\n \u003cp class=\"fth-section-intro\"\u003eVous êtes en projet de conception et souhaitez mettre toutes les chances de votre côté ? \u003cstrong\u003eFertitop Homme\u003c\/strong\u003e de Labophyto est un \u003cstrong\u003ecomplément alimentaire homme fertilité\u003c\/strong\u003e formulé en France, associant extraits de plantes, acides aminés et micronutriments essentiels. Sa formule complète cible la spermatogenèse, la vitalité et l'équilibre hormonal pour vous accompagner naturellement dans cette étape importante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément fertilité homme ?\u003c\/h2\u003e\n \u003cp class=\"fth-section-intro\"\u003eLa fertilité masculine dépend de nombreux facteurs : qualité du sperme, motilité des spermatozoïdes, taux de zinc et de sélénium, niveau de stress oxydatif. Fertitop Homme réunit \u003cstrong\u003e11 actifs synergiques\u003c\/strong\u003e soigneusement dosés pour agir sur l'ensemble de ces paramètres.\u003c\/p\u003e\n \u003cdiv class=\"fth-grid\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e⚡ Zinc \u0026amp; sélénium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 % des AR\u003c\/strong\u003e — Contribuent à une fertilité et une reproduction normales, tout en protégeant les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B9 \u0026amp; B12\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e400 µg + 2,5 µg\u003c\/strong\u003e — Participent à la division cellulaire et au bon déroulement de la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🚀 L-Carnitine \u0026amp; taurine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e160 mg chacun\u003c\/strong\u003e — Deux acides aminés reconnus pour leur rôle dans la mobilité et la vitalité des spermatozoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Précurseur du monoxyde d'azote, il soutient la circulation sanguine et la libido masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e380 mg\u003c\/strong\u003e — Plante adaptogène traditionnellement utilisée pour favoriser la vitalité sexuelle et l'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e — Tonifiant général qui aide à réduire la fatigue et à maintenir la performance physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e♂️ Tribulus terrestris\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Soutient l'équilibre hormonal et la libido chez l'homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e — Contribue aux défenses naturelles et au bien-être général de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"fth-grid-compact\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003e380 mg\u003cbr\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔬 L-Carnitine\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e⚡ Taurine\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003e120 mg\u003cbr\u003e\u003cem\u003ePanax ginseng\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e♂️ Tribulus\u003c\/h3\u003e\n \u003cp\u003e100 mg\u003cbr\u003e\u003cem\u003eTribulus terrestris\u003c\/em\u003e — fruit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n \u003cp\u003e100 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n \u003cp\u003e80 mg\u003cbr\u003e\u003cem\u003eAstragalus membranaceus\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧬 Zinc\u003c\/h3\u003e\n \u003cp\u003e10 mg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔒 Sélénium\u003c\/h3\u003e\n \u003cp\u003e55 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧪 Vitamine B9\u003c\/h3\u003e\n \u003cp\u003e400 µg\u003cbr\u003e200 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💊 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e2,5 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e📋 Autres\u003c\/h3\u003e\n \u003cp\u003eGélule végétale, carbonate de magnésium, sels de magnésium d'acides gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eComment prendre Fertitop Homme ?\u003c\/h2\u003e\n \u003cdiv class=\"fth-timeline\"\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, le matin de préférence, avec un grand verre d'eau au cours du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, suivez une \u003cstrong\u003ecure de 3 mois minimum\u003c\/strong\u003e, correspondant au cycle complet de la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eMaximisez les bienfaits\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation variée, une activité physique régulière et un sommeil de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-tip\"\u003e\n \u003cspan class=\"fth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e intégrez vos gélules à votre routine du petit-déjeuner pour ne jamais oublier votre prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n \u003cdiv class=\"fth-grid-compact\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans le bien-être intime masculin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e✅ Normes européennes\u003c\/h3\u003e\n \u003cp\u003eChaque lot est élaboré selon les normes européennes en vigueur avec des ingrédients tracés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules\u003c\/strong\u003e par boîte, soit un mois complet de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔬 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eIngrédients rigoureusement sélectionnés pour une efficacité et une sécurité optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fth-accordion\"\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'homme adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e⚠️ Dosage\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (2 gélules). Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire pour fertilité homme\u003c\/strong\u003e ne remplace ni une alimentation équilibrée, ni un mode de vie sain, ni un avis médical. En cas de traitement médical, de pathologie ou d'infertilité diagnostiquée, consultez votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fth-cta-box\"\u003e\n \u003cp\u003e🧬 Fertitop Homme est votre allié naturel pour aborder sereinement votre projet de conception. Offrez à votre organisme les nutriments dont il a besoin pour soutenir votre fertilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fth-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fth-cream: #f4f6fa;\n --fth-white: #ffffff;\n --fth-primary: #1a6fb5;\n --fth-primary-dark: #0d3f6e;\n --fth-primary-light: #e8f1fa;\n --fth-secondary: #2c9ed4;\n --fth-accent: #1b8ecf;\n --fth-text: #1a1a1a;\n --fth-text-light: #5a5a5a;\n --fth-border: #dce4ee;\n --fth-shadow: 0 4px 24px rgba(13,63,110,.08);\n --fth-shadow-lg: 0 12px 48px rgba(13,63,110,.15);\n --fth-radius: 20px;\n --fth-radius-sm: 12px;\n}\n\n.fth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fth-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fth-primary-dark) 0%, var(--fth-primary) 50%, var(--fth-secondary) 100%);\n border-radius: var(--fth-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fth-shadow-lg);\n}\n\n.fth-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fth-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fth-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fth-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.fth-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.fth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fth-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.fth-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fth-primary), var(--fth-secondary));\n border-radius: 2px;\n}\n\n.fth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fth-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fth-card {\n background: var(--fth-white);\n border-radius: var(--fth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fth-shadow-lg);\n border-color: var(--fth-primary);\n}\n\n.fth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fth-grid-compact .fth-card {\n padding: 1rem;\n}\n\n.fth-grid-compact .fth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fth-grid-compact .fth-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fth-primary), var(--fth-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fth-timeline-content {\n flex: 1;\n background: var(--fth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fth-radius-sm);\n box-shadow: var(--fth-shadow);\n}\n\n.fth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fth-timeline-content p {\n font-size: 14px;\n color: var(--fth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fth-primary-light);\n border-radius: var(--fth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fth-tip p {\n font-size: 14px;\n color: var(--fth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fth-accordion {\n background: var(--fth-white);\n border-radius: var(--fth-radius);\n box-shadow: var(--fth-shadow);\n overflow: hidden;\n}\n\n.fth-accordion-item {\n border-bottom: 1px solid var(--fth-border);\n margin: 0;\n padding: 0;\n}\n\n.fth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fth-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fth-accordion-header:hover {\n background: var(--fth-primary-light);\n}\n\n.fth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fth-primary);\n transition: transform .2s ease;\n}\n\n.fth-accordion-item[open] .fth-accordion-header::after {\n content: '−';\n}\n\n.fth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fth-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fth-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.fth-cta-box {\n background: linear-gradient(135deg, var(--fth-primary) 0%, var(--fth-primary-dark) 100%);\n border-radius: var(--fth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fth-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.fth-disclaimer {\n font-size: 12px;\n color: var(--fth-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fth-card {\n padding: 1.125rem;\n }\n\n .fth-section {\n margin-bottom: 1.75rem;\n }\n\n .fth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fth-radius-sm);\n }\n\n .fth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fth-grid-compact {\n gap: .625rem;\n }\n\n .fth-grid-compact .fth-card {\n padding: .75rem;\n }\n\n .fth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fth-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fth-timeline-content h3 {\n font-size: 14px;\n }\n\n .fth-timeline-content p {\n font-size: 13px;\n }\n\n .fth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fth-card {\n animation: fthFadeInUp .5s ease backwards;\n }\n .fth-card:nth-child(1) { animation-delay: .05s; }\n .fth-card:nth-child(2) { animation-delay: .1s; }\n .fth-card:nth-child(3) { animation-delay: .15s; }\n .fth-card:nth-child(4) { animation-delay: .2s; }\n .fth-card:nth-child(5) { animation-delay: .25s; }\n .fth-card:nth-child(6) { animation-delay: .3s; }\n .fth-card:nth-child(7) { animation-delay: .35s; }\n .fth-card:nth-child(8) { animation-delay: .4s; }\n .fth-card:nth-child(9) { animation-delay: .45s; }\n .fth-card:nth-child(10) { animation-delay: .5s; }\n .fth-card:nth-child(11) { animation-delay: .55s; }\n .fth-card:nth-child(12) { animation-delay: .6s; }\n}\n\n@keyframes fthFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026014365,"sku":"REF1056","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gelluleshomme.webp?v=1772624472"},{"product_id":"fertitop-femme-fertilite-60-gelules-labophyto","title":"Fertitop Femme Fertilité - 60 Gélules - Labophyto","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🌿 Maca + Inositol\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🍃 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ft-hero-title\"\u003eFertitop Femme Fertilité\u003c\/span\u003e\n \u003cp class=\"ft-subtitle\"\u003ePar Labophyto — Expert en bien-être intime\u003c\/p\u003e\n \u003cp class=\"ft-description\"\u003eLa synergie naturelle de maca, myo-inositol et vitamines B pour accompagner votre projet bébé en douceur et soutenir chaque étape de la conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eFertitop Femme : le complément fertilité femme à base de maca, inositol et vitamines B\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire fertilité femme\u003c\/strong\u003e naturel et complet ?\u003c\/p\u003e\n \u003cdiv class=\"ft-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFertitop Femme\u003c\/strong\u003e de Labophyto réunit dans une seule gélule végétale les actifs les plus étudiés pour soutenir la conception : \u003cstrong\u003emaca\u003c\/strong\u003e, \u003cstrong\u003emyo-inositol\u003c\/strong\u003e, \u003cstrong\u003evitamine B9\u003c\/strong\u003e (acide folique), vitamines B5, B6, B12 et vitamine E. Cette synergie accompagne votre projet bébé en agissant sur l'équilibre hormonal, la qualité de l'ovulation et la vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003ePourquoi ces ingrédients sont essentiels pour la fertilité féminine\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eChaque actif de Fertitop Femme joue un rôle précis dans le soutien à la conception.\u003c\/p\u003e\n \u003cdiv class=\"ft-grid\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌱 Maca (380 mg)\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne traditionnellement utilisée pour soutenir l'énergie et l'équilibre hormonal. Dosée de façon optimale pour contribuer à un cycle régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🧬 Inositol (240 mg)\u003c\/h3\u003e\n \u003cp\u003eAussi appelé myo-inositol, il participe à la signalisation de l'insuline et favorise une ovulation de qualité. L'un des actifs les plus recommandés pour la conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍊 Vitamine B9 (200 µg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003eIndispensable avant et pendant la grossesse, elle contribue à la croissance des tissus maternels et au développement normal du tube neural du fœtus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle protège les cellules du stress oxydatif et soutient la qualité ovocytaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⚡ Vitamines B5, B6, B12\u003c\/h3\u003e\n \u003cp\u003eElles réduisent la fatigue, participent à la régulation hormonale et soutiennent le métabolisme énergétique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌹 Extrait de rose pâle (25 mg)\u003c\/h3\u003e\n \u003cp\u003eApporte des polyphénols aux propriétés apaisantes pour un bien-être global et une sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"ft-composition-table\"\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Maca (\u003cem\u003eLepidium meyenii\u003c\/em\u003e, racine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e380 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eInositol\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e240 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Rose pâle (\u003cem\u003eRosa centifolia\u003c\/em\u003e, fleur)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e25 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine E (acétate de D-alpha-tocophéryle)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e12 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B5 (D-pantothénate de calcium)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e6 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B6 (chlorhydrate de pyridoxine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e1,4 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B9 (acide ptéroylmonoglutamique)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e200 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-compo-row\"\u003e\n \u003cspan class=\"ft-compo-name\"\u003eVitamine B12 (cyanocobalamine)\u003c\/span\u003e\n \u003cspan class=\"ft-compo-dose\"\u003e2,5 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-tip\"\u003e\n \u003cspan class=\"ft-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eExcipients :\u003c\/strong\u003e carbonate de magnésium, sels de magnésium d'acides gras. \u003cstrong\u003eGélule végétale\u003c\/strong\u003e en hydroxypropylméthylcellulose. \u003cstrong\u003eSans gluten, sans lactose\u003c\/strong\u003e, sans additif synthétique. Fabrication française – Laboratoire Labophyto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\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\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au petit-déjeuner.\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\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e est recommandée, correspondant au cycle naturel de maturation ovocytaire.\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\u003eMode de vie associé\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation équilibrée et une bonne gestion du stress pour maximiser les bénéfices.\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=\"ft-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire pour fertilité femme ?\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eFertitop Femme convient aux femmes en âge de procréer qui souhaitent :\u003c\/p\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌸 Préparation naturelle\u003c\/h3\u003e\n \u003cp\u003ePréparer leur corps à la conception de façon naturelle et sereine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🔄 Cycle régulier\u003c\/h3\u003e\n \u003cp\u003eSoutenir un cycle menstruel régulier et une ovulation de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e💊 Apport vitaminique\u003c\/h3\u003e\n \u003cp\u003eCompléter leur apport en vitamines clés avant la grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eRetrouver énergie et vitalité pendant leur parcours de conception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ft-accordion\"\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée, équilibrée, ni un mode de vie sain. Ne pas dépasser la dose journalière de 2 gélules. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin avant toute prise de ce complément alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ft-accordion-item\"\u003e\n \u003csummary class=\"ft-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de pathologie, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ft-disclaimer\"\u003eCe complément alimentaire ne constitue pas un traitement médical et ne saurait se substituer à un suivi médical adapté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ft-cream: #f9f5fb;\n --ft-white: #ffffff;\n --ft-primary: #7b2d8e;\n --ft-primary-dark: #5a1a6b;\n --ft-primary-light: #f3e8f9;\n --ft-secondary: #a855c7;\n --ft-accent: #d4a5e8;\n --ft-text: #1a1a1a;\n --ft-text-light: #5a5a5a;\n --ft-border: #e8dced;\n --ft-shadow: 0 4px 24px rgba(123,45,142,.08);\n --ft-shadow-lg: 0 12px 48px rgba(123,45,142,.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, #5a1a6b 0%, #7b2d8e 40%, #a855c7 80%, #d4a5e8 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,165,232,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ft-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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,.2);\n}\n\n.ft-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}\n\n.ft-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.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\/* === 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 line-height: 1.25;\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\/* === HIGHLIGHT BOX === *\/\n.ft-highlight-box {\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-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ft-text);\n line-height: 1.8;\n margin: 0;\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\/* === 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\/* === COMPOSITION TABLE === *\/\n.ft-composition-table {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n box-shadow: var(--ft-shadow);\n overflow: hidden;\n}\n\n.ft-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--ft-border);\n gap: 1rem;\n}\n\n.ft-compo-row:last-child {\n border-bottom: none;\n}\n\n.ft-compo-row:nth-child(even) {\n background: var(--ft-primary-light);\n}\n\n.ft-compo-name {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text);\n font-weight: 500;\n flex: 1;\n line-height: 1.4;\n}\n\n.ft-compo-name em {\n color: var(--ft-text-light);\n}\n\n.ft-compo-dose {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n white-space: nowrap;\n text-align: right;\n}\n\n.ft-compo-dose small {\n font-weight: 600;\n color: var(--ft-secondary);\n font-size: 11px;\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}\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}\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.5;\n}\n\n\/* === ACCORDION === *\/\n.ft-accordion {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n box-shadow: var(--ft-shadow);\n overflow: hidden;\n}\n\n.ft-accordion-item {\n border-bottom: 1px solid var(--ft-border);\n margin: 0;\n padding: 0;\n}\n\n.ft-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ft-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ft-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.ft-accordion-header:hover {\n background: var(--ft-primary-light);\n}\n\n.ft-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ft-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ft-primary);\n transition: transform .2s ease;\n}\n\n.ft-accordion-item[open] .ft-accordion-header::after {\n content: '−';\n}\n\n.ft-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ft-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ft-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ft-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ft-primary-light);\n border-radius: var(--ft-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ft-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ft-tip p {\n font-size: 14px;\n color: var(--ft-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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}\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ft-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ft-highlight-box {\n padding: 1.25rem;\n }\n\n .ft-compo-row {\n padding: .75rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n\n .ft-compo-dose {\n text-align: left;\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\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":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026374813,"sku":"REF1057","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gellules_1d1e0240-7652-4974-a31b-4938d9840251.webp?v=1772624460"},{"product_id":"masque-reparateur-a-largile-bio-150-g-les-couleurs-de-jeanne","title":"Masque Préparateur à l'Argile Bio - 150ml - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cj-hero\"\u003e\n\u003cdiv class=\"cj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cj-hero-content\"\u003e\n\u003cdiv class=\"cj-badges-top\"\u003e\n\u003cspan class=\"cj-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🐰 Crueltyfree \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cj-hero-title\"\u003eMasque préparateur à l'argile bio\u003c\/span\u003e\n\u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n\u003cp class=\"cj-description\"\u003ePurifiez votre cuir chevelu et préparez vos cheveux à recevoir une coloration végétale avec ce soin détox à l'argile. Idéal pour la transition entre coloration chimique et coloration naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePropriétés des Ingrédients\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eTrois actifs naturels et bio soigneusement sélectionnés pour assainir, nourrir et préparer vos cheveux en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🪨 Argile verte, illite, kaolin\u003c\/h3\u003e\n\u003cp\u003eAssainissent le cuir chevelu et régulent le pH des cheveux pour une base parfaitement nettoyée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApporte nutrition et douceur aux cheveux, même les plus fragiles, sans les alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌳 Bourgeons de tilleul bio\u003c\/h3\u003e\n\u003cp\u003eAdoucissent et hydratent les cheveux pour les laisser souples, soyeux et prêts à recevoir la couleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eMode d'Emploi\u003c\/h2\u003e\n\u003cdiv class=\"cj-timeline\"\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou humides, répartissez le masque uniformément des racines jusqu'aux pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n\u003cp\u003eLe temps de pose permet à l'argile de purifier le cuir chevelu et d'éliminer les résidus et impuretés en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment, puis complétez par un shampooing fixateur et un baume révélateur d'éclat pour prolonger les effets du masque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid-compact\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e📅 Fréquence recommandée\u003c\/h3\u003e\n\u003cp\u003e2 fois par semaine pendant 3 semaines avant la coloration végétale pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n\u003cp\u003eConvient à tous types de cheveux, même les plus fragiles et sensibilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-tip\"\u003e\n\u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce transition :\u003c\/strong\u003e si vous passez d'une coloration chimique à une coloration végétale, ce masque est votre allié indispensable pour détoxifier la fibre capillaire et favoriser l'adhérence de la couleur naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePourquoi Choisir le Masque Préparateur à l'Argile Bio - Les Couleurs de Jeanne ?\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🧹 Détox en profondeur\u003c\/h3\u003e\n\u003cp\u003eÉlimine les résidus chimiques et les impuretés accumulés pour retrouver un cuir chevelu sain et purifié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🎨 Meilleure adhérence couleur\u003c\/h3\u003e\n\u003cp\u003ePrépare la fibre capillaire à recevoir la coloration végétale pour un résultat plus intense et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e✅ Certifié bio \u0026amp; éthique\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Organic et Crueltyfree \u0026amp; Vegan, ce soin respecte vos cheveux, votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cdiv class=\"cj-accordion\"\u003e\n\u003cdetails class=\"cj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Illite, Kaolin, Aloe Barbadensis Leaf Juice Powder*, Tilia Tomentosa Bud Extract*, Montmorillonite, Glycine Soja Oil, Parfum (Fragrance), Tocopherol.\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem; font-style: italic;\"\u003e*Issu de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cj-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce produit est un cosmétique capillaire — usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cj-cream: #f7f5f0;\n --cj-white: #ffffff;\n --cj-primary: #5A8C3C;\n --cj-primary-dark: #3d6628;\n --cj-primary-light: #e8f2de;\n --cj-secondary: #7DB34A;\n --cj-accent: #C45A3C;\n --cj-text: #1a1a1a;\n --cj-text-light: #5a5a5a;\n --cj-border: #e0e0e0;\n --cj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6628 0%, #5A8C3C 40%, #7DB34A 100%);\n border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-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.cj-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.cj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n margin: 0;\n padding: 0;\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-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.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n font-size: 12px;\n color: var(--cj-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 .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cj-card {\n padding: 1.125rem;\n }\n\n .cj-section {\n margin-bottom: 1.75rem;\n }\n\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cj-grid-compact {\n gap: .625rem;\n }\n\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n\n .cj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n\n .cj-timeline-content p {\n font-size: 13px;\n }\n\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n .cj-card:nth-child(5) { animation-delay: .25s; }\n .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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 .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175501981,"sku":"CJ0035","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-preparateur-a-largile-bio-150ml-les-couleurs-de-jeann-lifestyle.webp?v=1770624162"},{"product_id":"lessive-en-poudre-au-bicarbonate-1-kg-comme-avant","title":"Lessive en Poudre au Bicarbonate - 1 Kg - Comme avant","description":"\u003cdiv class=\"lpb-premium\"\u003e\n \u003cdiv class=\"lpb-hero\"\u003e\n \u003cdiv class=\"lpb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lpb-hero-content\"\u003e\n \u003cdiv class=\"lpb-badges-top\"\u003e\n \u003cspan class=\"lpb-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"lpb-badge\"\u003e🇫🇷 Origine France Garantie\u003c\/span\u003e\n \u003cspan class=\"lpb-badge\"\u003e✅ Ecocert Ecodétergent\u003c\/span\u003e\n \u003cspan class=\"lpb-badge\"\u003e💧 50 lavages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lpb-hero-title\"\u003eLessive en Poudre au Bicarbonate\u003c\/span\u003e\n \u003cp class=\"lpb-subtitle\"\u003eSimplement l'essentiel — Comme Avant\u003c\/p\u003e\n \u003cp class=\"lpb-description\"\u003eEnvie d'une \u003cstrong\u003elessive écologique\u003c\/strong\u003e réellement efficace, douce pour la peau et respectueuse de la planète ? La Lessive en poudre au bicarbonate Comme Avant mise sur l'essentiel : quatre ingrédients d'origine naturelle, une formule certifiée Ecocert et une fabrication française. Un sachet de 1 kg vous permet de réaliser jusqu'à \u003cstrong\u003e50 lavages\u003c\/strong\u003e, pour un linge propre, frais et délicatement parfumé… ou sans odeur ajoutée, c'est selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lpb-section\"\u003e\n \u003ch2\u003ePourquoi choisir une lessive au bicarbonate de soude ?\u003c\/h2\u003e\n \u003cp class=\"lpb-section-intro\"\u003eLe bicarbonate de soude est un secret bien gardé des grands-mères. Associé au savon de Marseille et au carbonate de sodium, il décuple la force nettoyante tout en restant doux pour les fibres.\u003c\/p\u003e\n \u003cdiv class=\"lpb-grid\"\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e💪 Pouvoir détachant puissant\u003c\/h3\u003e\n \u003cp\u003eEfficace sur les taches grasses, de nourriture ou de transpiration, pour un linge impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🌬️ Action désodorisante\u003c\/h3\u003e\n \u003cp\u003eNeutralise les mauvaises odeurs au lieu de les masquer, pour une fraîcheur authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🛡️ Effet anticalcaire\u003c\/h3\u003e\n \u003cp\u003eProtège votre machine à laver sur le long terme et préserve sa performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🌸 Formulation hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eSans parfum, sans colorant, sans conservateur artificiel — respectueuse des peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-tip\"\u003e\n \u003cspan class=\"lpb-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un linge assaini, une machine entretenue et un impact environnemental réduit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lpb-section\"\u003e\n \u003ch2\u003eComposition : 4 ingrédients, rien de plus\u003c\/h2\u003e\n \u003cp class=\"lpb-section-intro\"\u003eLa force de cette lessive au bicarbonate, c'est sa transparence. Chaque dose de 30 g contient :\u003c\/p\u003e\n \u003cdiv class=\"lpb-grid\"\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🧂 Carbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNettoyant et anticalcaire naturel, il renforce l'action du lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e💎 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eDétache, ravive les blancs et capture les odeurs en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🫧 Savon de Marseille en copeaux\u003c\/h3\u003e\n \u003cp\u003eNettoyant doux, idéal pour les peaux sensibles et les vêtements de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🍋 Acide citrique\u003c\/h3\u003e\n \u003cp\u003eRégule le pH et évite le dépôt de calcaire sur les fibres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-tip\"\u003e\n \u003cspan class=\"lpb-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eAucun allergène listé, \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifié \u003cstrong\u003eEcocert Ecodétergent\u003c\/strong\u003e et \u003cstrong\u003eOrigine France Garantie\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lpb-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"lpb-section-intro\"\u003eL'utilisation est aussi simple qu'efficace. Adaptez la dose selon le niveau de salissure :\u003c\/p\u003e\n \u003cdiv class=\"lpb-timeline\"\u003e\n \u003cdiv class=\"lpb-timeline-item\"\u003e\n \u003cdiv class=\"lpb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lpb-timeline-content\"\u003e\n \u003ch3\u003eLinge peu sale (4-5 kg)\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe (≈ 20 g) directement dans le tambour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-timeline-item\"\u003e\n \u003cdiv class=\"lpb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lpb-timeline-content\"\u003e\n \u003ch3\u003eLinge normalement sale\u003c\/h3\u003e\n \u003cp\u003e1,5 cuillère à soupe (≈ 30 g) pour un lavage efficace au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-timeline-item\"\u003e\n \u003cdiv class=\"lpb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lpb-timeline-content\"\u003e\n \u003ch3\u003eLinge très sale\u003c\/h3\u003e\n \u003cp\u003eDoublez la dose et ajoutez éventuellement une cuillère de bicarbonate en pré-trempage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-tip\"\u003e\n \u003cspan class=\"lpb-tip-icon\"\u003e👕\u003c\/span\u003e\n \u003cp\u003eConvient à toutes les températures, du linge délicat aux serviettes. Compatible \u003cstrong\u003ecouches lavables\u003c\/strong\u003e, \u003cstrong\u003eculottes menstruelles\u003c\/strong\u003e et vêtements de bébé. Pour une odeur fraîche, ajoutez quelques gouttes d'huile essentielle sur une lingette dans le tambour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lpb-section\"\u003e\n \u003ch2\u003eNos conseils pour un lavage optimal\u003c\/h2\u003e\n \u003cdiv class=\"lpb-grid-compact\"\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🎨 Triez votre linge\u003c\/h3\u003e\n \u003cp\u003ePar couleur et par type de tissu pour préserver leur éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e⚖️ Ne surchargez pas\u003c\/h3\u003e\n \u003cp\u003eL'eau doit circuler librement dans le tambour pour bien rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🌀 Versez dans le tambour\u003c\/h3\u003e\n \u003cp\u003eDirectement dans le tambour pour une meilleure dissolution, surtout en cycle court.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🍶 Vinaigre blanc adoucissant\u003c\/h3\u003e\n \u003cp\u003eAjoutez-le dans le compartiment adoucissant pour un linge encore plus doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lpb-section\"\u003e\n \u003ch2\u003eUn engagement écologique concret\u003c\/h2\u003e\n \u003cdiv class=\"lpb-testimonial\"\u003e\n \u003cp class=\"lpb-testimonial-text\"\u003eFabriquée en France, cette lessive écologique est conditionnée dans un sachet kraft recyclable. Sa formule concentrée, sa composition biodégradable et son format zéro gaspillage en font une véritable alternative durable aux lessives industrielles. Vous réduisez votre empreinte chimique tout en soutenant une fabrication artisanale et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eOrigine France Garantie, pour soutenir le savoir-faire local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e♻️ Sachet kraft recyclable\u003c\/h3\u003e\n \u003cp\u003eUn emballage pensé pour réduire l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e🌍 Formule biodégradable\u003c\/h3\u003e\n \u003cp\u003eComposition respectueuse des écosystèmes aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lpb-card\"\u003e\n \u003ch3\u003e💧 50 lavages \/ 1 kg\u003c\/h3\u003e\n \u003cp\u003eFormat concentré zéro gaspillage pour une utilisation durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lpb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lpb-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une lessive simple, efficace et respectueuse : quatre ingrédients, 50 lavages, un linge propre et une planète préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lpb-disclaimer\"\u003eCe produit est destiné à l'entretien du linge. En cas de contact avec les yeux ou la peau sensible, rincez abondamment. Tenir hors de portée des enfants. Ce produit ne remplace pas un avis médical ou dermatologique en cas de réaction cutanée.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lpb-cream: #faf6f0;\n --lpb-white: #ffffff;\n --lpb-primary: #c89d7c;\n --lpb-primary-dark: #8a6446;\n --lpb-primary-light: #f5e9dd;\n --lpb-secondary: #e8a896;\n --lpb-accent: #7a9d6f;\n --lpb-text: #2a2018;\n --lpb-text-light: #6b5a4c;\n --lpb-border: #ead9c5;\n --lpb-shadow: 0 4px 24px rgba(138,100,70,.08);\n --lpb-shadow-lg: 0 12px 48px rgba(138,100,70,.15);\n --lpb-radius: 20px;\n --lpb-radius-sm: 12px;\n}\n\n.lpb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lpb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lpb-text);\n}\n\n.lpb-hero {\n position: relative;\n background: linear-gradient(135deg, #c89d7c 0%, #b08865 50%, #8a6446 100%);\n border-radius: var(--lpb-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(--lpb-shadow-lg);\n}\n\n.lpb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .1;\n}\n\n.lpb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lpb-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.lpb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.lpb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 720px;\n}\n\n.lpb-description strong {\n color: white;\n font-weight: 700;\n}\n\n.lpb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lpb-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(--lpb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lpb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lpb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lpb-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.lpb-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(--lpb-primary), var(--lpb-secondary));\n border-radius: 2px;\n}\n\n.lpb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lpb-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.lpb-card {\n background: var(--lpb-white);\n border-radius: var(--lpb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lpb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lpb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lpb-shadow-lg);\n border-color: var(--lpb-primary);\n}\n\n.lpb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lpb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lpb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lpb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lpb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lpb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lpb-grid-compact .lpb-card {\n padding: 1rem;\n}\n\n.lpb-grid-compact .lpb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lpb-grid-compact .lpb-card p {\n font-size: 12px;\n}\n\n.lpb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.lpb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lpb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lpb-primary), var(--lpb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(200,157,124,.3);\n}\n\n.lpb-timeline-content {\n flex: 1;\n background: var(--lpb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lpb-radius-sm);\n box-shadow: var(--lpb-shadow);\n}\n\n.lpb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lpb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lpb-timeline-content p {\n font-size: 14px;\n color: var(--lpb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lpb-testimonial {\n background: var(--lpb-white);\n border-radius: var(--lpb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lpb-shadow);\n border-left: 4px solid var(--lpb-primary);\n}\n\n.lpb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lpb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.lpb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lpb-primary-light);\n border-radius: var(--lpb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lpb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lpb-tip p {\n font-size: 14px;\n color: var(--lpb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lpb-cta-box {\n background: linear-gradient(135deg, var(--lpb-primary) 0%, var(--lpb-primary-dark) 100%);\n border-radius: var(--lpb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--lpb-shadow-lg);\n}\n\n.lpb-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.lpb-disclaimer {\n font-size: 12px;\n color: var(--lpb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .lpb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lpb-card { padding: 1.125rem; }\n .lpb-section { margin-bottom: 1.75rem; }\n .lpb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lpb-radius-sm);\n }\n .lpb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lpb-premium h2::after { width: 40px; height: 3px; }\n .lpb-grid-compact { gap: .625rem; }\n .lpb-grid-compact .lpb-card { padding: .75rem; }\n .lpb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lpb-timeline-content { padding: .875rem 1rem; }\n .lpb-timeline-content h3 { font-size: 14px; }\n .lpb-timeline-content p { font-size: 13px; }\n .lpb-testimonial { padding: 1.25rem; }\n .lpb-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lpb-card {\n animation: lpbFadeInUp .5s ease backwards;\n }\n .lpb-card:nth-child(1) { animation-delay: .05s; }\n .lpb-card:nth-child(2) { animation-delay: .1s; }\n .lpb-card:nth-child(3) { animation-delay: .15s; }\n .lpb-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes lpbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lpb-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":45755182448797,"sku":"NBAICAV0027","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lessive-en-poudre-au-bicarbonate-1-kg-comme-avant-packshothd.webp?v=1776864892"},{"product_id":"demaquillant-solide-a-lhuile-de-jojoba-bio-pot-kraft-40-g-comme-avant","title":"Démaquillant Solide à l'Huile de Jojoba Bio - 40 g - Comme avant","description":"\u003cdiv class=\"dj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dj-hero\"\u003e\n \u003cdiv class=\"dj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dj-hero-content\"\u003e\n \u003cdiv class=\"dj-badges-top\"\u003e\n \u003cspan class=\"dj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dj-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"dj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"dj-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dj-hero-title\"\u003eDémaquillant solide à l'huile de Jojoba bio\u003c\/span\u003e\n \u003cp class=\"dj-subtitle\"\u003e40 g · Comme Avant\u003c\/p\u003e\n \u003cp class=\"dj-description\"\u003eSeulement 4 ingrédients pour un démaquillage doux, efficace et zéro déchet. Même le maquillage waterproof ne lui résiste pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eDémaquillant solide à l'huile de Jojoba bio : un soin doux et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"dj-section-intro\"\u003eVous cherchez un démaquillant solide vraiment efficace, respectueux de votre peau et de l'environnement ?\u003c\/p\u003e\n \u003cdiv class=\"dj-grid-compact\"\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e✨ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eDissout le maquillage — même waterproof — et les impuretés en un seul geste, sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🧴 Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement 4 ingrédients : sans tensioactif, sans parfum, sans conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🤲 Confort optimal\u003c\/h3\u003e\n \u003cp\u003eVotre peau est propre, souple et confortable, sans tiraillement ni film gras après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, labellisé Slow Cosmétique, vegan et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est idéale pour se démaquiller ?\u003c\/h2\u003e\n \u003cp class=\"dj-section-intro\"\u003eL'huile de jojoba possède une structure proche du sébum naturel de la peau. C'est ce qui en fait un démaquillant si performant.\u003c\/p\u003e\n \u003cdiv class=\"dj-grid\"\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e💧 Dissout le maquillage\u003c\/h3\u003e\n \u003cp\u003eY compris le mascara et le fond de teint longue tenue, grâce à son affinité avec les corps gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e⚖️ Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eAdaptée aussi bien aux peaux sèches qu'aux peaux mixtes ou grasses, elle rééquilibre naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🌸 Nourrit sans obstruer\u003c\/h3\u003e\n \u003cp\u003eLaisse la peau douce et équilibrée après chaque utilisation, sans boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🛡️ Non comédogène\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les peaux sensibles ou sujettes aux imperfections, elle respecte tous les épidermes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eComposition complète : seulement 4 ingrédients\u003c\/h2\u003e\n \u003cp class=\"dj-section-intro\"\u003eCe nettoyant solide visage mise sur la transparence et la simplicité. Voici sa liste INCI complète.\u003c\/p\u003e\n \u003cdiv class=\"dj-grid\"\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eSimmondsia Chinensis Seed Oil\u003c\/p\u003e\n \u003cp\u003eIngrédient star : elle nettoie et nourrit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eTheobroma Cacao Seed Butter\u003c\/p\u003e\n \u003cp\u003eApporte onctuosité et hydratation, protège la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eCera Alba\u003c\/p\u003e\n \u003cp\u003eDonne sa texture solide au produit tout en adoucissant la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Oxyde de zinc\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eZinc Oxide\u003c\/p\u003e\n \u003cp\u003eApaisant naturel, il calme les rougeurs et renforce la protection cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-tip\"\u003e\n \u003cspan class=\"dj-tip-icon\"\u003e🔍\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parfum, sans colorant, sans sulfate, sans conservateur.\u003c\/strong\u003e Une formule que vous pouvez lire et comprendre d'un seul coup d'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eComment utiliser ce démaquillant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"dj-timeline\"\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eFaites fondre le produit\u003c\/h3\u003e\n \u003cp\u003eFaites fondre une petite quantité entre vos doigts propres et secs, ou frottez le galet directement sur la peau sèche du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur l'ensemble du visage, les yeux et les lèvres pour dissoudre le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eRincez ou essuyez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède ou retirez le soin à l'aide d'un tissu lavable humide pour un geste encore plus éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eAprès usage, laissez sécher le galet à l'air libre dans son pot kraft pour préserver sa longévité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-tip\"\u003e\n \u003cspan class=\"dj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn galet de \u003cstrong\u003e40 g\u003c\/strong\u003e équivaut à environ \u003cstrong\u003edeux mois\u003c\/strong\u003e d'utilisation quotidienne : une alternative très économique aux flacons de démaquillant liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eUn choix éco-responsable et éthique\u003c\/h2\u003e\n \u003cdiv class=\"dj-grid-compact\"\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e♻️ Emballage kraft\u003c\/h3\u003e\n \u003cp\u003ePot kraft recyclable et compostable, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Marseille\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale à Marseille, origine France garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic et labellisé Slow Cosmétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eFormule vegan, cire d'abeille issue d'apiculture responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-tip\"\u003e\n \u003cspan class=\"dj-tip-icon\"\u003e🤲\u003c\/span\u003e\n \u003cp\u003eCe soin convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux réactives et le contour des yeux sensible. En cas de doute ou d'allergie connue, testez le produit sur une petite zone avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dj-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine beauté minimaliste, efficace et respectueuse de votre peau comme de la planète. Seulement 4 ingrédients, zéro compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dj-disclaimer\"\u003eCe cosmétique ne remplace pas un avis dermatologique en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dj-cream: #faf8f5;\n --dj-white: #ffffff;\n --dj-primary: #8b7355;\n --dj-primary-dark: #5c4a32;\n --dj-primary-light: #f3efe9;\n --dj-secondary: #6b8f5e;\n --dj-accent: #a3c48f;\n --dj-text: #1a1a1a;\n --dj-text-light: #5a5a5a;\n --dj-border: #e4ddd4;\n --dj-shadow: 0 4px 24px rgba(92,74,50,.08);\n --dj-shadow-lg: 0 12px 48px rgba(92,74,50,.15);\n --dj-radius: 20px;\n --dj-radius-sm: 12px;\n}\n\n.dj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dj-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a32 0%, #8b7355 50%, #6b8f5e 100%);\n border-radius: var(--dj-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(--dj-shadow-lg);\n}\n\n.dj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n opacity: 1;\n}\n\n.dj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dj-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(--dj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dj-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.dj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.dj-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.dj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dj-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.dj-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(--dj-primary), var(--dj-secondary));\n border-radius: 2px;\n}\n\n.dj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dj-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.dj-card {\n background: var(--dj-white);\n border-radius: var(--dj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dj-shadow-lg);\n border-color: var(--dj-primary);\n}\n\n.dj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.dj-card-ingredient .dj-inci {\n font-size: 12px;\n font-style: italic;\n color: var(--dj-primary);\n margin-bottom: .5rem;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.dj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dj-grid-compact .dj-card {\n padding: 1rem;\n}\n\n.dj-grid-compact .dj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dj-grid-compact .dj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dj-primary), var(--dj-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.dj-timeline-content {\n flex: 1;\n background: var(--dj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dj-radius-sm);\n box-shadow: var(--dj-shadow);\n}\n\n.dj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dj-timeline-content p {\n font-size: 14px;\n color: var(--dj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dj-primary-light);\n border-radius: var(--dj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dj-tip p {\n font-size: 14px;\n color: var(--dj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.dj-cta-box {\n background: linear-gradient(135deg, var(--dj-primary) 0%, var(--dj-primary-dark) 100%);\n border-radius: var(--dj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dj-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.dj-disclaimer {\n font-size: 12px;\n color: var(--dj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dj-card {\n padding: 1.125rem;\n }\n\n .dj-section {\n margin-bottom: 1.75rem;\n }\n\n .dj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dj-radius-sm);\n }\n\n .dj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dj-grid-compact {\n gap: .625rem;\n }\n\n .dj-grid-compact .dj-card {\n padding: .75rem;\n }\n\n .dj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dj-timeline-content h3 {\n font-size: 14px;\n }\n\n .dj-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dj-card {\n animation: djFadeInUp .5s ease backwards;\n }\n .dj-card:nth-child(1) { animation-delay: .05s; }\n .dj-card:nth-child(2) { animation-delay: .1s; }\n .dj-card:nth-child(3) { animation-delay: .15s; }\n .dj-card:nth-child(4) { animation-delay: .2s; }\n .dj-card:nth-child(5) { animation-delay: .25s; }\n .dj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes djFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dj-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":45755186184349,"sku":"NBAICAV0006","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/demaquillant-solide-a-lhuile-de-jojoba-bio-40-g-comme-avant-lifestyle.webp?v=1774255566"},{"product_id":"repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant","title":"Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant\nPalette détectée:\n - Primaire: #8B7355 (brun kraft\/carton du packaging)\n - Secondaire: #6B8E5A (vert nature\/herbe des photos lifestyle)\n - Accent: #C4A76C (doré chaud\/beurre murumuru)\nAmbiance: Naturel, authentique, artisanal, éco-responsable. Packaging kraft minimaliste, univers outdoor\/nature, esprit zéro déchet. Tons chauds et terreux avec touches de verdure.\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Répulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\"\n 2. \"Pourquoi ce répulsif naturel pour moustique est différent\"\n 3. \"Les bienfaits de chaque ingrédient, en détail\"\n 4. \"Comment utiliser votre stick répulsif au quotidien\"\n 5. \"Pour qui est fait ce répulsif à moustique naturel ?\"\n 6. \"Répulsif naturel ou chimique : comment faire le bon choix ?\"\n 7. \"Astuces pour renforcer votre protection contre les moustiques\"\n 8. \"Composition complète (INCI)\"\n 9. \"Origine et fabrication responsable\"\n 10. \"Questions fréquentes sur le répulsif moustique naturel Comme Avant\"\n 11. \"Notre avis sur le répulsif moustique solide Comme Avant\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eRépulsif moustique solide au beurre de murumuru\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eComme Avant — Stick 80 g\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn stick anti-moustiques 100 % naturel qui protège efficacement contre le moustique tigre tout en nourrissant votre peau. Fini les sprays chimiques : adoptez le geste solide, écologique et sain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous en avez assez des sprays chimiques qui laissent une sensation désagréable sur la peau et un arrière-goût de culpabilité écologique ?\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n \u003cp\u003eRépulsif efficace + baume nourrissant en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Formule propre\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles + beurre de murumuru bio, c'est tout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🦟 Anti moustique tigre\u003c\/h3\u003e\n \u003cp\u003eEucalyptus citronné reconnu contre \u003cem\u003eAedes albopictus\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, aucun déchet superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi ce répulsif naturel pour moustique est différent\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLa plupart des répulsifs conventionnels reposent sur des molécules de synthèse comme le DEET, souvent irritantes et controversées. À l'inverse, ce \u003cstrong\u003erépulsif anti-moustique naturel\u003c\/strong\u003e mise sur une synergie d'ingrédients d'origine biologique dont l'efficacité répulsive est reconnue depuis des siècles.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCe qui le distingue véritablement, c'est son \u003cstrong\u003eformat solide\u003c\/strong\u003e : pas de flacon en plastique, pas de risque de fuite dans votre sac, pas de gaz propulseur. Vous appliquez, vous êtes protégé, et votre peau est nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧴 Sprays classiques\u003c\/h3\u003e\n \u003cp\u003eS'évaporent rapidement, laissent la peau sèche, emballage plastique, DEET controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e✅ Ce stick solide\u003c\/h3\u003e\n \u003cp\u003eLe beurre de murumuru forme un film protecteur qui \u003cstrong\u003eprolonge l'action répulsive\u003c\/strong\u003e tout en maintenant une hydratation confortable. Protection + soin, les deux à la fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient, en détail\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eSeulement 5 ingrédients, tous d'origine naturelle, chacun avec un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru bio\u003c\/h3\u003e\n \u003cp\u003eIssu d'un palmier amazonien, exceptionnellement riche en acide laurique et en acides gras essentiels. Pénètre sans film gras, nourrit en profondeur et forme une \u003cstrong\u003ebarrière protectrice naturelle\u003c\/strong\u003e sur l'épiderme. Peau douce et souple, même après plusieurs applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citronnelle\u003c\/h3\u003e\n \u003cp\u003eLe répulsif naturel le plus emblématique. Son parfum citronné frais \u003cstrong\u003emasque les odeurs corporelles\u003c\/strong\u003e qui attirent les moustiques et perturbe leurs récepteurs olfactifs. Première ligne de défense de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Huile essentielle de géranium rosat\u003c\/h3\u003e\n \u003cp\u003eContient du citronellol et du géraniol, deux molécules dont l'action répulsive sur les insectes piqueurs a été \u003cstrong\u003edocumentée par de nombreuses études\u003c\/strong\u003e. Apporte une note florale agréable qui adoucit le parfum global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003eRiche en PMD (para-menthane-3,8-diol), considérée comme l'une des \u003cstrong\u003ealternatives naturelles les plus performantes face au DEET\u003c\/strong\u003e. C'est elle qui fait de ce stick un répulsif moustique tigre crédible, même en zones à forte pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eStabilise la texture solide du stick et absorbe l'excès de sébum. Résultat : un \u003cstrong\u003efini sec et mat\u003c\/strong\u003e, sans sensation collante. Le confort d'application au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser votre stick répulsif au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eTestez d'abord\u003c\/h3\u003e\n \u003cp\u003eAvant la première utilisation, appliquez le produit sur une petite zone de peau (intérieur du poignet) et attendez 24 heures. Indispensable si vous êtes sensible aux huiles essentielles ou allergique aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003ePassez le stick sur les zones exposées — bras, jambes, chevilles, nuque, épaules — en effectuant de légers mouvements circulaires. Le beurre de murumuru fond doucement et dépose un voile protecteur homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n \u003cp\u003eAppliquez plus fréquemment si vous transpirez beaucoup, si vous vous baignez ou si la chaleur est intense. C'est la clé d'une protection continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eEn soirée, anticipez\u003c\/h3\u003e\n \u003cp\u003eSur la terrasse ou au camping, appliquez le stick avant de vous installer. Les moustiques sont particulièrement actifs au crépuscule : c'est le moment où votre répulsif est le plus précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConvient aux adultes et aux enfants à partir de 6 mois\u003c\/strong\u003e en raison de la présence d'huiles essentielles. Pour les femmes enceintes ou allaitantes, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est fait ce répulsif à moustique naturel ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eCe stick s'adresse à toutes les personnes qui souhaitent se protéger des moustiques sans recourir aux produits chimiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✈️ En vacances\u003c\/h3\u003e\n \u003cp\u003eCamping, randonnée ou tropiques : son format compact de 80 g se glisse dans n'importe quel bagage \u003cstrong\u003esans risque de fuite\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌅 Au jardin ou en terrasse\u003c\/h3\u003e\n \u003cp\u003eUn geste rapide avant l'apéritif suffit à passer une soirée tranquille, sans être harcelé — moustique commun comme \u003cstrong\u003emoustique tigre\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour les familles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle, \u003cstrong\u003eutilisable dès 6 mois\u003c\/strong\u003e. Un allié rassurant pour protéger les plus petits en plein air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏃 Pour les sportifs\u003c\/h3\u003e\n \u003cp\u003eCourse en forêt, yoga extérieur, escalade… Le fini sec et non gras permet d'appliquer \u003cstrong\u003esans que les mains glissent\u003c\/strong\u003e ni que la peau colle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, \u003cstrong\u003eabsence totale de plastique\u003c\/strong\u003e : un choix cohérent avec une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif naturel ou chimique : comment faire le bon choix ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLes huiles essentielles de citronnelle, de géranium et surtout d'eucalyptus citronné ont fait l'objet de \u003cstrong\u003enombreuses études confirmant leur activité répulsive\u003c\/strong\u003e. L'eucalyptus citronné, en particulier, est le seul répulsif naturel recommandé par certaines agences de santé comme alternative crédible aux molécules de synthèse.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCependant, leur durée d'action est généralement plus courte, d'où la nécessité de \u003cstrong\u003erenouveler l'application régulièrement\u003c\/strong\u003e (toutes les 2 heures).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % parabène\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur de synthèse dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % silicone\u003c\/h3\u003e\n \u003cp\u003eRien de nocif pour votre peau ni l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % DEET\u003c\/h3\u003e\n \u003cp\u003eZéro molécule controversée, pour un usage familial serein\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une utilisation quotidienne, en famille, le profil de tolérance d'un répulsif naturel pèse lourd face aux sprays chimiques. Vous ne saturez pas votre peau de substances controversées et ne rejetez rien de nocif dans l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eAstuces pour renforcer votre protection contre les moustiques\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eMême le meilleur répulsif moustique naturel gagne à être combiné avec quelques bonnes habitudes.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👕 Vêtements couvrants\u003c\/h3\u003e\n \u003cp\u003ePortez-les à l'aube et au crépuscule. Appliquez le stick sur les zones restées à découvert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Eaux stagnantes\u003c\/h3\u003e\n \u003cp\u003eÉliminez coupelles, gouttières bouchées, jouets oubliés : les moustiques tigres pondent dans quelques millilitres d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛏️ Moustiquaire\u003c\/h3\u003e\n \u003cp\u003eLa nuit, surtout pour les enfants en bas âge, en complément du stick appliqué en soirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n \u003cp\u003eRangez votre stick à l'abri de la chaleur excessive (au-dessus de 35 °C, le beurre peut ramollir). Un placard frais fait l'affaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧾 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cul class=\"rm-inci-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAstrocaryum murumuru seed butter*\u003c\/strong\u003e — Beurre de murumuru biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZea mays starch*\u003c\/strong\u003e — Amidon de maïs biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCymbopogon schoenanthus oil\u003c\/strong\u003e — Huile essentielle de citronnelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePelargonium graveolens flower oil\u003c\/strong\u003e — Huile essentielle de géranium rosat\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEucalyptus citriodora oil\u003c\/strong\u003e — Huile essentielle d'eucalyptus citronné\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem\"\u003e\u003cstrong\u003eSans parabène, sans silicone, sans conservateur de synthèse, sans DEET, sans plastique.\u003c\/strong\u003e Formule vegan, non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eCe répulsif moustique solide est fabriqué en \u003cstrong\u003eFrance, près de Marseille\u003c\/strong\u003e, par la marque \u003cstrong\u003eComme Avant\u003c\/strong\u003e. Depuis sa création, cette entreprise s'est engagée dans une démarche radicale de transparence et de respect environnemental :\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\" style=\"margin-top:1rem\"\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e📦 Emballages\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🏭 Production\u003c\/h3\u003e\n \u003cp\u003eLocale et artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003ePetites séries, contrôle rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRéponses à vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🦟 Ce répulsif fonctionne-t-il contre le moustique tigre ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile essentielle d'eucalyptus citronné, présente dans la formule, est reconnue pour son action répulsive sur de nombreuses espèces de moustiques, y compris le moustique tigre (\u003cem\u003eAedes albopictus\u003c\/em\u003e). Pour une efficacité optimale, pensez à renouveler l'application toutes les 2 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e😊 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est préférable de ne pas appliquer le stick directement sur le visage en raison de la concentration en huiles essentielles. Vous pouvez en revanche l'appliquer sur la nuque, le cou et le décolleté, en évitant soigneusement le contour des yeux et des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e⏳ Combien de temps dure un stick de 80 g ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn utilisation quotidienne (2 à 3 applications par jour sur les zones exposées), un stick dure en moyenne \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. De quoi couvrir largement vos vacances d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e💧 Ce produit peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eGrâce au beurre de murumuru, le stick dépose un voile nourrissant sur la peau. Cependant, il reste avant tout un répulsif à moustique naturel et ne se substitue pas à votre soin hydratant habituel si votre peau est très sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation si vous êtes enceinte ou allaitante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #11 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eNotre avis sur le répulsif moustique solide Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003e\"Si vous cherchez une solution simple, naturelle et agréable contre les moustiques, ce stick risque fort de vous plaire. L'application est franchement facile : il glisse bien sur la peau, sans sensation de gras ni d'effet collant. Dès les premières utilisations, on remarque que la peau reste douce et confortable, même après plusieurs passages dans la journée.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eLe parfum est subtil, un peu citronné mais pas entêtant : c'est vraiment le genre d'odeur qu'on peut supporter tout l'été, même si on est sensible. Vous n'aurez pas ce côté piquant qu'on retrouve parfois dans les sprays classiques, et personne ne vous reprochera d'avoir envahi la pièce.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eC'est aussi le genre de produit qu'on n'hésite pas à passer sur les bras des enfants avant une soirée dehors. On apprécie de ne pas avoir à s'inquiéter des ingrédients : ici, c'est 100 % naturel, rien d'agressif pour la peau ou l'environnement, et ça se sent.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eCôté efficacité, c'est rassurant : tant que vous pensez à renouveler l'application (toutes les 2 heures environ), les moustiques vous laissent vraiment tranquille, même en pleine saison. Et puis, pas de mauvaise surprise dans le sac ou la valise : le stick ne coule pas, il tient bien, il ne prend pas de place.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eBref, si vous aimez les solutions simples, propres, qui respectent la peau et la planète, ce répulsif a tout pour devenir un réflexe chaque fois que vous partez en balade, en vacances ou tout simplement sur votre terrasse. C'est le genre de petit geste naturel qu'on adopte très facilement, pour soi ou pour toute la famille.\"\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🦟 Protégez-vous naturellement cet été avec un geste simple, sain et zéro déchet. Votre peau — et la planète — vous remercient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical. En cas de réaction allergique, cessez immédiatement l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rm-cream: #faf7f2;\n --rm-white: #ffffff;\n --rm-primary: #8B7355;\n --rm-primary-dark: #5C4A33;\n --rm-primary-light: #f3ede4;\n --rm-secondary: #6B8E5A;\n --rm-secondary-light: #e8f0e4;\n --rm-accent: #C4A76C;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e0d8ce;\n --rm-shadow: 0 4px 24px rgba(92,74,51,.08);\n --rm-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A33 0%, #8B7355 40%, #6B8E5A 100%);\n border-radius: var(--rm-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(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,167,108,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,142,90,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-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.15;\n}\n\n.rm-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.rm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-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(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-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.rm-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(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-wide {\n text-align: left;\n}\n\n.rm-card-wide p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.7;\n}\n\n.rm-card-highlight {\n border-color: var(--rm-secondary);\n background: var(--rm-secondary-light);\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-secondary);\n}\n\n.rm-card-nested {\n background: var(--rm-primary-light);\n box-shadow: none;\n border: 1px solid var(--rm-border);\n}\n\n.rm-card-nested:hover {\n transform: translateY(-3px);\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-secondary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0 0 .75rem 0;\n}\n\n.rm-testimonial-text:last-of-type {\n margin-bottom: 0;\n}\n\n.rm-testimonial-author {\n font-size: 14px;\n color: var(--rm-secondary);\n font-weight: 700;\n font-style: italic;\n margin: 1.25rem 0 0 0;\n padding-top: 1rem;\n border-top: 1px solid var(--rm-border);\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-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.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-accordion-content ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n\/* === INCI LIST === *\/\n.rm-inci-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.rm-inci-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--rm-border);\n font-size: 14px;\n color: var(--rm-text);\n line-height: 1.5;\n}\n\n.rm-inci-list li:last-child {\n border-bottom: none;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-secondary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(107,142,90,.2);\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-secondary) 0%, #4a6e3a 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-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(255,255,255,.08) 0%, transparent 60%);\n}\n\n.rm-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.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-card-wide {\n padding: 1.125rem;\n }\n\n .rm-card-wide p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\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 .rm-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":45755186610333,"sku":"NBAICAV0049","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/repulsif_moustique_solide_beurre_de_murmuru_comme-avant_11zon.jpg?v=1774367125"},{"product_id":"soin-capillaire-prune-peche-vanille-comme-avant","title":"Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille\nPalette détectée:\n - Primaire: #C4A882 (beige\/caramel kraft du packaging)\n - Secondaire: #E8D5B7 (crème vanille du produit solide)\n - Accent: #D4A574 (pêche doré, évoquant le parfum)\nAmbiance: Naturel, doux, minimaliste, bio\/éco-responsable, chaleureux et gourmand\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🌿 5 ingrédients seulement\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🍑 Pêche \u0026amp; Vanille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eLe rituel réparateur aux 5 ingrédients naturels\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eBien plus qu'un après-shampooing : un véritable soin nourrissant qui répare en profondeur vos cheveux avec une formule minimaliste et un parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eL'huile de prune, riche en oméga 6 et 9, renforce la barrière lipidique du cheveu et lui redonne résistance et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio pénètre au cœur de la fibre capillaire pour une nutrition intense des cheveux secs et cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✨ Apporte brillance\u003c\/h3\u003e\n \u003cp\u003eL'inuline de chicorée agit comme un démêlant naturel et révèle l'éclat de vos cheveux sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌸 Parfume délicatement\u003c\/h3\u003e\n \u003cp\u003eUn accord gourmand pêche \u0026amp; vanille qui enveloppe vos cheveux d'une fragrance douce et chaleureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔬 Répare vraiment\u003c\/h3\u003e\n \u003cp\u003eSans silicone qui \"maquille\" le cheveu : ici vos pointes sont réellement réparées, pas simplement gainées artificiellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌍 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eFormat solide concentré, emballage kraft recyclable. Un geste beauté responsable pour vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🧪 5 ingrédients, pas un de plus\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante qui pénètre profondément pour réparer les cheveux secs, cassants ou fragilisés par les colorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🍑 Huile de prune bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star ! Pressée à froid des noyaux de prune d'Agen, riche en acides gras pour redonner souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Alcool cétéarylique\u003c\/h3\u003e\n \u003cp\u003eAlcool gras végétal (non desséchant) qui facilite l'application et aide les actifs à bien se répartir sur la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Inuline de chicorée\u003c\/h3\u003e\n \u003cp\u003ePrébiotique naturel qui agit comme démêlant. Apporte brillance et douceur sans alourdir le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🍦 Parfum pêche \u0026amp; vanille\u003c\/h3\u003e\n \u003cp\u003eAccord gourmand et chaleureux qui parfume délicatement vos cheveux sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Prunus Domestica Seed Oil*, Cetearyl Alcohol, Inulin, Parfum.\u003cbr\u003e\u003cem\u003e*ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e👩‍🦰 Ce soin est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eVos cheveux manquent de nutrition et tiraillent après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✂️ Pointes abîmées\u003c\/h3\u003e\n \u003cp\u003eVos pointes sont fourchues, cassantes ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eVos colorations ou mèches ont besoin d'être réparées et protégées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver brillance et éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🚫 Anti-silicone\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un soin qui respecte vraiment votre fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eCheveux fins ou gras ?\u003c\/strong\u003e Appliquez uniquement sur les longueurs et pointes, en évitant les racines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-usage-container\"\u003e\n \u003cdiv class=\"sc-usage-block\"\u003e\n \u003ch3\u003e🚿 En après-shampooing\u003c\/h3\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eEssorez légèrement vos cheveux après le shampooing\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eFrottez le soin entre vos mains pour le réchauffer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eAppliquez sur les longueurs et pointes en lissant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eLaissez poser 2-3 minutes puis rincez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-usage-block\"\u003e\n \u003ch3\u003e🧖‍♀️ En masque intensif\u003c\/h3\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eAppliquez généreusement sur cheveux humides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eEnroulez dans une serviette chaude\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eLaissez poser 15-20 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eAstuce cheveux très secs :\u003c\/strong\u003e Frottez légèrement le soin sur vos pointes sèches comme un sérum sans rinçage (quantité infime).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES FORMAT SOLIDE --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir ce soin capillaire solide ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💎 Plus concentré\u003c\/h3\u003e\n \u003cp\u003eSans eau ajoutée, les actifs sont en plus grande proportion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🛡️ Mieux conservé\u003c\/h3\u003e\n \u003cp\u003ePas de conservateurs controversés nécessaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e50 g = environ 2 flacons de soin liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✈️ Idéal voyage\u003c\/h3\u003e\n \u003cp\u003eCompact, léger, aucun risque de fuite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g de soin concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2-3 mois (2x\/semaine, cheveux mi-longs)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"sc-certifs\"\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🐌\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eSlow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON FAQ --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧴 Ce soin remplace-t-il un masque capillaire ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eOui, il peut s'utiliser comme un après-shampooing quotidien ou comme un masque plus intensif en augmentant le temps de pose. Sa formule riche en beurre de karité et huile de prune le rend aussi nourrissant qu'un masque classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🎨 Puis-je l'utiliser sur cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eAbsolument. La formule sans sulfate et sans silicone respecte les colorations tout en réparant les cheveux fragilisés par les traitements chimiques. L'huile de prune aide même à prolonger l'éclat de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🍑 Le parfum pêche vanille est-il persistant ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eLe parfum reste subtil et s'estompe progressivement après le séchage. Vous profiterez d'une délicate note gourmande pendant quelques heures, sans que ce soit entêtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eOui, la formule douce et naturelle convient à toute la famille, y compris aux enfants à partir de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Comment le conserver ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eConservez votre soin solide au sec entre deux utilisations. La boîte kraft fournie est parfaite pour cela. Évitez de le laisser dans l'eau stagnante de votre douche.\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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à vos cheveux un soin authentique formulé avec seulement 5 ingrédients naturels et bio. Ce soin capillaire solide nourrit, répare et parfume votre chevelure d'une délicate note pêche \u0026amp; vanille, tout en respectant la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sc-cream: #FAF7F2;\n --sc-white: #ffffff;\n --sc-primary: #C4A882;\n --sc-primary-dark: #8B7355;\n --sc-primary-light: #F5EDE3;\n --sc-secondary: #E8D5B7;\n --sc-accent: #D4A574;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e8e0d5;\n --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4A882 40%, #8B7355 100%);\n border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-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.sc-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.sc-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\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-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.sc-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(--sc-accent), var(--sc-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-card-ingredient {\n border-left: 4px solid var(--sc-accent);\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.sc-inci-box p {\n font-size: 13px;\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === NOTE === *\/\n.sc-note {\n background: var(--sc-secondary);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n text-align: center;\n font-size: 14px;\n color: var(--sc-primary-dark);\n}\n\n\/* === USAGE === *\/\n.sc-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sc-usage-block {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 1.5rem;\n box-shadow: var(--sc-shadow);\n}\n\n.sc-usage-block h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.sc-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.sc-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.sc-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--sc-accent), var(--sc-primary));\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: 14px;\n flex-shrink: 0;\n}\n\n.sc-step p {\n margin: 0;\n font-size: 14px;\n color: var(--sc-text-light);\n line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.sc-certifs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.sc-certif {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--sc-shadow);\n min-width: 120px;\n transition: all .3s ease;\n}\n\n.sc-certif:hover {\n transform: translateY(-4px);\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-certif-icon {\n font-size: 32px;\n}\n\n.sc-certif-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n text-align: center;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-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.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-accent) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.sc-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 .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sc-grid-compact {\n gap: .625rem;\n }\n \n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n \n .sc-card {\n padding: 1.125rem;\n }\n \n .sc-section {\n margin-bottom: 1.75rem;\n }\n \n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n \n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sc-usage-container {\n grid-template-columns: 1fr;\n }\n \n .sc-certifs {\n gap: .75rem;\n }\n \n .sc-certif {\n padding: 1rem;\n min-width: 100px;\n }\n \n .sc-certif-icon {\n font-size: 28px;\n }\n \n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sc-badges-top {\n gap: 8px;\n }\n \n .sc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-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 .sc-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":45755186970781,"sku":"NBAICAV0054","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-peche-vanille-comme-ingredients.jpg?v=1768221135"},{"product_id":"soin-capillaire-solide-a-lhuile-de-prune-bio-boite-kraft-50-g-comme-avant","title":"Soin capillaire solide à l'huile de Prune - sans parfum - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Comme Avant\nPalette détectée:\n - Primaire: #C9A86C (beige doré\/kraft du packaging)\n - Secondaire: #8B7355 (brun terre naturel)\n - Accent: #D4A574 (tons prune\/abricot doux)\n - Background: #F7F3EE (crème naturel)\nAmbiance: Naturel\/bio, slow cosmétique, minimaliste épuré, douceur féminine, éco-responsable\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eVersion 2 améliorée • Sans parfum\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eNourrissez vos cheveux en profondeur avec ce soin solide d'exception, formulé avec seulement 5 ingrédients naturels et l'huile de prune du Sud-Ouest français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de prune pénètre la fibre capillaire pour l'assouplir et la revitaliser en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cheveux secs, cassants ou abîmés par les colorations et la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌸 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eParfait pour les cuirs chevelus sensibles ou irrités grâce à sa formule ultra-douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🍃 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes sensibles aux huiles essentielles ou qui préfèrent un soin neutre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- L'HUILE DE PRUNE --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🍑 Le trésor de l'huile de prune\u003c\/h2\u003e\n \u003cdiv class=\"sc-highlight-box\"\u003e\n \u003cp class=\"sc-highlight-intro\"\u003eExtraite des noyaux de prunes d'Agen, cette huile précieuse est l'ingrédient star de ce soin capillaire.\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🌾 Acides gras oléiques\u003c\/h3\u003e\n \u003cp\u003eNourrit sans alourdir et laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège la fibre des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🪶 Texture sèche\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras sur les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n \u003cp\u003eActif local et durable issu de l'économie circulaire du Sud-Ouest.\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=\"sc-section\"\u003e\n \u003ch2\u003e👩 Pour qui est ce soin ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition profonde et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💔 Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eCassants ou fourchus nécessitant une réparation douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌡️ Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eRéactif ou irrité par les produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🚫 Intolérance parfums\u003c\/h3\u003e\n \u003cp\u003ePour éviter les huiles essentielles et fragrances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003ePréserve l'éclat et prolonge la tenue de la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e♻️ Adeptes zéro déchet\u003c\/h3\u003e\n \u003cp\u003eCosmétique éco-responsable sans plastique.\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=\"sc-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser ce soin capillaire solide bio ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour qu'ils restent humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eAppliquez le soin\u003c\/h3\u003e\n \u003cp\u003eFrottez le soin solide directement sur les longueurs et les pointes, en évitant les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eDémêlez délicatement\u003c\/h3\u003e\n \u003cp\u003eUtilisez vos doigts ou un peigne à dents larges pour répartir le produit uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 2 à 5 minutes pour permettre aux actifs de pénétrer la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède ou froide pour refermer les écailles et apporter de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-tip\"\u003e💡 \u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 1 à 2 fois par semaine, ou après chaque shampoing si vos cheveux sont très secs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🧪 Composition minimaliste\u003c\/h2\u003e\n \u003cp class=\"sc-section-intro\"\u003eSeulement 5 ingrédients pour une formule transparente et certifiée Cosmos Organic.\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de prune bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePrunus Domestica Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eNourrit et protège la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRenforce et apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSimmondsia Chinensis Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRégule et hydrate en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🧴 Alcool gras végétal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCetearyl Alcohol\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAgent démêlant et adoucissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Tensioactif doux\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBehentrimonium Methosulfate\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eDérivé du colza, facilite le démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTocopherol\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAntioxydant naturel protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-compo-badges\"\u003e\n \u003cspan class=\"sc-compo-badge\"\u003e100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003e98% bio\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003eSans parfum\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003eSans huile essentielle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g (2-3 flacons liquides)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2 à 4 mois selon usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e📦 Packaging\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e💚 Les engagements Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏠 Artisanat marseillais\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et production à taille humaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formule bio contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eBeauté raisonnée et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003ePackaging sans plastique, compostable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète de la fabrication.\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=\"sc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eLaissez sécher le soin entre chaque utilisation sur un porte-savon aéré ou dans sa boîte ouverte. Évitez de le laisser dans un endroit constamment humide. En voyage, sa boîte kraft est idéale pour le transporter sans risque de coulure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🎨 Cheveux colorés\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCe soin convient parfaitement aux cheveux colorés. Sa formule douce et nourrissante aide à préserver l'éclat tout en réparant. L'absence d'agents agressifs permet de prolonger la tenue de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🪶 Cheveux fins\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eAppliquez uniquement sur les longueurs et les pointes. Les cheveux fins apprécieront la légèreté de l'huile de prune qui nourrit sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e💆 Utilisation en masque\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCe soin peut servir de masque léger pour un usage régulier. Pour un soin intensif, prolongez le temps de pose à 10-15 minutes sous une serviette chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCette version sans parfum convient aux femmes enceintes ou allaitantes grâce à l'absence d'huiles essentielles. Un soin neutre pouvant être associé à d'autres produits parfumés.\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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un soin authentique, formulé avec des ingrédients d'exception et fabriqué dans le respect de l'environnement. Bien plus qu'un simple cosmétique : un geste de beauté conscient pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sc-cream: #F7F3EE;\n --sc-white: #ffffff;\n --sc-primary: #C9A86C;\n --sc-primary-dark: #8B7355;\n --sc-primary-light: #F5EDE3;\n --sc-secondary: #D4A574;\n --sc-accent: #A68B5B;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e8e2da;\n --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #8B7355 100%);\n border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-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.sc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n border-radius: 2px;\n}\n\n.sc-section-intro {\n text-align: center;\n color: var(--sc-text-light);\n font-size: clamp(14px, 2.5vw, 16px);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-card p em {\n display: block;\n font-size: 12px;\n color: var(--sc-primary);\n margin-bottom: .35rem;\n}\n\n.sc-card-light {\n background: var(--sc-primary-light);\n}\n\n.sc-card-ingredient {\n position: relative;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n background: linear-gradient(135deg, var(--sc-primary-light) 0%, rgba(212,165,116,.15) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--sc-primary);\n}\n\n.sc-highlight-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 600;\n color: var(--sc-primary-dark);\n margin-bottom: 1.5rem;\n}\n\n\/* === STEPS === *\/\n.sc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--sc-shadow);\n transition: all .3s ease;\n}\n\n.sc-step:hover {\n transform: translateX(6px);\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-step-num {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 18px;\n}\n\n.sc-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sc-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-tip {\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-primary-dark);\n text-align: center;\n}\n\n\/* === COMPO BADGES === *\/\n.sc-compo-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.sc-compo-badge {\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n color: white;\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-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.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-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.sc-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 .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sc-card {\n padding: 1.125rem;\n }\n \n .sc-section {\n margin-bottom: 1.75rem;\n }\n \n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n \n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sc-grid-compact {\n gap: .625rem;\n }\n \n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n \n .sc-highlight-box {\n padding: 1.25rem;\n }\n \n .sc-step {\n padding: 1rem;\n }\n \n .sc-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sc-compo-badges {\n gap: .5rem;\n }\n \n .sc-compo-badge {\n padding: 8px 14px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-card:nth-child(6) { animation-delay: .3s; }\n \n .sc-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .sc-step:nth-child(1) { animation-delay: .1s; }\n .sc-step:nth-child(2) { animation-delay: .15s; }\n .sc-step:nth-child(3) { animation-delay: .2s; }\n .sc-step:nth-child(4) { animation-delay: .25s; }\n .sc-step:nth-child(5) { 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@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 .sc-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":45755187363997,"sku":"NBAICAV0053","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-sans-parfum-comme-a-ingredients.jpg?v=1768220941"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-brocolis-poudre-de-jujubier-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux bouclés à l'huile de Brocolis - 70g - Comme avant","description":"\u003cdiv class=\"sb-premium\"\u003e\n\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eShampoing solide à l'huile de brocoli\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003eLe soin naturel pensé pour sublimer vos boucles\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003e70 g · Cheveux bouclés, ondulés \u0026amp; colorés · Équivalent 2 flacons de shampoing liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eShampoing solide cheveux bouclés : le soin bio à l'huile de brocoli\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eVos boucles méritent un soin qui les comprend vraiment. Ce \u003cstrong\u003eshampoing solide cheveux bouclés\u003c\/strong\u003e Comme Avant, formulé à l'huile de brocoli et à la poudre de jujubier, nettoie en douceur tout en nourrissant la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eTensioactifs végétaux qui respectent le cuir chevelu et la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✨ Boucles sublimées\u003c\/h3\u003e\n \u003cp\u003eDéfinition, souplesse et rebond dès le séchage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabellisé COSMOS Organic, vegan et Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🤍 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans silicones, sans conservateurs de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de brocoli est idéale pour les cheveux bouclés\u003c\/h2\u003e\n \u003cdiv class=\"sb-highlight-box\"\u003e\n \u003cp class=\"sb-highlight-label\"\u003e🥦 Le « silicone végétal »\u003c\/p\u003e\n \u003cp\u003eL'huile de graines de brocoli est souvent surnommée le \u003cstrong\u003e« silicone végétal »\u003c\/strong\u003e. Riche en acide érucique, elle gaine naturellement le cheveu, apporte de la \u003cstrong\u003ebrillance\u003c\/strong\u003e et de l'\u003cstrong\u003eélasticité\u003c\/strong\u003e sans jamais alourdir.\u003c\/p\u003e\n \u003cp\u003ePour les cheveux bouclés, ondulés ou frisés, cela se traduit par des boucles mieux définies, souples et rebondies dès le séchage. Contrairement aux silicones classiques, elle ne crée aucun effet d'accumulation et laisse le cuir chevelu respirer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eSeulement 4 ingrédients, 100 % d'origine naturelle dont 15 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧪 Sodium Cocoyl Glutamate \u0026amp; Coco-glucoside\u003c\/h3\u003e\n \u003cp\u003eTensioactifs doux d'origine végétale qui nettoient sans agresser ni dessécher la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🥦 Huile de brocoli\u003c\/h3\u003e\n \u003cp\u003eBrassica Oleracea Italica Seed Oil : nourrit, lisse les écailles et apporte un éclat naturel aux boucles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧈 Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras conditionneur qui facilite le démêlage et gaine le cheveu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 Poudre de jujubier\u003c\/h3\u003e\n \u003cp\u003eZiziphus Jujuba Leaf Extract : apaise le cuir chevelu, réduit les démangeaisons et procure un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-tip\"\u003e\n \u003cspan class=\"sb-tip-icon\"\u003e💚\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sulfates, sans silicones, sans conservateurs de synthèse.\u003c\/strong\u003e Une formule minimaliste et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux bouclés\u003c\/h2\u003e\n \u003cdiv class=\"sb-timeline\"\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet directement sur le cuir chevelu ou entre vos mains pour créer une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du bout des doigts en insistant sur les racines, puis laissez la mousse glisser sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. En période de transition, un second lavage peut être utile les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-tip\"\u003e\n \u003cspan class=\"sb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 2 à 3 fois par semaine. Pour encore plus de définition, appliquez un \u003cstrong\u003eaprès-shampoing cheveux bouclés\u003c\/strong\u003e naturel sur les pointes après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eLes vrais bienfaits au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💫 Boucles dessinées et rebondies\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'effet gainant de l'huile de brocoli, vos boucles retrouvent définition et rebond naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧘 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eLa poudre de jujubier calme les irritations et démangeaisons pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🪶 Nourri sans alourdir\u003c\/h3\u003e\n \u003cp\u003eCheveux nourris en profondeur sans être alourdis, même les plus fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🎨 Adapté aux cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eLe pH équilibré (≈ 6) préserve l'éclat de votre couleur lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✋ Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eDès le rinçage, les doigts glissent dans les cheveux sans accrocher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💰 Économique et nomade\u003c\/h3\u003e\n \u003cp\u003eUn galet de 70 g remplace environ deux flacons de 200 ml. Compact, léger, autorisé en cabine avion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eDes engagements concrets\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eCe \u003cstrong\u003eshampoing solide pour cheveux bouclés\u003c\/strong\u003e incarne une démarche responsable à chaque étape.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e📦 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft compostable, zéro plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, formule 100 % végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n \u003cp\u003eFormule entièrement biodégradable, respectueuse des milieux aquatiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sb-accordion\"\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e👶 Pour qui est-il adapté ?\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, ainsi qu'aux femmes enceintes et allaitantes. Usage externe uniquement — ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le galet au sec entre deux utilisations pour prolonger sa durée de vie. Utilisez un porte-savon aéré ou un filet de rangement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical en cas de problème dermatologique. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sb-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos boucles le soin naturel qu'elles méritent.\u003cbr\u003e4 ingrédients, zéro superflu, des résultats visibles dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sb-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état de vos cheveux. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sb-cream: #f7f4ef;\n --sb-white: #ffffff;\n --sb-primary: #8a9a5b;\n --sb-primary-dark: #5c6b3a;\n --sb-primary-light: #eef2e4;\n --sb-secondary: #b5c48c;\n --sb-accent: #c9a96e;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #e0ddd6;\n --sb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #5c6b3a 0%, #8a9a5b 50%, #b5c48c 100%);\n border-radius: var(--sb-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(--sb-shadow-lg);\n}\n\n.sb-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) 1px, transparent 1px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.06) 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n opacity: .5;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-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.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-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(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sb-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.sb-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.sb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-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.sb-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(--sb-primary), var(--sb-secondary));\n border-radius: 2px;\n}\n\n.sb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-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.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card {\n padding: 1rem;\n}\n\n.sb-grid-compact .sb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sb-grid-compact .sb-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sb-highlight-box {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 5px solid var(--sb-primary);\n}\n\n.sb-highlight-label {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.sb-highlight-box p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--sb-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.sb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-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.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.sb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sb-primary-light);\n border-radius: var(--sb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sb-tip p {\n font-size: 14px;\n color: var(--sb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-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.sb-accordion-header:hover {\n background: var(--sb-primary-light);\n}\n\n.sb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after {\n content: '−';\n}\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sb-cta-box {\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);\n border-radius: var(--sb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sb-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.sb-disclaimer {\n font-size: 12px;\n color: var(--sb-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 .sb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sb-card {\n padding: 1.125rem;\n }\n\n .sb-section {\n margin-bottom: 1.75rem;\n }\n\n .sb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n\n .sb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sb-grid-compact {\n gap: .625rem;\n }\n\n .sb-grid-compact .sb-card {\n padding: .75rem;\n }\n\n .sb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sb-timeline-content h3 {\n font-size: 14px;\n }\n\n .sb-timeline-content p {\n font-size: 13px;\n }\n\n .sb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sb-highlight-box {\n padding: 1.25rem;\n }\n\n .sb-highlight-box p {\n font-size: 14px;\n }\n\n .sb-highlight-label {\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card {\n animation: sbFadeInUp .5s ease backwards;\n }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\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 .sb-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":45755187855517,"sku":"NBAICAV0060","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-cheveux-boucles-a-lhuile-de-brocolis-70g-co-lifestyle_546975f9-558a-40c9-b3ea-fcdc513a5581.webp?v=1775311240"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-sesame-et-rhassoul-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux gras à l'Huile de Sésame - Comme avant","description":"\u003cdiv class=\"ss-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ss-hero\"\u003e\n \u003cdiv class=\"ss-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ss-hero-content\"\u003e\n \u003cdiv class=\"ss-badges-top\"\u003e\n \u003cspan class=\"ss-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ss-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"ss-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"ss-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ss-hero-title\"\u003eShampoing solide cheveux gras à l'huile de sésame\u003c\/span\u003e\n \u003cp class=\"ss-subtitle\"\u003eComme Avant — Version 1\u003c\/p\u003e\n \u003cp class=\"ss-description\"\u003e4 ingrédients seulement pour purifier en douceur, réguler le sébum et espacer vos lavages. Un galet de 70 g qui remplace 2 bouteilles de shampoing liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eShampoing solide bio pour cheveux gras : retrouvez légèreté et équilibre\u003c\/h2\u003e\n \u003cp class=\"ss-section-intro\"\u003eVos racines regraissent dès le lendemain du lavage ? Vous cherchez le \u003cstrong\u003emeilleur shampoing pour cheveux gras\u003c\/strong\u003e qui purifie sans assécher vos longueurs ?\u003c\/p\u003e\n \u003cdiv class=\"ss-grid-compact\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame \u0026amp; rhassoul\u003c\/h3\u003e\n \u003cp\u003eUne formule minimaliste qui régule naturellement le sébum tout en respectant votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✨ Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle, 10 % bio. Sans sulfate, sans silicone, sans parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🪶 Légèreté retrouvée\u003c\/h3\u003e\n \u003cp\u003eDes cheveux frais, légers et propres plus longtemps, dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e⏳ Lavages espacés\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu retrouve son rythme naturel au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing convient aux cheveux gras ?\u003c\/h2\u003e\n \u003cp class=\"ss-section-intro\"\u003eQuand on a les \u003cstrong\u003echeveux gras\u003c\/strong\u003e, le réflexe est souvent de multiplier les lavages avec des shampoings décapants. Mais c'est un cercle vicieux : plus vous agressez le cuir chevelu, plus il produit de sébum pour se défendre. Ce shampoing solide adopte l'approche inverse.\u003c\/p\u003e\n \u003cdiv class=\"ss-grid\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🏔️ Le rhassoul\u003c\/h3\u003e\n \u003cp\u003eArgile volcanique marocaine qui absorbe l'excès de sébum en douceur, sans irriter ni dessécher. Un purifiant naturel reconnu depuis des siècles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌿 L'huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en antioxydants, elle nourrit sans alourdir et aide à rééquilibrer la production de sébum au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🫧 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eSodium Cocoyl Glutamate et Coco-glucoside nettoient efficacement tout en produisant une mousse généreuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-tip\"\u003e\n \u003cspan class=\"ss-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn utilisant ce \u003cstrong\u003eshampoing pour cheveux gras\u003c\/strong\u003e régulièrement, vous constaterez que vos lavages s'espacent progressivement. Votre cuir chevelu retrouve son rythme naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"ss-grid\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux, dérivé de la noix de coco. Nettoie en respectant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌱 Coco-glucoside\u003c\/h3\u003e\n \u003cp\u003eCo-tensioactif végétal qui renforce la mousse pour un lavage agréable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌾 Sesamum Indicum Seed Oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame bio, nourrissante et régulatrice de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🏔️ Moroccan Lava Clay\u003c\/h3\u003e\n \u003cp\u003eRhassoul, argile purifiante naturelle d'origine volcanique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✋ Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras naturel qui facilite le démêlage, sans silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-tip\"\u003e\n \u003cspan class=\"ss-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % d'origine naturelle, 10 % bio.\u003c\/strong\u003e Sans sulfate, sans silicone, sans parfum, sans colorant, sans huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"ss-timeline\"\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux sous l'eau tiède pour bien préparer le cuir chevelu au lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eFrottez et moussez\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet directement sur le cuir chevelu ou entre vos mains pour créer une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eMassez les racines\u003c\/h3\u003e\n \u003cp\u003eMassez du bout des doigts en insistant sur les racines grasses. Un deuxième passage peut être utile lors des premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire jusqu'à ce que l'eau soit limpide. Vos cheveux sont frais et légers !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-tip\"\u003e\n \u003cspan class=\"ss-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e 2 à 3 fois par semaine. Vous pourrez espacer les lavages au fil du temps. Après usage, laissez sécher le galet à l'air libre sur un porte-savon pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eLes avantages concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ss-grid\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e⚖️ Régulation progressive du sébum\u003c\/h3\u003e\n \u003cp\u003eVos cheveux restent frais plus longtemps, lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🫧 Mousse onctueuse\u003c\/h3\u003e\n \u003cp\u003eSe rince facilement, même sur les cheveux longs et épais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e💆 Longueurs douces et souples\u003c\/h3\u003e\n \u003cp\u003eSans avoir besoin d'après-shampoing grâce à la formule nourrissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✨ Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eGrâce au behenyl alcohol, sans silicones ni agents chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🧬 pH adapté (~6)\u003c\/h3\u003e\n \u003cp\u003eProche de celui du cuir chevelu pour un respect optimal de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✈️ Format voyage ultra compact\u003c\/h3\u003e\n \u003cp\u003eAutorisé en bagage cabine. Un galet de 70 g ≈ 2 bouteilles de shampoing liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eUn choix éthique et écologique\u003c\/h2\u003e\n \u003cdiv class=\"ss-grid-compact\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🏭 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille dans une démarche zéro déchet cohérente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, jamais testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients simples et traçables qui respectent les écosystèmes aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e📦 Emballage kraft compostable\u003c\/h3\u003e\n \u003cp\u003eRéduisez concrètement votre consommation de plastique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ss-accordion\"\u003e\n \u003cdetails class=\"ss-accordion-item\"\u003e\n \u003csummary class=\"ss-accordion-header\"\u003e👨‍👩‍👧 Convient à toute la famille\u003c\/summary\u003e\n \u003cdiv class=\"ss-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisable dès 3 ans, y compris par les femmes enceintes et allaitantes. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ss-accordion-item\"\u003e\n \u003csummary class=\"ss-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"ss-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact direct avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ss-accordion-item\"\u003e\n \u003csummary class=\"ss-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ss-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de problème dermatologique persistant.\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=\"ss-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ss-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez un rituel capillaire naturel et minimaliste.\u003cbr\u003e4 ingrédients, 0 plastique, des cheveux frais et légers plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ss-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un suivi dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ss-cream: #faf5f0;\n --ss-white: #ffffff;\n --ss-primary: #c4856c;\n --ss-primary-dark: #8b4f3b;\n --ss-primary-light: #f5ebe4;\n --ss-secondary: #d4a574;\n --ss-accent: #a67c5b;\n --ss-text: #1a1a1a;\n --ss-text-light: #5a5a5a;\n --ss-border: #e8ddd4;\n --ss-shadow: 0 4px 24px rgba(139,79,59,.08);\n --ss-shadow-lg: 0 12px 48px rgba(139,79,59,.15);\n --ss-radius: 20px;\n --ss-radius-sm: 12px;\n}\n\n.ss-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ss-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ss-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4f3b 0%, #c4856c 50%, #d4a574 100%);\n border-radius: var(--ss-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(--ss-shadow-lg);\n}\n\n.ss-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.ss-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ss-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.ss-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ss-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.ss-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ss-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(--ss-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ss-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ss-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ss-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ss-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.ss-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(--ss-primary), var(--ss-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ss-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ss-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.ss-card {\n background: var(--ss-white);\n border-radius: var(--ss-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ss-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ss-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ss-shadow-lg);\n border-color: var(--ss-primary);\n}\n\n.ss-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ss-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ss-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ss-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ss-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ss-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ss-grid-compact .ss-card {\n padding: 1rem;\n}\n\n.ss-grid-compact .ss-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ss-grid-compact .ss-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ss-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ss-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ss-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ss-primary), var(--ss-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.ss-timeline-content {\n flex: 1;\n background: var(--ss-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ss-radius-sm);\n box-shadow: var(--ss-shadow);\n}\n\n.ss-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ss-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ss-timeline-content p {\n font-size: 14px;\n color: var(--ss-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ss-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ss-primary-light);\n border-radius: var(--ss-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ss-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ss-tip p {\n font-size: 14px;\n color: var(--ss-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ss-accordion {\n background: var(--ss-white);\n border-radius: var(--ss-radius);\n box-shadow: var(--ss-shadow);\n overflow: hidden;\n}\n\n.ss-accordion-item {\n border-bottom: 1px solid var(--ss-border);\n margin: 0;\n padding: 0;\n}\n\n.ss-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ss-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ss-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.ss-accordion-header:hover {\n background: var(--ss-primary-light);\n}\n\n.ss-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ss-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ss-primary);\n transition: transform .2s ease;\n}\n\n.ss-accordion-item[open] .ss-accordion-header::after {\n content: '−';\n}\n\n.ss-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ss-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ss-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ss-cta-box {\n background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-primary-dark) 100%);\n border-radius: var(--ss-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ss-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.ss-disclaimer {\n font-size: 12px;\n color: var(--ss-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 .ss-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ss-card {\n padding: 1.125rem;\n }\n\n .ss-section {\n margin-bottom: 1.75rem;\n }\n\n .ss-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ss-radius-sm);\n }\n\n .ss-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ss-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ss-grid-compact {\n gap: .625rem;\n }\n\n .ss-grid-compact .ss-card {\n padding: .75rem;\n }\n\n .ss-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ss-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ss-timeline-content h3 {\n font-size: 14px;\n }\n\n .ss-timeline-content p {\n font-size: 13px;\n }\n\n .ss-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ss-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ss-testimonial {\n padding: 1.25rem;\n }\n\n .ss-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ss-card {\n animation: ssFadeInUp .5s ease backwards;\n }\n .ss-card:nth-child(1) { animation-delay: .05s; }\n .ss-card:nth-child(2) { animation-delay: .1s; }\n .ss-card:nth-child(3) { animation-delay: .15s; }\n .ss-card:nth-child(4) { animation-delay: .2s; }\n .ss-card:nth-child(5) { animation-delay: .25s; }\n .ss-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ssFadeInUp {\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 .ss-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":45755188215965,"sku":"NBAICAV0059","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-cheveux-gras-a-lhuile-de-sesame-comme-avant-lifestyle.webp?v=1775311213"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-argan-et-poudre-dorange-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux secs à l'huile d'Argan - Comme avant","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐌 Slow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eShampoing solide cheveux secs à l'huile d'argan\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eComme Avant — Version 2\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003e4 ingrédients nobles, 100 % d'origine naturelle. Un galet artisanal qui nourrit, répare et sublime vos cheveux secs dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eShampoing solide à l'huile d'argan : le soin nourrissant pour cheveux secs\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVos cheveux sont secs, ternes ou cassants ? Vous cherchez un \u003cstrong\u003eshampoing pour cheveux secs\u003c\/strong\u003e qui nourrit vraiment, sans ingrédients superflus ? Le \u003cstrong\u003eshampoing solide bio à l'huile d'argan Comme Avant\u003c\/strong\u003e a été conçu précisément pour répondre à ce besoin. Sa formule courte, certifiée COSMOS Organic et 100 % d'origine naturelle, apporte nutrition et douceur dès le premier lavage, sans jamais alourdir la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs vont l'adorer\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eQuand on a les \u003cstrong\u003echeveux secs\u003c\/strong\u003e, choisir le bon shampoing change tout. Ce \u003cstrong\u003eshampoing solide\u003c\/strong\u003e ne se contente pas de nettoyer : il répare et protège activement vos longueurs grâce à l'huile d'argan bio, reconnue pour sa richesse en acides gras essentiels et en vitamine E.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫶 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eLes cheveux déshydratés ou abîmés retrouvent leur souplesse et leur vitalité grâce aux acides gras essentiels de l'argan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Brillance et douceur\u003c\/h3\u003e\n \u003cp\u003eApporte un éclat naturel sans effet gras ni résidu, pour des longueurs soyeuses au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💆 Démêlage naturel\u003c\/h3\u003e\n \u003cp\u003eLe behenyl alcohol, agent conditionneur végétal, facilite le démêlage sans après-shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧪 pH doux de 6\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux cuirs chevelus sensibles ou secs. Respecte l'équilibre naturel du scalp.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤰 Sans parfum ni huile essentielle\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux réactives, aux femmes enceintes et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⏳ Espace les lavages\u003c\/h3\u003e\n \u003cp\u003eCertains utilisateurs constatent que les cheveux restent propres et légers plus longtemps, permettant d'espacer les shampoings.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe shampoing solide peut faire office d'alternative à un \u003cstrong\u003eaprès-shampoing solide\u003c\/strong\u003e pour les cheveux fins qui s'alourdissent facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa force de ce \u003cstrong\u003eshampoing solide bio\u003c\/strong\u003e réside dans sa formule minimaliste. Seulement \u003cstrong\u003e4 ingrédients actifs\u003c\/strong\u003e, 100 % d'origine naturelle, dont 25 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n \u003cp\u003eTensioactif très doux dérivé de la noix de coco. Nettoie en douceur sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌱 Coco-Glucoside\u003c\/h3\u003e\n \u003cp\u003eAgent lavant d'origine végétale, non irritant. Produit une mousse onctueuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eArgania Spinosa Kernel Oil\u003c\/em\u003e — Nourrit, répare et protège la fibre capillaire grâce à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras naturel qui facilite le démêlage et adoucit la chevelure sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🍊 Poudre d'orange\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus Aurantium Dulcis Peel Powder\u003c\/em\u003e — Ravive l'éclat et stimule la microcirculation du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eAucun sulfate agressif, aucun silicone, aucun conservateur synthétique. Juste l'essentiel pour vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003ePassez vos cheveux sous l'eau tiède pour bien les imbiber avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eFrottez le galet\u003c\/h3\u003e\n \u003cp\u003eFrottez le shampoing directement sur votre cuir chevelu ou entre vos mains pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMassez et répartissez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu, puis répartissez la mousse sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eSi vos cheveux sont très secs, laissez agir une minute avant de rincer pour profiter pleinement des bienfaits nourrissants de l'argan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après utilisation, laissez sécher votre galet sur un porte-savon aéré pour prolonger sa durée de vie. \u003cstrong\u003eDeux à trois lavages par semaine\u003c\/strong\u003e suffisent généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eUn choix écologique et économique\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏅 Triple certification\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic, Slow Cosmétique, Vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage en carton kraft compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💰 Ultra économique\u003c\/h3\u003e\n \u003cp\u003e70 g = environ 2 flacons de 200 ml, soit plusieurs mois d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eCompact et léger, idéal en bagage cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle, sans ingrédients polluants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eTolérance et précautions\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e👶 Pour qui est-il adapté ?\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eCe shampoing convient aux adultes, aux enfants dès 3 ans, ainsi qu'aux femmes enceintes et allaitantes. Sa formule sans parfum ni huile essentielle le rend idéal pour les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre galet au sec entre deux utilisations, de préférence sur un porte-savon aéré. Évitez de le laisser dans un fond d'eau stagnante pour prolonger sa durée de vie.\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=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux secs le soin naturel qu'ils méritent.\u003cbr\u003eSeulement 4 ingrédients, une efficacité prouvée, un geste écoresponsable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sa-cream: #faf6f0;\n --sa-white: #ffffff;\n --sa-primary: #c8944a;\n --sa-primary-dark: #8b6331;\n --sa-primary-light: #f5ead8;\n --sa-secondary: #d4a85c;\n --sa-accent: #d4785c;\n\n \/* Textes *\/\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sa-border: #e8ddd0;\n --sa-shadow: 0 4px 24px rgba(139,99,49,.08);\n --sa-shadow-lg: 0 12px 48px rgba(139,99,49,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6331 0%, #c8944a 50%, #d4a85c 100%);\n border-radius: var(--sa-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(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sa-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.15;\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-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.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-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(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-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.sa-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(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-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.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-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.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-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.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-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.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-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 .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\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 .sa-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":45755188445341,"sku":"NBAICAV0058","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-argan-comme-avant_4_11zon.webp?v=1758532789"},{"product_id":"creme-solide-au-beurre-de-karite-noisette-et-manjishta-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide pour Peaux à imperfections à l'huile de Noisette - 50g - Comme avant","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e de \u003cem\u003eComme Avant\u003c\/em\u003e, une merveille de la cosmétique naturelle conçue pour chouchouter votre peau en profondeur. Offrez-vous le luxe d'un soin ultra-nourrissant, enrichi aux ingrédients bio les plus fins et conditionné dans un élégant pot kraft de 50 g, pratique et écologique.\u003c\/p\u003e\n\u003cp\u003eCette crème solide, aux vertus exceptionnelles, est formulée à partir de \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e, d'huile de \u003cstrong\u003enoisette\u003c\/strong\u003e et de poudre de \u003cstrong\u003emanjishta\u003c\/strong\u003e, des ingrédients soigneusement choisis pour leurs propriétés bienfaisantes et leur respect de l'environnement. Elle convient parfaitement aux peaux sèches, mixtes et même sujettes aux imperfections, offrant un soin polyvalent et efficace.\u003c\/p\u003e\n\u003cp\u003eLe beurre de karité procure une hydratation intense et longue durée tandis que l'huile de noisette, riche en acides gras essentiels, régule la production de sébum. La poudre de manjishta, un ingrédient ayurvédique réputé, illumine et purifie la peau en douceur.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eRien de plus simple !\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003eRéchauffez la crème solide entre vos mains jusqu’à ce qu’elle devienne suffisamment molle pour en prélever une petite quantité.\u003c\/li\u003e\n\u003cli\u003eAppliquez directement sur le visage, le corps ou les zones nécessitant une hydratation.\u003c\/li\u003e\n\u003cli\u003eMassez délicatement pour faire pénétrer les actifs dans la peau.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eUtilisée quotidiennement, cette crème vous assure une peau douce, nourrie et éclatante de santé.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e est élaborée à partir de quatre ingrédients strictement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité\u003c\/strong\u003e : hydratant, apaisant et riche en vitamines A, D, E et F.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de noisette\u003c\/strong\u003e : régulatrice de sébum et adoucissante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre de manjishta\u003c\/strong\u003e : détoxifiante et purifiante, favorisant une peau claire et éclatante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmidon de maïs\u003c\/strong\u003e : agent de texture, pour une application facile et agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFormule 100% naturelle, sans conservateurs, colorants ou parfums artificiels. Idéale pour les peaux sensibles.\u003c\/p\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003eComme Avant\u003c\/em\u003e est une marque engagée, basée en France, qui met un point d'honneur à proposer des produits respectueux de l’homme et de l’environnement. La \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e est fabriquée artisanalement dans leurs ateliers, garantissant une qualité irréprochable et une traçabilité totale des ingrédients.\u003c\/p\u003e\n\u003cp\u003eChaque pot kraft est conçu pour limiter l'impact environnemental, en utilisant des matériaux recyclables et biodégradables.\u003c\/p\u003e\n\u003cp\u003eFaites le choix d'une beauté authentique et responsable avec la \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e. Votre peau mérite le meilleur de la nature !\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755189854365,"sku":"NBAICAV0057","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-peaux-imperfections-huile-noisette-50g-comme-avant_1_11zon.jpg?v=1759485793"},{"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":13.99,"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":"creme-solide-au-beurre-de-karite-arnica-et-rose-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât d'Arnica - Calme et apaise - 50 g - Comme avant","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eCrème solide au macérât d'Arnica de Comme avant\u003c\/strong\u003e, votre alliée idéale pour une peau douce et nourrie en profondeur. Cette crème solide est spécialement conçue pour répondre aux besoins des peaux sèches, sensibles et déshydratées. Fabriquée à partir d'ingrédients 100% naturels et certifiés bio, elle offre une solution écologique et efficace pour prendre soin de votre peau tout en respectant l'environnement.\u003c\/p\u003e\n\u003cp\u003eLe beurre de Karité est reconnu pour ses propriétés nourrissantes et régénérantes, l'arnica apporte ses vertus apaisantes et anti-inflammatoires, tandis que l'huile essentielle de rose est prisée pour ses effets relaxants et son parfum délicat. C'est un véritable concentré de bienfaits pour votre peau, dans un format pratique et économique.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO\u003c\/strong\u003e s'utilise facilement grâce à sa texture fondante. Il suffit de la faire chauffer légèrement entre vos mains pour qu'elle libère ses actifs nourrissants. Appliquez ensuite sur les zones à hydrater et massez délicatement jusqu'à absorption complète. Utilisée quotidiennement, cette crème vous assure une peau douce, souple et hydratée en profondeur.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eCette crème solide se compose de \u003cstrong\u003equatre ingrédients naturels\u003c\/strong\u003e soigneusement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBeurre de Karité Bio : riche en vitamines A, D et E, il nourrit et régénère la peau.\u003c\/li\u003e\n\u003cli\u003eArnica Bio : connue pour ses propriétés anti-inflammatoires et apaisantes.\u003c\/li\u003e\n\u003cli\u003eHuile Essentielle de Rose Bio : apporte une sensation de bien-être et une odeur florale délicate.\u003c\/li\u003e\n\u003cli\u003eCire de Candelilla Bio : offre une texture solide et agréable à utiliser.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa formulation simple et courte permet de réduire les risques d'allergies et de garantir une tolérance optimale pour toutes les peaux, même les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO\u003c\/strong\u003e est fabriquée en France, dans le respect des normes environnementales les plus strictes. Chaque ingrédient est sélectionné avec soin pour sa qualité et son origine bio certifiée. Le pot en kraft de 50 g est une solution écologique qui limite les déchets et favorise le recyclage.\u003c\/p\u003e\n\u003cp\u003eOptez pour une routine beauté naturelle et responsable avec cette crème solide, un produit respectueux de votre peau et de la planète. Offrez-vous le luxe d'un soin authentique et efficace, pour une peau éclatante de santé et de beauté.\u003c\/p\u003e\n\u003cp\u003eCommandez dès maintenant la \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO - en pot kraft 50 g - de Comme avant\u003c\/strong\u003e et découvrez tout le potentiel de la cosmétique naturelle made in France.\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190608029,"sku":"NBAICAV0055","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-macerat-arnica-comme-avant_11zon.jpg?v=1759485990"},{"product_id":"creme-coiffante-disciplinante-100-g-k-pour-karite","title":"Crème Coiffante Disciplinante - 100 g - 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🏅 Certifiée Ecocert Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 100 g format nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCrème coiffante disciplinante\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eDomptez vos boucles avec une formule naturelle au beurre de karité bio et à l'aloe vera. Coiffage souple, hydratation durable, fini sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCrème coiffante disciplinante K pour Karité : des boucles sublimées au naturel\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème coiffante\u003c\/strong\u003e capable de dompter vos cheveux sans les alourdir ni les agresser ? La \u003cstrong\u003ecrème coiffante disciplinante de K pour Karité\u003c\/strong\u003e est formulée avec 99 % d'ingrédients d'origine naturelle pour offrir à vos cheveux un coiffage souple, une hydratation durable et un fini naturel. Certifiée \u003cstrong\u003eEcocert Cosmos Natural\u003c\/strong\u003e, elle convient aussi bien comme \u003cstrong\u003ecrème coiffante femme\u003c\/strong\u003e que comme \u003cstrong\u003ecrème coiffante homme\u003c\/strong\u003e, quel que soit votre type de cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème coiffante pour vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eQue vos cheveux soient lisses, ondulés, bouclés ou crépus, cette crème répond à plusieurs besoins capillaires en un seul geste :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Redéfinition des boucles\u003c\/h3\u003e\n \u003cp\u003eVéritable crème coiffante boucles, elle sculpte et structure chaque boucle pour un effet wavy souple et rebondi, sans rigidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Action anti-frisottis\u003c\/h3\u003e\n \u003cp\u003eElle lisse la fibre capillaire en surface, réduisant visiblement les frisottis même par temps humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Hydratation et nutrition\u003c\/h3\u003e\n \u003cp\u003eGrâce au beurre de karité et à l'aloe vera bio, vos cheveux retrouvent douceur, brillance et souplesse dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍃 Coiffage sans résidu\u003c\/h3\u003e\n \u003cp\u003eSa texture légère pénètre rapidement sans laisser d'effet collant ni cartonné, pour un rendu naturel toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème coiffante disciplinante ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eSon utilisation est simple et s'adapte à votre routine. Voici nos conseils pour en tirer le meilleur :\u003c\/p\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\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème, frottez-la entre vos paumes et répartissez-la des longueurs jusqu'aux pointes. Scrunchez vos boucles pour les redéfinir, puis laissez sécher à l'air libre ou au diffuseur.\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\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité pour lisser les frisottis, donner du mouvement ou créer un look coiffé-décoiffé maîtrisé.\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\u003eEn finition\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la comme touche finale pour discipliner les mèches rebelles et apporter de la brillance.\u003c\/p\u003e\n \u003c\/div\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\u003eCette crème coiffante cheveux bouclés fonctionne particulièrement bien en combinaison avec un leave-in conditioner pour maximiser l'hydratation des cheveux très secs ou crépus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eUne composition naturelle et certifiée\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLa force de cette crème coiffante réside dans la qualité de ses ingrédients. Formulée avec \u003cstrong\u003e99 % d'ingrédients naturels\u003c\/strong\u003e dont \u003cstrong\u003e21 % issus de l'agriculture biologique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément la fibre capillaire, apporte brillance et protège contre la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur, apaise le cuir chevelu sensible et aide à préserver l'éclat des cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🫒 Oléine de karité\u003c\/h3\u003e\n \u003cp\u003eAssouplit les cheveux et facilite le démêlage sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la chevelure et offre une protection contre les agressions extérieures (pollution, chaleur, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔬 Phytokératine\u003c\/h3\u003e\n \u003cp\u003eRépare et renforce la structure du cheveu pour des longueurs plus résistantes et élastiques.\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\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans sulfates\u003c\/strong\u003e. Elle respecte votre cuir chevelu comme l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCertifications et engagements K pour Karité\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🏅 Ecocert Cosmos Natural\u003c\/h3\u003e\n \u003cp\u003eFormulation respectueuse des normes environnementales les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌍 Cosmétique responsable\u003c\/h3\u003e\n \u003cp\u003eK pour Karité s'engage depuis ses débuts pour une beauté éthique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n \u003cp\u003eTube compact de 100 g, idéal pour glisser dans votre sac ou trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique certifiée.\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 \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003e🌀 Offrez à vos cheveux le soin coiffant qu'ils méritent : naturel, efficace et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-accordion\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état de vos cheveux. Produit cosmétique, ne se substitue pas à un traitement capillaire professionnel.\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: #3a7ca5;\n --kpk-primary-dark: #1e4d6e;\n --kpk-primary-light: #e8f2f8;\n --kpk-secondary: #c9a34e;\n --kpk-accent: #d4a843;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e4dfd8;\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, #1e4d6e 0%, #3a7ca5 45%, #c9a34e 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,163,78,.15) 0%, transparent 50%);\n opacity: .6;\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 .5rem 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: .05em;\n text-transform: uppercase;\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\/* === 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}\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\/* === 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\/* === 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\/* === 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\/* === 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-bottom: 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\/* === 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\/* === SECTION INTRO === *\/\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 line-height: 1.7;\n}\n\n.kpk-section-intro strong {\n color: var(--kpk-text);\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\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":45755248640157,"sku":"KT0050","price":15.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-coiffante-disciplinante-100-g-k-pour-karite-packshothd.webp?v=1775993447"},{"product_id":"apigene-90-extrait-a-90-jade-recherche","title":"Apigene 90 - extrait à 90% d'apigénine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Apigene 90 - Extrait à 90% d'apigénine - Jade Recherche\nPalette détectée:\n - Primaire: #E63329 (rouge vif du logo APIGENE)\n - Secondaire: #2E8B57 (vert émeraude des accents et flèches)\n - Accent: #1E73BE (bleu du bandeau Citrus Paradisi)\n - Neutre: #F5F5F0 (crème\/beige clair pour le fond)\nAmbiance: Scientifique\/pharmaceutique avec une touche naturelle (agrumes), packaging médical épuré, pot en verre transparent suggérant pureté et qualité\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de l'apigénine pour la peau\"\n 2. \"🧪 Composition\"\n 3. \"🧴 Mode d'emploi\"\n 4. \"⚠️ Précautions d'emploi\"\n 5. \"🔎 Notre avis sur Apigene 90\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🍊 Citrus Paradisi\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🔬 90% Apigénine\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eApigene 90\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003eExtrait concentré à 90% d'apigénine\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003eUn soin topique hautement concentré en apigénine, flavonoïde naturel extrait du pamplemousse, pour apaiser les inflammations cutanées, atténuer les cernes et renforcer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits de l'apigénine pour la peau --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'apigénine pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👁️ Réduction des cernes et ecchymoses\u003c\/h3\u003e\n \u003cp\u003eL'apigénine améliore la microcirculation en renforçant les parois capillaires et en favorisant l'élimination de la bilirubine, responsable de la coloration des cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Apaisement des inflammations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires puissantes, l'apigénine atténue les réactions inflammatoires de la peau, idéale en cas de dermatite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement de la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eL'application topique réduit la perte d'eau transépidermique et augmente l'hydratation du stratum corneum pour une peau protégée.\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=\"api-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient actif\u003c\/h3\u003e\n \u003cp\u003eExtrait de \u003cem\u003eCitrus paradisi\u003c\/em\u003e titré à 90% d'apigénine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 8 g de poudre pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e200 à 400 mg par jour, soit une à deux cuillères doseuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eDiluer la poudre dans quelques gouttes d'eau ou d'huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquer localement sur la zone concernée en massant légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisation quotidienne recommandée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-accordion\"\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné exclusivement à un usage topique. Ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🍋 Allergies aux agrumes\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue aux agrumes ou au pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Notre avis sur Apigene 90 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🔎 Notre avis sur Apigene 90\u003c\/h2\u003e\n \u003cdiv class=\"api-testimonial\"\u003e\n \u003cp class=\"api-testimonial-text\"\u003e\"Très honnêtement, Apigene 90 s'adresse surtout à celles et ceux qui veulent aller un peu plus loin dans le soin ciblé. Ce n'est pas le genre de produit qu'on applique vite fait sans y penser : il demande un peu de préparation, un dosage précis, et surtout une utilisation régulière pour bien en tirer les bénéfices. Mais c'est justement là que réside tout son intérêt. Vous avez des cernes marqués, une peau qui rougit facilement, ou quelques irritations chroniques ? Dans ces cas-là, l'apigénine à cette concentration peut vraiment faire la différence. On apprécie beaucoup la pureté de la formule, sans ingrédients superflus ni parfum ajouté, ce qui en fait une option très douce pour la peau, même sensible. Après, soyons transparents : il ne remplacera pas une bonne routine de base, mais il viendra la compléter de façon très efficace sur les zones spécifiques qui posent problème.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le pouvoir apaisant de l'apigénine avec Apigene 90.\u003cbr\u003eUn soin naturel et concentré pour une peau visiblement plus lumineuse et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"api-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une routine de soin complète. Résultats variables selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --api-cream: #F7F6F2;\n --api-white: #ffffff;\n --api-primary: #E63329;\n --api-primary-dark: #C42A22;\n --api-primary-light: #FEF0EF;\n --api-secondary: #2E8B57;\n --api-secondary-light: #E8F5EE;\n --api-accent: #1E73BE;\n \n \/* Textes *\/\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n \n \/* Effets *\/\n --api-border: #e0e0e0;\n --api-shadow: 0 4px 24px rgba(0,0,0,.08);\n --api-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 40%, var(--api-secondary) 100%);\n border-radius: var(--api-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(--api-shadow-lg);\n}\n\n.api-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.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.api-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\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,.25);\n}\n\n.api-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.api-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\/* === BADGES === *\/\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-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(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-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.api-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(--api-primary), var(--api-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.api-grid-compact .api-card {\n padding: 1.25rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 15px;\n margin-bottom: .5rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(230,51,41,.25);\n}\n\n.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.api-accordion {\n background: var(--api-white);\n border-radius: var(--api-radius);\n box-shadow: var(--api-shadow);\n overflow: hidden;\n}\n\n.api-accordion-item {\n border-bottom: 1px solid var(--api-border);\n margin: 0;\n padding: 0;\n}\n\n.api-accordion-item:last-child {\n border-bottom: none;\n}\n\n.api-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--api-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.api-accordion-header:hover {\n background: var(--api-primary-light);\n}\n\n.api-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.api-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--api-primary);\n transition: transform .2s ease;\n}\n\n.api-accordion-item[open] .api-accordion-header::after {\n content: '−';\n}\n\n.api-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--api-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.api-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.api-testimonial {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--api-shadow);\n border-left: 4px solid var(--api-secondary);\n}\n\n.api-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--api-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-secondary) 0%, #236B43 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.api-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: rgba(255,255,255,.08);\n border-radius: 50%;\n}\n\n.api-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.api-disclaimer {\n font-size: 12px;\n color: var(--api-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 .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-grid-compact {\n gap: .75rem;\n }\n \n .api-grid-compact .api-card {\n padding: 1rem;\n }\n \n .api-grid-compact .api-card h3 {\n font-size: 14px;\n }\n \n .api-grid-compact .api-card p {\n font-size: 12px;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .api-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .api-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .api-testimonial {\n padding: 1.25rem;\n }\n \n .api-testimonial-text {\n font-size: 14px;\n }\n \n .api-badges-top {\n gap: 6px;\n }\n \n .api-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n \n .api-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .api-timeline-item:nth-child(1) { animation-delay: .1s; }\n .api-timeline-item:nth-child(2) { animation-delay: .2s; }\n .api-timeline-item:nth-child(3) { animation-delay: .3s; }\n .api-timeline-item: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\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .api-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":45755254767773,"sku":"APIJADE90","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apigene-90-extrait-a-90-dapigenine-jade-recherche-lifestyle.webp?v=1768908833"},{"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":11.99,"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":"propolis-verte-et-miel-de-manuka-150-ml-aagaard","title":"Sirop Propolis Verte et Miel de Manuka - 150 ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sirop Propolis Verte et Miel de Manuka - Aagaard\nPalette détectée:\n - Primaire: #1a4a4a (vert foncé profond du packaging principal)\n - Secondaire: #c9a227 (doré\/or du texte \"Propolis Verte\" et \"Miel de Manuka\")\n - Accent: #4a7c59 (vert bordure de l'étiquette)\n - Background: #f8f6f1 (crème naturel)\nAmbiance: Naturel\/Bio, Premium apicole, Tradition française, Santé naturelle\nPréfixe CSS: pvm\n--\u003e\n\n\u003cdiv class=\"pvm-premium\"\u003e\n \n \u003cdiv class=\"pvm-hero\"\u003e\n \u003cdiv class=\"pvm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pvm-hero-content\"\u003e\n \u003cdiv class=\"pvm-badges-top\"\u003e\n \u003cspan class=\"pvm-badge\"\u003e🐝 Propolis verte du Brésil\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🍯 Manuka 250+ MGO\u003c\/span\u003e\n \u003cspan class=\"pvm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pvm-hero-title\"\u003eSirop Propolis Verte \u0026amp; Miel de Manuka\u003c\/span\u003e\n \u003cp class=\"pvm-subtitle\"\u003eL'alliance exceptionnelle de deux trésors de la ruche\u003c\/p\u003e\n \u003cp class=\"pvm-description\"\u003eCertifié Bio • 150 ml • Depuis 1967\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi ce sirop est unique\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌱 Propolis verte brésilienne\u003c\/h3\u003e\n \u003cp\u003eRécoltée à partir du romarin des champs, elle contient l'\u003cstrong\u003eArtépilline C\u003c\/strong\u003e, un composé exclusif absent des propolis européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🍯 Miel de Manuka 250+ MGO\u003c\/h3\u003e\n \u003cp\u003eIndice élevé en méthylglyoxal garantissant une concentration optimale en principes actifs de Nouvelle-Zélande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌸 Échinacée bio\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour soutenir les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌲 Huiles essentielles\u003c\/h3\u003e\n \u003cp\u003ePin sylvestre, Eucalyptus radié et Manuka pour dégager les voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e✨ Pureté exceptionnelle\u003c\/h3\u003e\n \u003cp\u003ePropolis récoltée dans des zones préservées du Brésil, loin de toute pollution industrielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🏆 Qualité certifiée AB\u003c\/h3\u003e\n \u003cp\u003e100% des ingrédients issus de l'agriculture biologique, traçabilité complète garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est ce sirop ?\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e❄️ Sensibles au froid\u003c\/h3\u003e\n \u003cp\u003eIdéal pour traverser l'hiver sereinement et renforcer votre résistance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e😷 Gêne de la gorge\u003c\/h3\u003e\n \u003cp\u003eApaise et adoucit naturellement en cas d'inconfort au niveau des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui recherchent une alternative bio aux solutions conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🇫🇷 Exigeants sur la qualité\u003c\/h3\u003e\n \u003cp\u003eFabrication française selon les normes GMP de l'OMS depuis plus de 55 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📋 Composition complète\u003c\/h2\u003e\n \u003cdiv class=\"pvm-composition\"\u003e\n \u003cdiv class=\"pvm-ingredient-grid\"\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍚 Sirop de riz bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eBase naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍯 Miel de montagne bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eAdoucissant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🌸 Échinacée bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eExtrait de racine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍯 Miel de Manuka bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003e5% - 250+ MGO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🐝 Propolis verte bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003e1,5% - Extrait alcoolique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🌿 HE de Manuka bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eFeuilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🌲 HE Pin sylvestre bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eAiguilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-ingredient\"\u003e\n \u003cspan class=\"pvm-ingredient-name\"\u003e🍃 HE Eucalyptus radié bio\u003c\/span\u003e\n \u003cspan class=\"pvm-ingredient-detail\"\u003eFeuilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e✅ Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pvm-steps\"\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cdiv class=\"pvm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à soupe (15 ml)\u003c\/strong\u003e, 2 fois par jour, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cdiv class=\"pvm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 jours\u003c\/strong\u003e de cure, renouvelable si nécessaire selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-step\"\u003e\n \u003cdiv class=\"pvm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pvm-step-content\"\u003e\n \u003ch3\u003eAstuce efficacité\u003c\/h3\u003e\n \u003cp\u003eLaissez le sirop quelques secondes en bouche avant d'avaler pour optimiser l'action sur la gorge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pvm-grid-compact\"\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon de 150 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e≈ 10 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance - Depuis 1967\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pvm-card\"\u003e\n \u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"pvm-accordion\"\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eConservez le sirop à l'abri de la chaleur et de l'humidité. Après ouverture, refermez bien le flacon et consommez dans les 3 mois pour préserver toutes les qualités du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire n'est \u003cstrong\u003epas adapté\u003c\/strong\u003e aux :\u003c\/p\u003e\n \u003cul style=\"margin: .5rem 0 0 1.25rem; line-height: 1.8;\"\u003e\n \u003cli\u003eEnfants de moins de 12 ans\u003c\/li\u003e\n \u003cli\u003eFemmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003ePersonnes allergiques aux produits de la ruche\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003eNe remplace pas une alimentation variée et équilibrée. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pvm-accordion-item\"\u003e\n \u003csummary class=\"pvm-accordion-header\"\u003e🏭 Engagement qualité Aagaard\u003c\/summary\u003e\n \u003cdiv class=\"pvm-accordion-content\"\u003e\n \u003cp\u003ePionnier de l'apithérapie en France depuis plus de 55 ans, Aagaard sélectionne les meilleures matières premières apicoles et fabrique selon les normes GMP (Bonnes Pratiques de Fabrication) de l'OMS. Traçabilité complète garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pvm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pvm-cta-box\"\u003e\n \u003cp\u003e🐝 L'alliance parfaite de la \u003cstrong\u003epropolis verte brésilienne\u003c\/strong\u003e et du \u003cstrong\u003emiel de Manuka\u003c\/strong\u003e pour renforcer votre organisme naturellement tout au long de l'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pvm-cream: #f8f6f1;\n --pvm-white: #ffffff;\n --pvm-primary: #1a4a4a;\n --pvm-primary-dark: #0f3535;\n --pvm-primary-light: #e8f0ef;\n --pvm-secondary: #c9a227;\n --pvm-accent: #4a7c59;\n --pvm-text: #1a1a1a;\n --pvm-text-light: #5a5a5a;\n --pvm-border: #e0e0e0;\n --pvm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pvm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pvm-radius: 20px;\n --pvm-radius-sm: 12px;\n}\n\n.pvm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pvm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pvm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 50%, #0a2828 100%);\n border-radius: var(--pvm-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(--pvm-shadow-lg);\n}\n\n.pvm-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 L55 17.5 L55 42.5 L30 55 L5 42.5 L5 17.5 Z' fill='none' stroke='%23c9a227' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.pvm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pvm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.pvm-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(--pvm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pvm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(201,162,39,.3);\n}\n\n.pvm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.pvm-subtitle {\n color: var(--pvm-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.pvm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n}\n\n.pvm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pvm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pvm-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.pvm-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(--pvm-secondary), var(--pvm-accent));\n border-radius: 2px;\n}\n\n.pvm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pvm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pvm-card {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pvm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pvm-shadow-lg);\n border-color: var(--pvm-secondary);\n}\n\n.pvm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pvm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pvm-grid-compact .pvm-card {\n padding: 1rem;\n}\n\n.pvm-grid-compact .pvm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pvm-grid-compact .pvm-card p {\n font-size: 12px;\n}\n\n\/* Composition *\/\n.pvm-composition {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pvm-shadow);\n}\n\n.pvm-ingredient-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.pvm-ingredient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--pvm-primary-light);\n border-radius: var(--pvm-radius-sm);\n border-left: 4px solid var(--pvm-secondary);\n}\n\n.pvm-ingredient-name {\n font-weight: 700;\n color: var(--pvm-primary-dark);\n font-size: 14px;\n margin-bottom: 4px;\n}\n\n.pvm-ingredient-detail {\n font-size: 12px;\n color: var(--pvm-text-light);\n}\n\n\/* Steps *\/\n.pvm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pvm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pvm-shadow);\n align-items: flex-start;\n transition: all .3s ease;\n}\n\n.pvm-step:hover {\n transform: translateX(8px);\n box-shadow: var(--pvm-shadow-lg);\n}\n\n.pvm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--pvm-secondary), var(--pvm-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(201,162,39,.3);\n}\n\n.pvm-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--pvm-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.pvm-step-content p {\n font-size: 14px;\n color: var(--pvm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Accordéon *\/\n.pvm-accordion {\n background: var(--pvm-white);\n border-radius: var(--pvm-radius);\n box-shadow: var(--pvm-shadow);\n overflow: hidden;\n}\n\n.pvm-accordion-item {\n border-bottom: 1px solid var(--pvm-border);\n margin: 0;\n padding: 0;\n}\n\n.pvm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pvm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pvm-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.pvm-accordion-header:hover {\n background: var(--pvm-primary-light);\n}\n\n.pvm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pvm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pvm-secondary);\n transition: transform .2s ease;\n}\n\n.pvm-accordion-item[open] .pvm-accordion-header::after {\n content: '−';\n}\n\n.pvm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pvm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.pvm-accordion-content p {\n margin: 0;\n}\n\n\/* CTA Box *\/\n.pvm-cta-box {\n background: linear-gradient(135deg, var(--pvm-primary) 0%, var(--pvm-primary-dark) 100%);\n border-radius: var(--pvm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pvm-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, var(--pvm-secondary) 0%, transparent 70%);\n opacity: .15;\n}\n\n.pvm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n .pvm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pvm-grid-compact {\n gap: .625rem;\n }\n \n .pvm-grid-compact .pvm-card {\n padding: .75rem;\n }\n \n .pvm-card {\n padding: 1.125rem;\n }\n \n .pvm-section {\n margin-bottom: 1.75rem;\n }\n \n .pvm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pvm-radius-sm);\n }\n \n .pvm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pvm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pvm-ingredient-grid {\n grid-template-columns: 1fr;\n }\n \n .pvm-step {\n gap: 1rem;\n }\n \n .pvm-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .pvm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pvm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n .pvm-card, .pvm-step, .pvm-ingredient {\n animation: fadeInUp .5s ease backwards;\n }\n .pvm-card:nth-child(1), .pvm-step:nth-child(1) { animation-delay: .05s; }\n .pvm-card:nth-child(2), .pvm-step:nth-child(2) { animation-delay: .1s; }\n .pvm-card:nth-child(3), .pvm-step:nth-child(3) { animation-delay: .15s; }\n .pvm-card:nth-child(4) { animation-delay: .2s; }\n .pvm-card:nth-child(5) { animation-delay: .25s; }\n .pvm-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 .pvm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755278491805,"sku":"NBAIAAG0007","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sirop-propolis-verte-et-miel-de-manuka-150-ml-aagaard_11zon.jpg?v=1759570803"},{"product_id":"deodorant-solide-au-beurre-de-cacao-geranium-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Menthe poivrée \u0026 Géranium Bourbon - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eMenthe poivrée \u0026amp; Géranium bourbon\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne protection naturelle et efficace toute la journée, sans sel d'aluminium ni bicarbonate. Formulé avec seulement 6 ingrédients bio, dans un tube kraft recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide bio au beurre de cacao, menthe poivrée et géranium bourbon\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Le \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e de Comme Avant associe la fraîcheur vivifiante de la \u003cstrong\u003ementhe poivrée\u003c\/strong\u003e à la douceur florale du \u003cstrong\u003egéranium bourbon\u003c\/strong\u003e. Certifié bio, vegan et fabriqué artisanalement près de Marseille, il vous accompagne toute la journée sans agresser vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Zéro sel d'aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun composant controversé : ni aluminium, ni bicarbonate de soude, ni parfum synthétique. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients soigneusement sélectionnés qui neutralisent les bactéries responsables des mauvaises odeurs, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et herbacé, ni trop fleuri ni trop sucré, convient aussi bien aux femmes qu'aux hommes. Un excellent déodorant naturel mixte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous avez déjà essayé un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e sans être convaincu par la tenue, celui-ci pourrait bien vous surprendre : une protection fiable même lors des journées les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète — seulement des ingrédients bio\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLa force de ce déodorant réside dans sa \u003cstrong\u003eformule courte et transparente\u003c\/strong\u003e, composée d'ingrédients 100 % d'origine naturelle et issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eBase fondante qui hydrate, adoucit et protège la peau des aisselles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et forme un film protecteur léger sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eAbsorbe naturellement l'humidité pour une sensation de sec durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation cutanée et facilite l'application du stick sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate et possède des propriétés antibactériennes puissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌸 Géranium bourbon bio\u003c\/h3\u003e\n \u003cp\u003eApporte une note florale subtile et contribue à réguler la transpiration naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Theobroma Cacao Seed Butter*, Helianthus Annuus Seed Oil*, Zea Mays Starch*, Glycerin, Mentha Piperita Oil*, Pelargonium Graveolens Oil*. \u003cem\u003e(*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePoussez le stick\u003c\/h3\u003e\n \u003cp\u003eAppuyez légèrement sur la base du tube kraft pour faire remonter le déodorant solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une fine couche\u003c\/h3\u003e\n \u003cp\u003ePassez le stick directement sur des aisselles propres et sèches, en une ou deux glissades.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps froid, le beurre de cacao peut durcir. Réchauffez le stick quelques instants entre vos mains pour ramollir la surface. En été, conservez-le dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn emballage zéro déchet, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Kraft recyclé\u003c\/h3\u003e\n \u003cp\u003eTube push-up en kraft recyclé et 100 % recyclable, sans plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🪶 Format nomade\u003c\/h3\u003e\n \u003cp\u003e50 g facile à glisser dans un sac ou une trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏭 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main dans les ateliers de Comme Avant, près de Marseille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Certifié\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic et labellisé Slow Cosmétique pour une transparence totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🩹 Application et réactions\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau irritée ou lésée. En cas de réaction cutanée, cessez immédiatement l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe déodorant ne constitue pas un anti-transpirant médical et ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine naturelle et zéro déchet avec le déodorant solide Comme Avant — votre peau et la planète vous diront merci.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eLes produits cosmétiques naturels ne sont pas des médicaments. Les résultats peuvent varier d'une personne à l'autre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #f7f3ef;\n --deo-white: #ffffff;\n --deo-primary: #c4956a;\n --deo-primary-dark: #7a5a3a;\n --deo-primary-light: #f3ebe3;\n --deo-secondary: #d4a574;\n --deo-accent: #a8c5a0;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e4ddd5;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5a3a 0%, #c4956a 50%, #d4a574 100%);\n border-radius: var(--deo-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(--deo-shadow-lg);\n}\n\n.deo-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 repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n opacity: .5;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-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.deo-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-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(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-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.deo-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(--deo-primary), var(--deo-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-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.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.deo-inci-box {\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-inci-box p {\n font-size: 13px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.deo-cta-box {\n background: linear-gradient(135deg, var(--deo-primary) 0%, var(--deo-primary-dark) 100%);\n border-radius: var(--deo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.deo-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.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\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 .deo-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":45755279933597,"sku":"NBAICAV0052","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-menthe-poivree-geranium--packshothd.webp?v=1776174011"},{"product_id":"carbodigest-charbon-vegetal-chien-chat-90-gelules-phytolab","title":"Carbo'digest + - Charbon Végétal pour Chien \u0026 Chats - 90 Gélules - Phyto'Lab","description":"\u003cdiv class=\"cd-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cd-hero\"\u003e\n\u003cdiv class=\"cd-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cd-hero-content\"\u003e\n\u003cdiv class=\"cd-badges-top\"\u003e\n\u003cspan class=\"cd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cd-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"cd-badge\"\u003e🐶🐱 Chien \u0026amp; chat\u003c\/span\u003e \u003cspan class=\"cd-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cd-hero-title\"\u003eCarbo'digest +\u003c\/span\u003e\n\u003cp class=\"cd-subtitle\"\u003eCharbon végétal \u0026amp; propolis pour chien et chat\u003c\/p\u003e\n\u003cp class=\"cd-description\"\u003eLe soutien digestif naturel qui absorbe les gaz, réduit les ballonnements et apaise les troubles intestinaux de votre compagnon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cd-section\"\u003e\n\u003ch2\u003ePourquoi choisir Carbo'digest+ pour votre chien ?\u003c\/h2\u003e\n\u003cp class=\"cd-section-intro\"\u003eLes troubles digestifs, ballonnements, gaz, diarrhées sont fréquents chez nos compagnons. Carbo'digest+ associe deux actifs naturels puissants pour un confort intestinal optimal.\u003c\/p\u003e\n\u003cdiv class=\"cd-grid\"\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e⬛ Charbon végétal\u003c\/h3\u003e\n\u003cp\u003ePuissant absorbant naturel, il capte les gaz intestinaux, réduit les ballonnements et possède des propriétés anti-diarrhéiques reconnues. Il piège les toxines et favorise leur élimination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🍯 Propolis\u003c\/h3\u003e\n\u003cp\u003eIngrédient aux propriétés anti-infectieuses et anti-inflammatoires, la propolis renforce la flore intestinale et aide à combattre les inflammations des intestins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cd-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"cd-section-intro\"\u003eAdaptez le dosage au poids de votre animal. À administrer jusqu'au retour à la normale des selles.\u003c\/p\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\u003eJusqu'à 5,4 kg\u003c\/h3\u003e\n\u003cp\u003e1 gélule par jour, idéal pour les petits chiens et les chats.\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\u003eDe 5,4 kg à 23 kg\u003c\/h3\u003e\n\u003cp\u003e2 gélules par jour, pour les chiens de taille moyenne.\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\u003eDe 23 kg à 68 kg\u003c\/h3\u003e\n\u003cp\u003e3 gélules par jour, pour les grands chiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-timeline-item\"\u003e\n\u003cdiv class=\"cd-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cd-timeline-content\"\u003e\n\u003ch3\u003ePlus de 68 kg\u003c\/h3\u003e\n\u003cp\u003e4 gélules par jour, pour les très grands gabarits.\u003c\/p\u003e\n\u003c\/div\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\u003eLes gélules peuvent être données directement dans la gueule ou mélangées à la nourriture pour une administration facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cd-section\"\u003e\n\u003ch2\u003eBénéfices pour votre chien\u003c\/h2\u003e\n\u003cdiv class=\"cd-grid\"\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e💨 Absorption des gaz\u003c\/h3\u003e\n\u003cp\u003eLe charbon végétal capte et élimine les gaz intestinaux responsables de l'inconfort et des flatulences de votre compagnon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🫧 Réduction des ballonnements\u003c\/h3\u003e\n\u003cp\u003eFini le ventre gonflé ! Carbo'digest+ apaise les tensions abdominales et restaure le confort digestif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🛡️ Soutien intestinal\u003c\/h3\u003e\n\u003cp\u003eLa propolis renforce la flore intestinale et protège les parois des intestins grâce à ses propriétés anti-inflammatoires naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🧹 Élimination des toxines\u003c\/h3\u003e\n\u003cp\u003eLe charbon végétal piège les toxines présentes dans le système digestif et facilite leur élimination naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🩹 Action anti-diarrhéique\u003c\/h3\u003e\n\u003cp\u003eIdéal en cas de diarrhées ponctuelles ou récurrentes, il aide à retrouver des selles normales rapidement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🐾 Confort au quotidien\u003c\/h3\u003e\n\u003cp\u003eParfait pour les animaux sujets aux troubles digestifs récurrents, offrant un soutien naturel et doux pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 \u0026 5 regroupées en accordéon --\u003e\n\u003csection class=\"cd-section\"\u003e\n\u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n\u003cdiv class=\"cd-grid-compact\"\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n\u003cp\u003e90 gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n\u003cp\u003eCharbon végétal, propolis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e🧪 Formule\u003c\/h3\u003e\n\u003cp\u003e100% naturelle pour la santé digestive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-card\"\u003e\n\u003ch3\u003e✋ Administration\u003c\/h3\u003e\n\u003cp\u003eFacile, directe ou dans la nourriture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cd-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cd-accordion\"\u003e\n\u003cdetails open=\"\" class=\"cd-accordion-item\"\u003e\n\u003csummary class=\"cd-accordion-header\"\u003e⚠️ Dosage\u003c\/summary\u003e\n\u003cdiv class=\"cd-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Respectez le dosage adapté au poids de votre animal.\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🩺 Consultation vétérinaire\u003c\/summary\u003e\n\u003cdiv class=\"cd-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de persistance des symptômes, consultez un vétérinaire. Ce complément ne remplace pas un traitement médical.\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\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cd-section\"\u003e\n\u003cdiv class=\"cd-cta-box\"\u003e\n\u003cp\u003e🐾 Offrez à votre compagnon un confort digestif naturel avec Carbo'digest+.\u003cbr\u003eFormulé en France, à base de charbon végétal et de propolis, pour un bien-être intestinal au quotidien.\u003c\/p\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 suivi vétérinaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cd-cream: #f5f3ef;\n --cd-white: #ffffff;\n --cd-primary: #7BA894;\n --cd-primary-dark: #2D6B4A;\n --cd-primary-light: #e8f2ec;\n --cd-secondary: #3B3B3B;\n --cd-accent: #C4A265;\n --cd-text: #1a1a1a;\n --cd-text-light: #5a5a5a;\n --cd-border: #e0e0e0;\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.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, #2D6B4A 0%, #7BA894 50%, #5a9478 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(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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: 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.cd-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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\/* === 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-primary-dark));\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\/* === 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}\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-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.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 === *\/\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\/* === CTA === *\/\n.cd-cta-box {\n background: linear-gradient(135deg, var(--cd-primary) 0%, var(--cd-primary-dark) 100%);\n border-radius: var(--cd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cd-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.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 === *\/\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-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":"PHYTO'LAB","offers":[{"title":"Default Title","offer_id":45755281146013,"sku":"CARBODIGEST","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carbo-digest-phyto-lab_11zon.jpg?v=1773077841"},{"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":15.89,"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":"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":47.99,"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":"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":16.99,"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":41.5,"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":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\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🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\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=\"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 sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\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=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\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=\"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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualité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🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\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✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\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=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles 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 --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.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-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 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='%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: 1;\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-secondary);\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 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.arg-subtitle {\n color: var(--arg-accent);\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,.2);\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.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-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.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-accent));\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.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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-secondary);\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-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\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-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-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(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\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-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.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 BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, 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: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-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,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\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-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\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, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-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\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 .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":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"product_id":"solution-auriculaire-pour-chiens-et-chats-30-ml-greenworld","title":"Soin des oreilles pour Chien et Chat - 30 ml - Phyto'Lab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin des oreilles pour Chien et Chat - 30 ml - Phyto'Lab\nPalette détectée:\n - Primaire: #E8C4B8 (rose poudré\/nude du packaging)\n - Secondaire: #4A7C59 (vert forêt du logo animal)\n - Accent: #2C5530 (vert foncé profond)\n - Blanc crème du flacon\nAmbiance: Naturel, doux, vétérinaire\/soin, confiance, fabrication française\nPréfixe CSS: ear\n--\u003e\n\u003cdiv class=\"ear-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ear-hero\"\u003e\n\u003cdiv class=\"ear-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ear-hero-content\"\u003e\n\u003cdiv class=\"ear-badges-top\"\u003e\n\u003cspan class=\"ear-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ear-badge\"\u003e🐾 Chiens \u0026amp; Chats\u003c\/span\u003e \u003cspan class=\"ear-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ear-hero-title\"\u003eSoin des oreilles pour chien \u0026amp; chat\u003c\/span\u003e\n\u003cp class=\"ear-subtitle\"\u003eLotion nettoyante aux vertus antiseptiques\u003c\/p\u003e\n\u003cp class=\"ear-description\"\u003eÀ base de propolis et d'extraits naturels apaisants, pour des oreilles saines et un animal soulagé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"ear-section\"\u003e\n\u003ch2\u003e🌟 Les bienfaits pour votre compagnon\u003c\/h2\u003e\n\u003cdiv class=\"ear-grid\"\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🛡️ Action antiseptique\u003c\/h3\u003e\n\u003cp\u003eLa propolis assainit naturellement le conduit auditif et protège contre les agents pathogènes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e😌 Apaisement immédiat\u003c\/h3\u003e\n\u003cp\u003eSoulage les démangeaisons et irritations dès la première application grâce aux extraits de camomille et calendula\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e💧 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eFormule douce qui respecte les oreilles sensibles sans provoquer brûlure ni dessèchement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🎯 Application précise\u003c\/h3\u003e\n\u003cp\u003eEmbout applicateur conçu pour un dosage maîtrisé et une utilisation sécurisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🧴 Nettoyage profond\u003c\/h3\u003e\n\u003cp\u003eÉlimine cérumen, impuretés et mauvaises odeurs pour une hygiène auriculaire optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐕 Universel\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les chiens et chats, quelle que soit leur race, taille ou âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"ear-section\"\u003e\n\u003ch2\u003e🌿 Des ingrédients naturels actifs\u003c\/h2\u003e\n\u003cdiv class=\"ear-grid\"\u003e\n\u003cdiv class=\"ear-card ear-card-ingredient\"\u003e\n\u003ch3\u003e🍯 Macérat de propolis\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel issu de la ruche, reconnu pour ses propriétés purifiantes et protectrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card ear-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Sécuridaca\u003c\/h3\u003e\n\u003cp\u003ePlante traditionnellement utilisée pour soutenir les défenses naturelles et apaiser les muqueuses sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card ear-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Thym\u003c\/h3\u003e\n\u003cp\u003ePlante aromatique aux propriétés assainissantes, appréciée pour son action purifiante et tonifiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card ear-card-ingredient\"\u003e\n\u003ch3\u003e🥜 Huile d’amande douce\u003c\/h3\u003e\n\u003cp\u003eHuile végétale nourrissante qui aide à adoucir, protéger et préserver le confort des tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ear-section\"\u003e\n\u003ch2\u003e🐾 Pour quels animaux ?\u003c\/h2\u003e\n\u003cdiv class=\"ear-grid\"\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐕 Chiens oreilles tombantes\u003c\/h3\u003e\n\u003cp\u003eCocker, Basset, Cavalier King Charles... Particulièrement sujets aux otites par manque de ventilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐕🦺 Chiens oreilles dressées\u003c\/h3\u003e\n\u003cp\u003eBerger allemand, Husky... En entretien régulier tous les 10 à 15 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐈 Chats d'intérieur\u003c\/h3\u003e\n\u003cp\u003eNe peuvent pas nettoyer eux-mêmes l'intérieur de leurs conduits auditifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐈⬛ Chats d'extérieur\u003c\/h3\u003e\n\u003cp\u003ePlus exposés aux parasites et débris, nécessitent une attention particulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐶 Chiots \u0026amp; chatons\u003c\/h3\u003e\n\u003cp\u003eDès 2 mois, formule douce adaptée aux plus jeunes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🏊 Chiens nageurs\u003c\/h3\u003e\n\u003cp\u003eIdéal après les baignades pour éliminer l'eau résiduelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ear-section\"\u003e\n\u003ch2\u003e📋 Comment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"ear-steps\"\u003e\n\u003cdiv class=\"ear-step\"\u003e\n\u003cdiv class=\"ear-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ear-step-content\"\u003e\n\u003ch3\u003eInstallez confortablement\u003c\/h3\u003e\n\u003cp\u003eChoisissez un endroit calme. Pour un chat, enveloppez-le dans une serviette si besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-step\"\u003e\n\u003cdiv class=\"ear-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ear-step-content\"\u003e\n\u003ch3\u003eSoulevez le pavillon\u003c\/h3\u003e\n\u003cp\u003eDélicatement, pour bien visualiser le conduit auditif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-step\"\u003e\n\u003cdiv class=\"ear-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ear-step-content\"\u003e\n\u003ch3\u003eInstillez quelques gouttes\u003c\/h3\u003e\n\u003cp\u003eDirectement dans le conduit grâce à l'embout applicateur précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-step\"\u003e\n\u003cdiv class=\"ear-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ear-step-content\"\u003e\n\u003ch3\u003eMassez la base\u003c\/h3\u003e\n\u003cp\u003e20 à 30 secondes jusqu'à entendre un léger bruit de succion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-step\"\u003e\n\u003cdiv class=\"ear-step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ear-step-content\"\u003e\n\u003ch3\u003eLaissez secouer\u003c\/h3\u003e\n\u003cp\u003eC'est naturel ! Cela permet de remonter les impuretés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-step\"\u003e\n\u003cdiv class=\"ear-step-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"ear-step-content\"\u003e\n\u003ch3\u003eEssuyez l'excédent\u003c\/h3\u003e\n\u003cp\u003eAvec une compresse propre, sans jamais introduire d'objet dans le conduit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FRÉQUENCE --\u003e\n\u003csection class=\"ear-section\"\u003e\n\u003ch2\u003e📅 À quelle fréquence ?\u003c\/h2\u003e\n\u003cdiv class=\"ear-grid-compact\"\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐕 Oreilles tombantes\u003c\/h3\u003e\n\u003cp\u003e1 à 2 fois\/semaine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐕🦺 Oreilles dressées\u003c\/h3\u003e\n\u003cp\u003eTous les 10-15 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐈 Chats\u003c\/h3\u003e\n\u003cp\u003e1 fois\/2 semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e⚡ En cas de gêne\u003c\/h3\u003e\n\u003cp\u003eQuelques jours consécutifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ear-section\"\u003e\n\u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ear-grid-compact\"\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n\u003cp\u003e30 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e🐰 Éthique\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ear-card\"\u003e\n\u003ch3\u003e✈️ Format\u003c\/h3\u003e\n\u003cp\u003eCompact voyage\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=\"ear-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"ear-accordion\"\u003e\n\u003cdetails class=\"ear-accordion-item\"\u003e\n\u003csummary class=\"ear-accordion-header\"\u003e🧪 Composition complète\u003c\/summary\u003e\n\u003cdiv class=\"ear-accordion-content\"\u003e\n\u003cp\u003eAqua, Propolis Extract, Glycerin, Aloe Barbadensis Leaf Juice, Calendula Officinalis Flower Extract, Chamomilla Recutita Flower Extract, Phenoxyethanol, Ethylhexylglycerin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ear-accordion-item\"\u003e\n\u003csummary class=\"ear-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ear-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement, réservé aux animaux. Évitez tout contact avec les yeux. N'utilisez pas sur une oreille présentant une plaie ouverte ou un écoulement purulent. En cas de réaction inhabituelle, cessez l'utilisation et consultez votre vétérinaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ear-accordion-item\"\u003e\n\u003csummary class=\"ear-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ear-accordion-content\"\u003e\n\u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ear-accordion-item\"\u003e\n\u003csummary class=\"ear-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n\u003cdiv class=\"ear-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003ePuis-je l'utiliser sur un chiot ou un chaton ?\u003c\/strong\u003e\u003cbr\u003eOui, la formule douce convient aux jeunes animaux dès l'âge de 2 mois.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eMon chien a une otite, ce soin peut-il le soigner ?\u003c\/strong\u003e\u003cbr\u003eCe soin est conçu pour le nettoyage et la prévention. En cas d'otite déclarée, consultez impérativement votre vétérinaire.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003ePuis-je l'utiliser après une baignade ?\u003c\/strong\u003e\u003cbr\u003eAbsolument ! C'est même recommandé pour éliminer l'eau résiduelle et prévenir les infections.\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=\"ear-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ear-cta-box\"\u003e\n\u003cp\u003e🐾 Offrez à votre compagnon le confort qu'il mérite avec un soin auriculaire naturel et efficace, formulé en France avec des ingrédients de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ear-cream: #faf8f6;\n --ear-white: #ffffff;\n --ear-primary: #E8C4B8;\n --ear-primary-dark: #c9a091;\n --ear-primary-light: #f5e6e0;\n --ear-secondary: #4A7C59;\n --ear-secondary-dark: #2C5530;\n --ear-accent: #2C5530;\n --ear-text: #1a1a1a;\n --ear-text-light: #5a5a5a;\n --ear-border: #e8e0dc;\n --ear-shadow: 0 4px 24px rgba(74,124,89,.08);\n --ear-shadow-lg: 0 12px 48px rgba(74,124,89,.15);\n --ear-radius: 20px;\n --ear-radius-sm: 12px;\n}\n\n.ear-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ear-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ear-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ear-secondary) 0%, var(--ear-secondary-dark) 50%, #1e3d22 100%);\n border-radius: var(--ear-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(--ear-shadow-lg);\n}\n\n.ear-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 0-4 2-4 4 0 1 .5 2 1 3-3 1-5 4-5 7 0 2 1 4 2 5-2 2-3 4-3 7 0 5 4 9 9 9s9-4 9-9c0-3-1-5-3-7 1-1 2-3 2-5 0-3-2-6-5-7 .5-1 1-2 1-3 0-2-2-4-4-4z' fill='%23ffffff' fill-opacity='.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.ear-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ear-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ear-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(--ear-secondary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ear-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ear-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.ear-subtitle {\n color: var(--ear-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ear-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.ear-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ear-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ear-secondary-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.ear-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(--ear-secondary), var(--ear-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ear-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ear-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ear-card {\n background: var(--ear-white);\n border-radius: var(--ear-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ear-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ear-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ear-shadow-lg);\n border-color: var(--ear-secondary);\n}\n\n.ear-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ear-secondary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ear-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ear-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ear-card-ingredient {\n background: linear-gradient(135deg, var(--ear-white) 0%, var(--ear-primary-light) 100%);\n}\n\n.ear-grid-compact .ear-card {\n padding: 1rem;\n}\n\n.ear-grid-compact .ear-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ear-grid-compact .ear-card p {\n font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.ear-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ear-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--ear-white);\n border-radius: var(--ear-radius);\n padding: 1.5rem;\n box-shadow: var(--ear-shadow);\n transition: all .3s ease;\n}\n\n.ear-step:hover {\n transform: translateX(8px);\n box-shadow: var(--ear-shadow-lg);\n}\n\n.ear-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--ear-secondary) 0%, var(--ear-secondary-dark) 100%);\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 15px rgba(74,124,89,.3);\n}\n\n.ear-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ear-secondary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.ear-step-content p {\n font-size: 14px;\n color: var(--ear-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ear-accordion {\n background: var(--ear-white);\n border-radius: var(--ear-radius);\n box-shadow: var(--ear-shadow);\n overflow: hidden;\n}\n\n.ear-accordion-item {\n border-bottom: 1px solid var(--ear-border);\n margin: 0;\n padding: 0;\n}\n\n.ear-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ear-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ear-secondary-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.ear-accordion-header:hover {\n background: var(--ear-primary-light);\n}\n\n.ear-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ear-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ear-secondary);\n transition: transform .2s ease;\n}\n\n.ear-accordion-item[open] .ear-accordion-header::after {\n content: '−';\n}\n\n.ear-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ear-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ear-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ear-cta-box {\n background: linear-gradient(135deg, var(--ear-secondary) 0%, var(--ear-secondary-dark) 100%);\n border-radius: var(--ear-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ear-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.ear-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ear-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ear-grid-compact {\n gap: .625rem;\n }\n \n .ear-grid-compact .ear-card {\n padding: .75rem;\n }\n \n .ear-card {\n padding: 1.125rem;\n }\n \n .ear-section {\n margin-bottom: 1.75rem;\n }\n \n .ear-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ear-radius-sm);\n }\n \n .ear-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ear-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ear-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .ear-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .ear-step-content h3 {\n font-size: 14px;\n }\n \n .ear-step-content p {\n font-size: 13px;\n }\n \n .ear-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ear-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ear-badges-top {\n gap: 8px;\n }\n \n .ear-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ear-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ear-card:nth-child(1) { animation-delay: .05s; }\n .ear-card:nth-child(2) { animation-delay: .1s; }\n .ear-card:nth-child(3) { animation-delay: .15s; }\n .ear-card:nth-child(4) { animation-delay: .2s; }\n .ear-card:nth-child(5) { animation-delay: .25s; }\n .ear-card:nth-child(6) { animation-delay: .3s; }\n \n .ear-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .ear-step:nth-child(1) { animation-delay: .05s; }\n .ear-step:nth-child(2) { animation-delay: .1s; }\n .ear-step:nth-child(3) { animation-delay: .15s; }\n .ear-step:nth-child(4) { animation-delay: .2s; }\n .ear-step:nth-child(5) { animation-delay: .25s; }\n .ear-step: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@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 .ear-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ear-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"PHYTO'LAB","offers":[{"title":"Default Title","offer_id":45755302969501,"sku":"AURIC30","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin_des_oreilles_chien_chat_pilagreen_phytolab-min_a98a087e-80c3-4a40-93ba-2d9c6a7aaeca.jpg?v=1756888776"},{"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":34.99,"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":"deodorant-solide-au-beurre-de-cacao-citron-et-bergarmote-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Citron \u0026 Bergarmote - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié Bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao – Citron \u0026amp; Bergamote\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eComme Avant\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003e5 ingrédients bio, un parfum d'agrumes frais et une efficacité longue durée — sans sels d'aluminium, sans parabènes, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eBeurre de cacao + citron \u0026amp; bergamote : le neutralisateur d'odeur utlime\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte autant votre peau que l'environnement ? Le déodorant solide au beurre de cacao Citron \u0026amp; Bergamote de Comme Avant est pensé pour vous. Formulé avec seulement cinq ingrédients biologiques, il neutralise les odeurs durablement tout en prenant soin de vos aisselles, sans aucun composant controversé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Neutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ebicarbonate de sodium\u003c\/strong\u003e élimine efficacement les bactéries responsables des mauvaises odeurs, pour une fraîcheur fiable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Absorbe l'humidité\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eamidon de maïs bio\u003c\/strong\u003e capte l'excès d'humidité pour une sensation de confort et de sec, même lors des journées les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Fraîcheur d'agrumes\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles de \u003cstrong\u003ecitron\u003c\/strong\u003e et de \u003cstrong\u003ebergamote\u003c\/strong\u003e biologiques offrent un parfum frais, tonique et apaisant qui convient à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans ingrédients controversés\u003c\/h3\u003e\n \u003cp\u003eAucun sel d'aluminium, aucun parabène, aucun alcool. Une formule minimaliste et transparente pour une hygiène saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Mixte et universel\u003c\/h3\u003e\n \u003cp\u003eCe duo d'agrumes convient aussi bien aux femmes qu'aux hommes : un véritable \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e sans distinction de genre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✅ Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e d'origine biologique. Rien de superflu, chaque composant a un rôle précis et essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eLe beurre de cacao : un actif nourrissant au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ebeurre de cacao biologique\u003c\/strong\u003e est riche en acides gras et en antioxydants. Il nourrit et adoucit la peau des aisselles, une zone souvent fragilisée par le rasage ou l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Peau souple et apaisée\u003c\/h3\u003e\n \u003cp\u003eVotre peau reste protégée, douce et confortable même en cas de sensibilité. L'effet nourrissant dure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao donne au stick sa texture agréable qui glisse facilement sur la peau, \u003cstrong\u003esans résidu gras ni traces\u003c\/strong\u003e sur les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Theobroma Cacao Seed Butter*\u003c\/h3\u003e\n \u003cp\u003eBeurre de cacao bio : nourrit et protège la peau en profondeur grâce à sa richesse en acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⚗️ Sodium Bicarbonate\u003c\/h3\u003e\n \u003cp\u003eBicarbonate de sodium : neutralise les odeurs en éliminant les bactéries responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Zea Mays Starch*\u003c\/h3\u003e\n \u003cp\u003eAmidon de maïs bio : absorbe l'humidité pour une sensation de confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Citrus Limon Peel Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de citron bio : apporte fraîcheur et tonicité avec des notes vives et pétillantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍊 Citrus Aurantium Bergamia Fruit Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de bergamote bio : complète l'effet déodorant avec des notes florales et agrumées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Certifié COSMOS Organic, label Vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePréparez la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez le stick directement sous les aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e, idéalement après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003edeux à trois passages\u003c\/strong\u003e : une fine couche suffit pour une protection efficace pendant plusieurs heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez si besoin\u003c\/h3\u003e\n \u003cp\u003eSi le produit semble un peu dur (notamment en hiver), réchauffez-le quelques secondes \u003cstrong\u003eentre vos paumes\u003c\/strong\u003e avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous passez d'un déodorant conventionnel à ce déodorant naturel, accordez à votre corps une \u003cstrong\u003epériode de transition de 2 à 3 semaines\u003c\/strong\u003e. C'est le temps nécessaire pour que votre peau s'adapte et retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn engagement zéro déchet jusqu'au bout\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Packaging kraft\u003c\/h3\u003e\n \u003cp\u003eStick entièrement compostable et recyclable, sans plastique ni suremballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⏳ 2 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eUn stick de 50 g vous accompagne pendant 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏭 Artisanal français\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille, en petites séries pour garantir fraîcheur et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💰 Choix économique\u003c\/h3\u003e\n \u003cp\u003eUn produit longue durée qui respecte votre budget autant que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eCe déodorant solide convient à toutes les personnes souhaitant adopter une hygiène plus saine et plus responsable. Il est particulièrement apprécié par celles et ceux qui recherchent un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e sans compromis sur le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de la présence de bicarbonate de sodium, ce déodorant est déconseillé sur les peaux lésées ou très réactives. En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un anti-transpirant médical. Il agit sur les odeurs et non sur la transpiration elle-même.\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=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine naturelle et responsable avec le déodorant solide Comme Avant — 5 ingrédients bio, zéro plastique, une fraîcheur d'agrumes qui vous accompagne toute la 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 --deo-cream: #faf6ef;\n --deo-white: #ffffff;\n --deo-primary: #c8a84e;\n --deo-primary-dark: #8b6914;\n --deo-primary-light: #f5edda;\n --deo-secondary: #d4a843;\n --deo-accent: #7a9b5a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0d8c8;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6914 0%, #c8a84e 50%, #d4a843 100%);\n border-radius: var(--deo-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(--deo-shadow-lg);\n}\n\n.deo-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-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.deo-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: .05em;\n text-transform: uppercase;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-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(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-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.deo-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(--deo-primary), var(--deo-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-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.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-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.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.deo-cta-box {\n background: linear-gradient(135deg, var(--deo-primary) 0%, var(--deo-primary-dark) 100%);\n border-radius: var(--deo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.deo-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.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-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 .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\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 .deo-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":45755384529053,"sku":"NBAICAV0051","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-citron-bergarmote-comme--packshothd.webp?v=1776251229"},{"product_id":"deodorant-solide-au-beurre-de-cacao-eucalyptus-et-pin-sylvestre-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Eucalyptus \u0026 Pin Sylvestre - Comme avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao – Eucalyptus \u0026amp; Pin Sylvestre\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003ePar Comme Avant · Slow Cosmétique\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUn déodorant naturel et efficace, à la formule minimaliste de 6 ingrédients bio, qui neutralise les odeurs toute la journée sans irriter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui prend soin de votre peau sans compromis ? Le \u003cstrong\u003edéodorant solide au beurre de cacao Eucalyptus \u0026amp; Pin Sylvestre\u003c\/strong\u003e de \u003cstrong\u003eComme Avant\u003c\/strong\u003e est conçu pour neutraliser les odeurs toute la journée, tout en respectant les peaux les plus exigeantes.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic, vegan et labellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏡 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧴 6 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule courte, transparente et 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePackaging kraft recyclable et compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eBeaucoup de déodorants conventionnels contiennent des sels d'aluminium, des parabènes ou des parfums de synthèse. Ce \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e prend le contrepied avec une formule courte, transparente et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'action combinée de l'amidon de maïs et du bicarbonate de sodium, les mauvaises odeurs sont neutralisées efficacement toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans pierre d'alun, sans huile de palme. Une formule respectueuse qui ne contient aucun ingrédient controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eNe laisse aucune trace blanche sur les vêtements grâce à sa texture douce qui glisse naturellement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 Parfum frais et boisé\u003c\/h3\u003e\n \u003cp\u003eNotes d'eucalyptus globulus et de pin sylvestre, idéal aussi bien comme déodorant naturel pour homme que pour femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003ePackaging en stick kraft entièrement recyclable et compostable. Un geste concret pour la planète au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Nourrit la peau\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao bio nourrit et protège la peau fragile des aisselles à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète – Des ingrédients que vous pouvez comprendre\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLa force de ce déodorant efficace naturel réside dans la simplicité de sa formule, composée de seulement \u003cstrong\u003esix ingrédients bio\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTheobroma Cacao Seed Butter\u003c\/em\u003e — Nourrit intensément et protège la peau fragile des aisselles. Apporte la texture douce et fondante au stick.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eZea Mays Starch\u003c\/em\u003e — Absorbe l'humidité naturellement pour une sensation de sec confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEuphorbia Cerifera Wax\u003c\/em\u003e — Solidifie la formule et facilite l'application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSodium Bicarbonate\u003c\/em\u003e — Neutralise les bactéries responsables des mauvaises odeurs de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus globulus bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEucalyptus Globulus Leaf Oil\u003c\/em\u003e — Apporte fraîcheur et propriétés purifiantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 Huile essentielle de pin sylvestre bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePinus Sylvestris Leaf Oil\u003c\/em\u003e — Complète avec une note boisée vivifiante et tonifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment bien l'appliquer ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePréparez le stick\u003c\/h3\u003e\n \u003cp\u003ePoussez légèrement le fond du tube kraft pour faire apparaître le déodorant solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des \u003cstrong\u003eaisselles propres et sèches\u003c\/strong\u003e, en effectuant deux à trois passages. La chaleur de votre peau fait fondre le beurre de cacao, qui glisse uniformément sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eSi vous débutez avec un déodorant naturel, laissez à votre corps environ \u003cstrong\u003edeux semaines d'adaptation\u003c\/strong\u003e : c'est normal et tout à fait sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps très chaud, conservez votre déodorant dans un endroit frais pour préserver sa tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eFabrication artisanale \u0026amp; engagements\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eComme Avant fabrique chaque déodorant solide à la main dans son atelier du sud de la France.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque stick est fabriqué artisanalement dans l'atelier Comme Avant près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Filières bio\u003c\/h3\u003e\n \u003cp\u003eMatières premières rigoureusement sélectionnées, issues de filières biologiques certifiées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Kraft compostable\u003c\/h3\u003e\n \u003cp\u003eTube entièrement recyclable et compostable, supprimant tout recours au plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Labels exigeants\u003c\/h3\u003e\n \u003cp\u003eCertifié vegan, Cosmos Organic et labellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des huiles essentielles : déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de six ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🩹 Application\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau lésée ou irritée. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e💊 Avertissement médical\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un mode de vie sain. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f1;\n --deo-white: #ffffff;\n --deo-primary: #7a9a6d;\n --deo-primary-dark: #4a6b3e;\n --deo-primary-light: #eef4eb;\n --deo-secondary: #c8a87c;\n --deo-accent: #a3c28c;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0ddd8;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b3e 0%, #7a9a6d 40%, #c8a87c 100%);\n border-radius: var(--deo-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(--deo-shadow-lg);\n}\n\n.deo-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 repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-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.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-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(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-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.deo-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(--deo-primary), var(--deo-secondary));\n border-radius: 2px;\n}\n\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-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.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-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.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-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.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-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 .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\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 .deo-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":45755386822813,"sku":"NBAICAV0050","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-eucalyptus-pin-sylvestre-packshothd.webp?v=1776173923"},{"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":"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":"api-energy-10-ampoules-de-10-ml-aagaard","title":"Api' Energy - 10 ampoules de 10ml - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Api'Energy - 10 ampoules de 10ml - Aagaard\nPalette détectée:\n - Primaire: #E5B520 (jaune miel\/doré du packaging)\n - Secondaire: #8B7355 (brun taupe de l'en-tête)\n - Accent: #5A8F3D (vert bio du label)\n - Background: #FFF9E6 (crème chaud rappelant le miel)\nAmbiance: Naturel\/Bio, apiculture traditionnelle, énergie vitale, authenticité française depuis 1967\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un concentré naturel pour énergie \u0026 défenses\"\n 2. \"Les bienfaits de ses actifs\"\n 3. \"Ingrédients (composition complète)\"\n 4. \"Conseils d'utilisation\"\n 5. \"Engagement \u0026 qualité Aagaard\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🐝 Trésors de la ruche\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eApi'Energy Aagaard\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003ePropolis • Gelée royale • Acérola • Échinacée\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003e10 ampoules de vitalité pure pour réduire la fatigue et renforcer vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eUn concentré naturel pour énergie \u0026amp; défenses\u003c\/h2\u003e\n \u003cp class=\"api-section-intro\"\u003e\u003cstrong\u003eApi'Energy Aagaard\u003c\/strong\u003e est un complément alimentaire 100 % naturel conçu pour \u003cstrong\u003estimuler la vitalité\u003c\/strong\u003e, soutenir l'\u003cstrong\u003eimmunité\u003c\/strong\u003e et réduire la \u003cstrong\u003efatigue passagère\u003c\/strong\u003e. Idéal en période de stress, de changement de saison ou après un coup de mou, il associe les trésors de la ruche aux extraits de plantes les plus efficaces.\u003c\/p\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003eCoup de boost immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eDéfenses renforcées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🔋 Anti-fatigue\u003c\/h3\u003e\n \u003cp\u003eVitalité retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌸 Changement de saison\u003c\/h3\u003e\n \u003cp\u003eProtection optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes bienfaits de ses actifs\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👑 Gelée royale bio (5 %)\u003c\/h3\u003e\n \u003cp\u003eRégénérante, tonifiante, riche en acides aminés et vitamines pour une vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍯 Miel de fleurs bio (10 %)\u003c\/h3\u003e\n \u003cp\u003eSource d'énergie immédiate, doux pour le système digestif et délicieusement naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🐝 Propolis Aagaard (1 %)\u003c\/h3\u003e\n \u003cp\u003eStandardisée et purifiée, elle stimule puissamment les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍒 Pollen \u0026amp; acérola\u003c\/h3\u003e\n \u003cp\u003eRiches en antioxydants, favorisent l'immunité et accélèrent la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍋 Huiles essentielles citron \u0026amp; ravintsara\u003c\/h3\u003e\n \u003cp\u003eTonifiantes, purifiantes et protectrices pour un effet booster complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌟 Vitamine C naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue de l'acérola, contribue à réduire la fatigue et au bon fonctionnement immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eIngrédients (composition complète)\u003c\/h2\u003e\n \u003cdiv class=\"api-ingredients-box\"\u003e\n \u003cp\u003eEau purifiée, miel de fleurs* (10 %), gelée royale* (5 %), jus d'orange concentré*, extrait de propolis* (1 %), extrait de pépins de pamplemousse*, gingembre*, échinacée*, acérola*, pollen de fleurs*, huiles essentielles de citron* et ravintsara*, maltodextrine*, glycérol.\u003c\/p\u003e\n \u003cdiv class=\"api-ingredients-note\"\u003e\n \u003cspan\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e*Ingrédients issus de l'agriculture biologique\u003c\/strong\u003e\u003cbr\u003e\n 100 % des ingrédients sont d'origine naturelle – Produit certifié BIO\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=\"api-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 ampoule par jour\u003c\/strong\u003e, diluée dans un demi-verre d'eau, le matin de préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eBien agiter avant emploi. Cure recommandée de \u003cstrong\u003e10 à 20 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePrécautions\u003c\/h3\u003e\n \u003cp\u003eNe convient pas aux enfants de moins de 6 ans, femmes enceintes ou allaitantes, personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-tip\"\u003e\n \u003cspan class=\"api-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÀ consommer dans le cadre d'un mode de vie sain et d'une alimentation équilibrée.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagement \u0026amp; qualité Aagaard\u003c\/h2\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003eAagaard garantit une propolis \u003cstrong\u003ehautement purifiée\u003c\/strong\u003e, extraite à froid pour préserver tous ses actifs. Sa méthode unique est un gage d'\u003cstrong\u003eefficacité, de sécurité et de naturalité\u003c\/strong\u003e. Sans conservateurs ni colorants, Api'Energy est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, selon les standards les plus exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-quality-badges\"\u003e\n \u003cdiv class=\"api-quality-badge\"\u003e\n \u003cspan\u003e❄️\u003c\/span\u003e\n \u003cspan\u003eExtraction à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-quality-badge\"\u003e\n \u003cspan\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-quality-badge\"\u003e\n \u003cspan\u003e🇫🇷\u003c\/span\u003e\n \u003cspan\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-quality-badge\"\u003e\n \u003cspan\u003e🏆\u003c\/span\u003e\n \u003cspan\u003eDepuis 1967\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 --api-cream: #FFF9E6;\n --api-white: #ffffff;\n --api-primary: #E5B520;\n --api-primary-dark: #8B6914;\n --api-primary-light: #FFF3CC;\n --api-secondary: #8B7355;\n --api-accent: #5A8F3D;\n\n \/* Textes *\/\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n\n \/* Effets *\/\n --api-border: #e0e0e0;\n --api-shadow: 0 4px 24px rgba(139,115,85,.12);\n --api-shadow-lg: 0 12px 48px rgba(139,115,85,.18);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, #E5B520 0%, #D4A41A 40%, #8B7355 100%);\n border-radius: var(--api-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(--api-shadow-lg);\n}\n\n.api-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 5L50 17.5V42.5L30 55L10 42.5V17.5L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n opacity: .08;\n}\n\n.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.api-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.api-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.api-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-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(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-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.api-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(--api-primary), var(--api-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.api-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--api-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.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.api-grid-compact .api-card {\n padding: 1rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.api-ingredients-box {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--api-shadow);\n}\n\n.api-ingredients-box \u003e p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--api-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n}\n\n.api-ingredients-note {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--api-primary-light);\n border-radius: var(--api-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--api-accent);\n}\n\n.api-ingredients-note \u003e span {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.api-ingredients-note div {\n font-size: 14px;\n color: var(--api-text);\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-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.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1rem 1.25rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.api-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--api-primary-light);\n border-radius: var(--api-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.api-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.api-tip p {\n font-size: 14px;\n color: var(--api-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.api-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === QUALITY BADGES === *\/\n.api-quality-badges {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: .75rem;\n}\n\n.api-quality-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n background: var(--api-white);\n border-radius: var(--api-radius-sm);\n padding: 1rem .75rem;\n box-shadow: var(--api-shadow);\n text-align: center;\n}\n\n.api-quality-badge \u003e span:first-child {\n font-size: 24px;\n}\n\n.api-quality-badge \u003e span:last-child {\n font-size: 12px;\n font-weight: 700;\n color: var(--api-primary-dark);\n line-height: 1.3;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-grid-compact {\n gap: .625rem;\n }\n \n .api-grid-compact .api-card {\n padding: .75rem;\n }\n \n .api-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .api-timeline-content {\n padding: .875rem 1rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-ingredients-box {\n padding: 1.25rem;\n }\n \n .api-ingredients-note {\n padding: .875rem 1rem;\n }\n \n .api-quality-badges {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .api-quality-badge {\n padding: .875rem .625rem;\n }\n \n .api-quality-badge \u003e span:first-child {\n font-size: 20px;\n }\n \n .api-quality-badge \u003e span:last-child {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n \n .api-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .api-timeline-item:nth-child(1) { animation-delay: .1s; }\n .api-timeline-item:nth-child(2) { animation-delay: .2s; }\n .api-timeline-item:nth-child(3) { animation-delay: .3s; }\n \n .api-quality-badge {\n animation: fadeInUp .4s ease backwards;\n }\n .api-quality-badge:nth-child(1) { animation-delay: .1s; }\n .api-quality-badge:nth-child(2) { animation-delay: .15s; }\n .api-quality-badge:nth-child(3) { animation-delay: .2s; }\n .api-quality-badge:nth-child(4) { animation-delay: .25s; }\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 .api-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755430371485,"sku":"NBAIAAG0020","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/api-energy-10-ampoules-de-10ml-aagaard-lifestyle_dccfdda5-5b6d-4ce4-a5c3-b8ffbc73d920.webp?v=1772892714"},{"product_id":"serum-clairessence-bio-50-ml-arc-en-sels","title":"Sérum Clairessence Bio - 50 ml - Arc en Sels","description":"\u003cdiv class=\"sc-luxury\"\u003e\n\u003c!-- HERO LUXE --\u003e\n\u003cdiv class=\"sc-hero\"\u003e\n\u003cdiv class=\"sc-hero-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-hero-content\"\u003e\n\u003cdiv class=\"sc-brand\"\u003eARC EN SELS\u003c\/div\u003e\n\u003cdiv class=\"sc-hero-subtitle\"\u003eÉclat · Régénération · Anti-Rougeurs\u003c\/div\u003e\n\u003c!-- DESCRIPTION COURTE LUXE --\u003e\n\u003cdiv class=\"sc-short-luxury\"\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003e10 actifs naturels précieux\u003c\/strong\u003e \u003cspan\u003eHuiles rares \u0026amp; extraits botaniques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003e99,96% bio certifié\u003c\/strong\u003e \u003cspan\u003eExtraction à froid · Pureté absolue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e💎\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003eCouperose \u0026amp; rougeurs\u003c\/strong\u003e \u003cspan\u003eCirculation · Régénération · Éclat\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e🤝\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003eCommerce éthique\u003c\/strong\u003e \u003cspan\u003eCoopératives féminines engagées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-badges-luxury\"\u003e\n\u003cspan class=\"sc-badge-luxury\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e🏆 99,96% Bio\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e❄️ Extraction à froid\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e✨ Haute Concentration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO ÉLÉGANTE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-intro-luxury\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSérum Clairessence bio\u003c\/strong\u003e d'\u003cstrong\u003eArc en Sels\u003c\/strong\u003e est une solution naturelle d'exception conçue pour les peaux sensibles, sujettes aux rougeurs et à la couperose. Grâce à sa formulation riche en \u003cstrong\u003ehuiles biologiques rares\u003c\/strong\u003e et en extraits de plantes nobles, ce sérum améliore la texture de la peau, réduit les rougeurs et lui redonne éclat et confort. Idéal pour préparer la peau aux conditions climatiques variées, il offre une \u003cstrong\u003eprotection et une régénération efficaces\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 10 ACTIFS PRÉCIEUX --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eLes 10 Actifs Précieux\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-actifs-grid\"\u003e\n\u003c!-- ACTIFS STARS --\u003e\n\u003carticle class=\"sc-actif-card sc-actif-star\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003cdiv class=\"sc-actif-badge\" style=\"margin-top: 15px;\"\u003e⭐ ACTIF STAR\u003c\/div\u003e\n\u003ch3\u003eHuile d'Hélicryse\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eHelichrysum Italicum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eAnti-hématome et anticoagulant\u003c\/strong\u003e, elle cible spécifiquement la couperose. L'actif de référence pour les rougeurs et la microcirculation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card sc-actif-star\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003cdiv class=\"sc-actif-badge\" style=\"margin-top: 15px;\"\u003e⭐ ACTIF STAR\u003c\/div\u003e\n\u003ch3\u003eHuile de Calophylle\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCalophyllum Inophyllum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eFavorise la \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e et régénère les zones abîmées. Cristallise à froid, preuve d'extraction authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- AUTRES ACTIFS --\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHuile de Nigelle\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eNigella Sativa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003ePropriétés \u003cstrong\u003ecicatrisantes\u003c\/strong\u003e pour aider à la réparation des tissus cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Carotte Sauvage\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eDaucus Carota\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eRiche en \u003cstrong\u003eprovitamine A\u003c\/strong\u003e, elle régénère et illumine la peau en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Ciste Ladanifère\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCistus Ladaniferus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003ePuissant \u003cstrong\u003ecicatrisant\u003c\/strong\u003e pour renforcer la peau et accélérer la réparation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Cyprès\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCupressus Sempervirens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécongestionne\u003c\/strong\u003e et améliore la circulation veineuse pour apaiser les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eRose Musquée\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eRosa Rubiginosa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eVertus \u003cstrong\u003eanti-âge et régénérantes\u003c\/strong\u003e, texture exceptionnelle pour la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eCamomille Romaine\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eChamaemelum Nobile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eCalme les irritations\u003c\/strong\u003e et atténue les rougeurs avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Lavande Fine\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eLavandula Angustifolia\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003ePurifiante, cicatrisante et équilibrante\u003c\/strong\u003e, elle harmonise la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Géranium\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003ePelargonium Graveolens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eAnti-inflammatoire et tonifiante\u003c\/strong\u003e, régule la production de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RITUEL D'APPLICATION --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eRituel d'application\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-ritual-container\"\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003ePréparation\u003c\/h4\u003e\n\u003cp\u003eSur une peau \u003cstrong\u003epropre et sèche\u003c\/strong\u003e, matin et soir. Réchauffez 2-3 gouttes entre vos paumes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003eApplication\u003c\/h4\u003e\n\u003cp\u003eMassez délicatement les zones affectées en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003eFinalisation\u003c\/h4\u003e\n\u003cp\u003eUtilisez seul ou avant votre crème hydratante. \u003cstrong\u003eÉvitez le contour des yeux.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS CIBLÉS --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eBienfaits ciblés\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-benefits-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003eRéduit les rougeurs\u003c\/h4\u003e\n\u003cp\u003eCirculation optimisée, apaisement visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e💎\u003c\/div\u003e\n\u003ch4\u003eCombat la couperose\u003c\/h4\u003e\n\u003cp\u003eActifs ciblés, résultats durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eIllumine le teint\u003c\/h4\u003e\n\u003cp\u003eProvitamine A, éclat retrouvé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eProtège \u0026amp; régénère\u003c\/h4\u003e\n\u003cp\u003eBarrière cutanée renforcée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENT ÉTHIQUE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-ethic-box\"\u003e\n\u003cdiv class=\"sc-ethic-icon\"\u003e🤝\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-content\"\u003e\n\u003ch3\u003eEngagement Éthique \u0026amp; Durable\u003c\/h3\u003e\n\u003cp\u003eLes matières premières du Sérum Clairessence proviennent de \u003cstrong\u003ecoopératives féminines\u003c\/strong\u003e, assurant des échanges éthiques respectueux de l'environnement. Chaque flacon contribue à soutenir l'autonomie économique des femmes productrices et la préservation des savoir-faire traditionnels.\u003c\/p\u003e\n\u003cdiv class=\"sc-ethic-stats\"\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e99,96%\u003c\/strong\u003e \u003cspan\u003eBio certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e \u003cspan\u003eNaturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e50 ml\u003c\/strong\u003e \u003cspan\u003eFlacon premium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DÉTAIL TECHNIQUE LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-technical-box\"\u003e\n\u003ch3\u003eÀ noter\u003c\/h3\u003e\n\u003cp\u003eL'\u003cstrong\u003ehuile de Calophylle\u003c\/strong\u003e peut cristalliser, signe distinctif de son \u003cstrong\u003eextraction à froid authentique\u003c\/strong\u003e. Pour retrouver sa texture soyeuse, placez simplement le flacon près d'une source de chaleur modérée (30°C maximum). Cette caractéristique témoigne de la qualité exceptionnelle et de la préservation des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003ePrécautions d'emploi\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-precautions-luxury\"\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, aux enfants et aux personnes épileptiques en raison de la concentration en huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÉviter le contour des yeux\u003c\/strong\u003e lors de l'application. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTest cutané recommandé\u003c\/strong\u003e dans le pli du coude 24h avant première utilisation pour les peaux très sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INCI LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-inci-box\"\u003e\n\u003ch3\u003eListe INCI Complète\u003c\/h3\u003e\n\u003cp class=\"sc-inci-list\"\u003e\u003cem\u003eNigella Sativa*\u003c\/em\u003e, \u003cem\u003eCalophyllum Inophyllum*\u003c\/em\u003e, \u003cem\u003eSesamum Indicum*\u003c\/em\u003e, \u003cem\u003eDaucus Carota*\u003c\/em\u003e, \u003cem\u003eHelichrysum Italicum*\u003c\/em\u003e, \u003cem\u003eCupressus Sempervirens*\u003c\/em\u003e, \u003cem\u003eCistus Ladaniferus*\u003c\/em\u003e, Tocopherol.\u003c\/p\u003e\n\u003cp class=\"sc-inci-note\"\u003e*100% des ingrédients issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA LUXE --\u003e\n\u003csection class=\"sc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sc-cta-luxury\"\u003e\n\u003cdiv class=\"sc-cta-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-cta-content\"\u003e\n\u003ch3\u003eVotre rituel de beauté d'exception\u003c\/h3\u003e\n\u003cp\u003eOffrez à votre peau la \u003cstrong\u003equintessence de la nature\u003c\/strong\u003e avec ce sérum d'exception. Une formule rare, des actifs nobles, un engagement éthique : tout ce que votre peau mérite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========== STYLE LUXE SÉRUM CLAIRESSENCE ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES LUXE === *\/\n:root {\n --sc-cream: #FDF8F1;\n --sc-white: #ffffff;\n --sc-gold: #d4af37;\n --sc-gold-dark: #b8962e;\n --sc-gold-light: #e5c778;\n --sc-rose: #f4e8e1;\n --sc-rose-dark: #e0d1c7;\n --sc-taupe: #8b7d6b;\n --sc-charcoal: #2d2d2d;\n --sc-text: #1a1a1a;\n --sc-text-light: #6a6a6a;\n --sc-border: #e8e0d8;\n --sc-shadow: 0 8px 32px rgba(212, 175, 55, .12);\n --sc-shadow-lg: 0 16px 64px rgba(212, 175, 55, .2);\n --sc-radius: 24px;\n --sc-radius-sm: 16px;\n}\n\n\/* === CONTENEUR === *\/\n.sc-luxury {\n max-width: 1100px;\n margin: 0 auto;\n padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 3rem);\n background: var(--sc-cream);\n font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\n}\n\n\/* === HERO LUXE === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 50%, #2d2d2d 100%);\n border-radius: var(--sc-radius);\n padding: clamp(4rem, 8vw, 6rem) clamp(2.5rem, 6vw, 5rem);\n margin-bottom: clamp(4rem, 7vw, 6rem);\n overflow: hidden;\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-hero-shimmer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(212, 175, 55, .08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, .06) 0%, transparent 50%);\n animation: shimmer 6s ease-in-out infinite alternate;\n}\n\n@keyframes shimmer {\n 0% { opacity: 0.3; }\n 100% { opacity: 0.7; }\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-brand {\n font-size: clamp(11px, 1.5vw, 13px);\n font-weight: 700;\n letter-spacing: 3px;\n color: var(--sc-gold);\n margin-bottom: 0.75rem;\n text-transform: uppercase;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-hero-title {\n color: white;\n font-size: clamp(40px, 8vw, 64px);\n font-weight: 400;\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-hero-subtitle {\n color: var(--sc-gold-light);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 2.5rem;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* === DESCRIPTION COURTE LUXE === *\/\n.sc-short-luxury {\n background: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, .2);\n border-radius: var(--sc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n}\n\n.sc-short-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sc-short-icon {\n font-size: 28px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .4));\n}\n\n.sc-short-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.sc-short-text strong {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 600;\n color: white;\n letter-spacing: -.01em;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-short-text span {\n font-size: clamp(13px, 1.8vw, 14px);\n color: rgba(255,255,255,.75);\n line-height: 1.4;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n}\n\n@media (max-width: 720px) {\n .sc-short-luxury {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n}\n\n.sc-badges-luxury {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 2rem;\n}\n\n.sc-badge-luxury {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, rgba(212, 175, 55, .15) 0%, rgba(212, 175, 55, .08) 100%);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(212, 175, 55, .3);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: white;\n letter-spacing: .5px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n transition: all .3s ease;\n}\n\n.sc-badge-luxury:hover {\n background: linear-gradient(135deg, rgba(212, 175, 55, .25) 0%, rgba(212, 175, 55, .15) 100%);\n transform: translateY(-2px);\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(4rem, 7vw, 6rem);\n}\n\n.sc-title-luxury {\n font-size: clamp(32px, 6vw, 44px);\n font-weight: 400;\n color: var(--sc-charcoal);\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n text-align: center;\n letter-spacing: -.02em;\n position: relative;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-title-luxury span {\n position: relative;\n display: inline-block;\n padding: 0 2rem;\n background: var(--sc-cream);\n z-index: 1;\n}\n\n.sc-title-luxury::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n}\n\n\/* === INTRO LUXE === *\/\n.sc-intro-luxury {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--sc-shadow);\n border-left: 4px solid var(--sc-gold);\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-intro-luxury p {\n font-size: clamp(16px, 2.2vw, 19px);\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0;\n}\n\n.sc-intro-luxury strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === ACTIFS GRID === *\/\n.sc-actifs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.sc-actif-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n overflow: hidden;\n box-shadow: var(--sc-shadow);\n transition: all .4s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-actif-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-actif-star {\n border: 2px solid var(--sc-gold);\n background: linear-gradient(135deg, rgba(212, 175, 55, .03) 0%, rgba(255,255,255,1) 100%);\n}\n\n.sc-actif-header {\n padding: 2rem 2rem 1.5rem;\n text-align: center;\n position: relative;\n}\n\n.sc-actif-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--sc-gold) 0%, var(--sc-gold-dark) 100%);\n color: white;\n padding: 4px 16px;\n border-radius: 999px;\n font-size: 10px;\n font-weight: 900;\n letter-spacing: 1px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n box-shadow: 0 4px 12px rgba(212, 175, 55, .3);\n}\n\n.sc-actif-header h3 {\n font-size: 21px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-actif-latin {\n font-size: 13px;\n font-style: italic;\n color: var(--sc-gold-dark);\n font-weight: 500;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-actif-body {\n padding: 0 2rem 2rem;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-actif-body p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n}\n\n.sc-actif-body strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === RITUEL === *\/\n.sc-ritual-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.sc-ritual-step {\n flex: 1;\n min-width: 260px;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 2.5rem 2rem;\n box-shadow: var(--sc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-ritual-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-ritual-number {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--sc-gold) 0%, var(--sc-gold-dark) 100%);\n color: white;\n font-size: 26px;\n font-weight: 700;\n display: grid;\n place-items: center;\n margin: 0 auto 1.5rem;\n box-shadow: 0 8px 24px rgba(212, 175, 55, .3);\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ritual-content h4 {\n font-size: 20px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-ritual-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ritual-content strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n.sc-ritual-divider {\n width: 2px;\n height: 80px;\n background: linear-gradient(180deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n flex-shrink: 0;\n}\n\n@media (max-width: 767px) {\n .sc-ritual-container {\n flex-direction: column;\n }\n \n .sc-ritual-divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n }\n}\n\n\/* === BENEFITS LUXE === *\/\n.sc-benefits-luxury {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.sc-benefit-luxury {\n background: var(--sc-white);\n border-radius: var(--sc-radius-sm);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--sc-shadow);\n transition: all .3s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-benefit-luxury:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(212, 175, 55, .2));\n}\n\n.sc-benefit-luxury h4 {\n font-size: 19px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-benefit-luxury p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* === ETHIC BOX === *\/\n.sc-ethic-box {\n background: linear-gradient(135deg, var(--sc-rose) 0%, #faf5f0 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3rem, 5vw, 4rem);\n box-shadow: var(--sc-shadow);\n display: flex;\n gap: 2.5rem;\n align-items: center;\n border: 2px solid var(--sc-rose-dark);\n}\n\n.sc-ethic-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 16px rgba(212, 175, 55, .3));\n}\n\n.sc-ethic-content h3 {\n font-size: 26px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-ethic-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0 0 2rem 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ethic-content strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n.sc-ethic-stats {\n display: flex;\n gap: 3rem;\n flex-wrap: wrap;\n}\n\n.sc-ethic-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ethic-stat strong {\n font-size: 32px;\n font-weight: 700;\n color: var(--sc-gold-dark);\n letter-spacing: -.02em;\n}\n\n.sc-ethic-stat span {\n font-size: 13px;\n color: var(--sc-text-light);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n@media (max-width: 767px) {\n .sc-ethic-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sc-ethic-stats {\n justify-content: center;\n }\n}\n\n\/* === TECHNICAL BOX === *\/\n.sc-technical-box {\n background: linear-gradient(135deg, rgba(212, 175, 55, .08) 0%, rgba(212, 175, 55, .04) 100%);\n border: 2px solid var(--sc-gold-light);\n border-radius: var(--sc-radius);\n padding: 2.5rem 3rem;\n text-align: center;\n}\n\n.sc-technical-box h3 {\n font-size: 22px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-technical-box p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-technical-box strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === PRECAUTIONS LUXE === *\/\n.sc-precautions-luxury {\n display: grid;\n gap: 1.5rem;\n}\n\n.sc-precaution-item {\n background: var(--sc-white);\n border-radius: var(--sc-radius-sm);\n padding: 1.75rem 2rem;\n box-shadow: var(--sc-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 3px solid var(--sc-gold);\n}\n\n.sc-precaution-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .3));\n}\n\n.sc-precaution-item p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n padding-top: 4px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-precaution-item strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 2.5rem 3rem;\n box-shadow: var(--sc-shadow);\n border: 1px solid var(--sc-border);\n}\n\n.sc-inci-box h3 {\n font-size: 22px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1.5rem 0;\n text-align: center;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-inci-list {\n font-size: 14px;\n line-height: 2;\n color: var(--sc-text-light);\n margin: 0 0 1rem 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n text-align: center;\n}\n\n.sc-inci-note {\n font-size: 13px;\n font-style: italic;\n color: var(--sc-gold-dark);\n margin: 0;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 500;\n}\n\n\/* === CTA LUXE === *\/\n.sc-cta-luxury {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3.5rem, 6vw, 5rem);\n text-align: center;\n box-shadow: var(--sc-shadow-lg);\n overflow: hidden;\n}\n\n.sc-cta-shimmer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 30% 40%, rgba(212, 175, 55, .15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(212, 175, 55, .1) 0%, transparent 50%);\n}\n\n.sc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sc-cta-content h3 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 400;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-cta-content p {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n}\n\n.sc-cta-content strong {\n color: var(--sc-gold-light);\n font-weight: 600;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-actif-card,\n .sc-ritual-step,\n .sc-benefit-luxury,\n .sc-precaution-item {\n animation: fadeInUp .7s ease backwards;\n }\n \n .sc-actif-card:nth-child(1),\n .sc-ritual-step:nth-child(1),\n .sc-benefit-luxury:nth-child(1) { animation-delay: .1s; }\n \n .sc-actif-card:nth-child(2),\n .sc-ritual-step:nth-child(2),\n .sc-benefit-luxury:nth-child(2) { animation-delay: .2s; }\n \n .sc-actif-card:nth-child(3),\n .sc-ritual-step:nth-child(3),\n .sc-benefit-luxury:nth-child(3) { animation-delay: .3s; }\n \n .sc-actif-card:nth-child(4),\n .sc-benefit-luxury:nth-child(4) { animation-delay: .4s; }\n \n .sc-actif-card:nth-child(5) { animation-delay: .5s; }\n .sc-actif-card:nth-child(6) { animation-delay: .6s; }\n .sc-actif-card:nth-child(7) { animation-delay: .7s; }\n .sc-actif-card:nth-child(8) { animation-delay: .8s; }\n .sc-actif-card:nth-child(9) { animation-delay: .9s; }\n .sc-actif-card:nth-child(10) { animation-delay: 1s; }\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 .sc-luxury * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sc-luxury {\n --sc-gold: #b8962e;\n --sc-gold-dark: #9a7a20;\n }\n}\n\u003c\/style\u003e","brand":"Arc en Sels","offers":[{"title":"Default Title","offer_id":45755432992925,"sku":"SERUMCOUPARC","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-clairessence-bio-50-ml-arc-en-sels-lifestyle.webp?v=1775221232"},{"product_id":"lions-mane-56-gelules-french-mush","title":"Lion's Mane French Mush - Humeur, Mémoire \u0026 Concentration - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lion's Mane French Mush - Complément alimentaire champignon médicinal\nPalette détectée:\n - Primaire: #F89D3D (orange vif du packaging et des accents visuels)\n - Secondaire: #7AA678 (vert sauge des illustrations botaniques)\n - Accent: #4A3428 (marron chocolat du flacon en verre ambré)\n - Crème: #F5F2ED (fond beige clair naturel)\nAmbiance: Bio premium \/ Naturalité élégante \/ Science \u0026 nature \/ French quality\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n \u003cdiv class=\"lm-hero\"\u003e\n \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lm-hero-content\"\u003e\n \u003cdiv class=\"lm-badges-top\"\u003e\n \u003cspan class=\"lm-badge\"\u003e🏆 Meilleur produit Pharma 2025\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🌿 Certifié bio AB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lm-hero-title\"\u003eLion's Mane\u003c\/span\u003e\n \u003cp class=\"lm-subtitle\"\u003eHumeur, mémoire \u0026amp; concentration\u003c\/p\u003e\n \u003cp class=\"lm-description\"\u003eL'extrait de champignon le plus concentré du marché : 8000 mg par dose avec 92% de biodisponibilité. Boostez naturellement vos performances cognitives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e⚡ Puissance inégalée\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e💪 8000 mg par dose\u003c\/h3\u003e\n \u003cp\u003eÉquivalent champignons frais grâce au ratio d'extraction 10:1. 800 mg d'extrait ultra-concentré pour 2 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🔬 92% biodisponibilité\u003c\/h3\u003e\n \u003cp\u003eExtraction aux ultrasons brevetée. 4× plus assimilable qu'un complément classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🧬 24% bêta-glucanes\u003c\/h3\u003e\n \u003cp\u003eConcentration testée en laboratoire. Principes actifs immunomodulateurs garantis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🧠 Bénéfices prouvés\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eStimule la production de NGF (facteur de croissance nerveuse). Focus et attention décuplés pour vos journées intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💡 Mémoire renforcée\u003c\/h3\u003e\n \u003cp\u003eFavorise la neurogenèse et la régénération neuronale. Améliore la mémorisation à court et long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n \u003cp\u003eRégule le système nerveux, réduit stress et anxiété. État mental serein sans somnolence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🛡️ Neuroprotection\u003c\/h3\u003e\n \u003cp\u003eLes héricénones (0,5%) protègent les neurones du stress oxydatif et soutiennent la santé cérébrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🦠 Immunité boostée\u003c\/h3\u003e\n \u003cp\u003eLes polysaccharides et bêta-glucanes stimulent vos défenses naturelles efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🌱 Santé digestive\u003c\/h3\u003e\n \u003cp\u003eÉquilibre le microbiote grâce aux composés prébiotiques. Axe intestin-cerveau optimisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"lm-composition-grid\"\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e24%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eBêta-glucanes\u003c\/span\u003e\n \u003cp\u003ePolysaccharides bioactifs immunomodulateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e0,5%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eHéricénones\u003c\/span\u003e\n \u003cp\u003eComposés neuroprotecteurs uniques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eFruiting body\u003c\/span\u003e\n \u003cp\u003eCorps fructifère uniquement, jamais de mycélium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-compo-card\"\u003e\n \u003cspan class=\"lm-compo-value\"\u003e0%\u003c\/span\u003e\n \u003cspan class=\"lm-compo-name\"\u003eAdditifs\u003c\/span\u003e\n \u003cp\u003eSans excipients, sans conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e💊 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lm-steps\"\u003e\n \u003cdiv class=\"lm-step\"\u003e\n \u003cspan class=\"lm-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pour une dose complète de 8000 mg équivalent champignon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-step\"\u003e\n \u003cspan class=\"lm-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePendant le repas\u003c\/strong\u003e avec un verre d'eau pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-step\"\u003e\n \u003cspan class=\"lm-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e28 jours minimum\u003c\/strong\u003e (56 gélules). Effets optimaux après 4-8 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eExamens, révisions intensives, mémorisation. Performances cognitives sans excitants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eConcentration soutenue, gestion du stress, clarté mentale pour les métiers exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePréservation des fonctions cognitives, neuroprotection, maintien de la mémoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🧘 Anxieux\u003c\/h3\u003e\n \u003cp\u003eRégulation nerveuse, apaisement mental, équilibre émotionnel naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🏆 Qualité French Mush\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid-compact\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué et conditionné en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🌱 100% vegan\u003c\/h3\u003e\n \u003cp\u003eGélules végétales pullulane\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lm-accordion\"\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, à température ambiante. Le flacon en verre ambré protège les principes actifs de la dégradation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes. Consulter un professionnel de santé en cas de traitement médical. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eChampignons cultivés en Europe selon les normes biologiques. Extraction aux ultrasons pour préserver l'intégrité des composés actifs. Chaque lot analysé par un laboratoire indépendant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lm-cta-box\"\u003e\n \u003cp\u003e🧠 Libérez le potentiel de votre cerveau avec le Lion's Mane le plus concentré du marché. 8000 mg par dose, 92% de biodisponibilité, qualité bio française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lm-cream: #F5F2ED;\n --lm-white: #ffffff;\n --lm-primary: #F89D3D;\n --lm-primary-dark: #E07821;\n --lm-primary-light: #FFF4E8;\n --lm-secondary: #7AA678;\n --lm-accent: #4A3428;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a5a5a;\n --lm-border: #e0e0e0;\n --lm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 50%, var(--lm-accent) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(122,166,120,.5) 0%, transparent 50%);\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.lm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.lm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 650px;\n}\n\n.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-card-highlight {\n background: linear-gradient(135deg, var(--lm-primary-light) 0%, var(--lm-white) 100%);\n border: 2px solid var(--lm-primary);\n}\n\n.lm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.lm-compo-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n border: 2px solid var(--lm-border);\n transition: all .3s ease;\n}\n\n.lm-compo-card:hover {\n border-color: var(--lm-secondary);\n transform: translateY(-4px);\n}\n\n.lm-compo-value {\n display: block;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--lm-secondary);\n line-height: 1;\n}\n\n.lm-compo-name {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--lm-accent);\n margin: .5rem 0;\n}\n\n.lm-compo-card p {\n font-size: 12px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lm-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--lm-white);\n border-radius: var(--lm-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--lm-shadow);\n border-left: 4px solid var(--lm-primary);\n transition: all .3s ease;\n}\n\n.lm-step:hover {\n transform: translateX(6px);\n}\n\n.lm-step-num {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\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.lm-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--lm-accent);\n margin: 0 0 .35rem 0;\n}\n\n.lm-step-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-accent);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-cta-box 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 .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lm-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .lm-compo-card {\n padding: 1rem .75rem;\n }\n \n .lm-compo-value {\n font-size: 26px;\n }\n \n .lm-card {\n padding: 1.125rem;\n }\n \n .lm-section {\n margin-bottom: 1.75rem;\n }\n \n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n \n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lm-grid-compact {\n gap: .625rem;\n }\n \n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n \n .lm-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1rem;\n }\n \n .lm-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799222804637,"sku":"LIONSMANEFRENCHMUSH","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lions-mane_gelules_frenchmush_11zon.jpg?v=1766506854"},{"product_id":"cordyceps-56-gelules-french-mush","title":"Cordyceps French Mush - Booster Naturel d'Énergie - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cordyceps French Mush - Complément alimentaire énergétique\nPalette détectée:\n - Primaire: #E85D5C (Rouge\/corail du titre CORDYCEPS, énergétique et chaleureux)\n - Secondaire: #F4A261 (Orange\/pêche des illustrations organiques, naturel)\n - Accent: #D64545 (Rouge profond pour accents forts)\n - Background: #FAF7F4 (Beige\/crème naturel du fond)\nAmbiance: Naturel\/bio moderne, énergétique, organique avec illustrations fluides évoquant le champignon cordyceps. Style premium accessible, certifié bio AB, Made in France. Les motifs organiques suggèrent vitalité et connexion à la nature.\nPréfixe CSS: cord\n--\u003e\n\n\u003cdiv class=\"cord-premium\"\u003e\n \u003cdiv class=\"cord-hero\"\u003e\n \u003cdiv class=\"cord-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cord-hero-content\"\u003e\n \u003cdiv class=\"cord-badges-top\"\u003e\n \u003cspan class=\"cord-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"cord-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"cord-badge\"\u003e⚡ 92% biodisponibilité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cord-hero-title\"\u003eCordyceps French Mush\u003c\/span\u003e\n \u003cp class=\"cord-subtitle\"\u003eLe champignon de l'énergie et de la performance\u003c\/p\u003e\n \u003cp class=\"cord-description\"\u003e8000 mg de champignons par dose grâce à notre extraction aux ultrasons. Le secret ancestral des médecines orientales pour booster naturellement votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cord-section\"\u003e\n \u003ch2\u003e💪 Puissance et efficacité\u003c\/h2\u003e\n \u003cdiv class=\"cord-grid\"\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e⚡ 8000 mg par dose\u003c\/h3\u003e\n \u003cp\u003e800 mg d'extraits concentrés pour 2 gélules, soit l'équivalent de \u003cstrong\u003e8000 mg de champignons\u003c\/strong\u003e grâce au ratio 10:1\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🔬 92% biodisponibilité\u003c\/h3\u003e\n \u003cp\u003eExtraction aux ultrasons innovante : \u003cstrong\u003e4x plus efficace\u003c\/strong\u003e qu'un complément classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🎯 18% bêta-glucanes\u003c\/h3\u003e\n \u003cp\u003ePolysaccharides actifs standardisés pour une efficacité \u003cstrong\u003escientifiquement prouvée\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e💎 1% cordycépine\u003c\/h3\u003e\n \u003cp\u003eComposé bioactif unique du cordyceps, le plus dosé du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cord-section\"\u003e\n \u003ch2\u003e🎯 Validé par 3 études cliniques\u003c\/h2\u003e\n \u003cdiv class=\"cord-grid\"\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🔋 Énergie\u003c\/h3\u003e\n \u003cp\u003eAugmentation de la production d'ATP, la molécule énergétique. Ressentez une vitalité renouvelée dès les premières prises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eLes polysaccharides stimulent vos défenses naturelles et améliorent votre résistance aux infections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e💪 Performance physique\u003c\/h3\u003e\n \u003cp\u003eAmélioration de l'endurance et récupération musculaire accélérée, comme les athlètes de haut niveau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e💖 Libido\u003c\/h3\u003e\n \u003cp\u003eRenforce naturellement votre bien-être intime et votre vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cord-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cord-grid\"\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eAméliorez vos performances et accélérez votre récupération après l'effort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e💼 Actifs débordés\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et maintenez votre énergie toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🧘 Seniors\u003c\/h3\u003e\n \u003cp\u003ePréservez votre vitalité et renforcez votre immunité naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e😴 Fatigués chroniques\u003c\/h3\u003e\n \u003cp\u003eRetrouvez votre tonus et votre dynamisme au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cord-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cord-usage\"\u003e\n \u003cdiv class=\"cord-usage-step\"\u003e\n \u003cspan class=\"cord-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"cord-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, pendant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-usage-step\"\u003e\n \u003cspan class=\"cord-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"cord-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eLe matin ou avant une activité physique pour profiter de l'effet énergisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-usage-step\"\u003e\n \u003cspan class=\"cord-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"cord-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e28 jours minimum\u003c\/strong\u003e pour ressentir les bienfaits optimaux (1 pot = 28 doses)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cord-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"cord-grid-compact\"\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e💊 56 gélules\u003c\/h3\u003e\n \u003cp\u003e28 doses de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e⏱️ 28 jours\u003c\/h3\u003e\n \u003cp\u003eDurée d'une cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🇫🇷 France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cord-card\"\u003e\n \u003ch3\u003e🌿 Bio AB\u003c\/h3\u003e\n \u003cp\u003eCertifié agriculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cord-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cord-accordion\"\u003e\n \u003cdetails class=\"cord-accordion-item\"\u003e\n \u003csummary class=\"cord-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cord-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cord-accordion-item\"\u003e\n \u003csummary class=\"cord-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cord-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux enfants, femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée. Un complément alimentaire ne remplace pas une alimentation variée et équilibrée. En cas de doute, demander l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cord-accordion-item\"\u003e\n \u003csummary class=\"cord-accordion-header\"\u003e🔬 Procédé de fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cord-accordion-content\"\u003e\n \u003cp\u003eNotre processus repose sur une \u003cstrong\u003eextraction aux ultrasons\u003c\/strong\u003e, une technologie de pointe qui préserve l'intégrité des composés actifs tout en maximisant leur biodisponibilité. Chaque gélule contient exclusivement du \u003cstrong\u003emycélium de cordyceps\u003c\/strong\u003e (Cordyceps sinensis), la partie la plus riche en principes actifs. Tous nos produits sont testés par des laboratoires indépendants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cord-accordion-item\"\u003e\n \u003csummary class=\"cord-accordion-header\"\u003e✅ Nos engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"cord-accordion-content\"\u003e\n \u003cp\u003e100% naturel et bio, sans OGM, additifs ni conservateurs. Certification Bio AB. Fabrication française avec contrôles qualité rigoureux. Emballages éco-responsables. Standardisation garantie des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cord-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cord-cta-box\"\u003e\n \u003cp\u003e✨ Découvrez le secret ancestral de l'énergie naturelle et rejoignez des milliers de personnes qui ont déjà adopté le cordyceps pour booster leur vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cord-cream: #FAF7F4;\n --cord-white: #ffffff;\n --cord-primary: #E85D5C;\n --cord-primary-dark: #D64545;\n --cord-primary-light: #FFEEED;\n --cord-secondary: #F4A261;\n --cord-accent: #E07A5F;\n --cord-text: #1a1a1a;\n --cord-text-light: #5a5a5a;\n --cord-border: #e8e0d8;\n --cord-shadow: 0 4px 24px rgba(232, 93, 92, 0.08);\n --cord-shadow-lg: 0 12px 48px rgba(232, 93, 92, 0.15);\n --cord-radius: 20px;\n --cord-radius-sm: 12px;\n}\n\n.cord-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cord-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cord-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cord-primary) 0%, var(--cord-accent) 50%, var(--cord-secondary) 100%);\n border-radius: var(--cord-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(--cord-shadow-lg);\n}\n\n.cord-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% 30%, rgba(255,255,255,0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 0%, transparent 50%);\n}\n\n.cord-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cord-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.cord-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(--cord-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cord-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cord-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.cord-subtitle {\n font-size: clamp(17px, 3vw, 24px);\n color: rgba(255,255,255,.95);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.cord-description {\n font-size: clamp(15px, 2.2vw, 18px);\n color: rgba(255,255,255,.9);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cord-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cord-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cord-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.cord-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(--cord-primary), var(--cord-secondary));\n border-radius: 2px;\n}\n\n.cord-card {\n background: var(--cord-white);\n border-radius: var(--cord-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cord-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cord-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cord-shadow-lg);\n border-color: var(--cord-primary);\n}\n\n.cord-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cord-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cord-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cord-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cord-card p strong {\n color: var(--cord-primary-dark);\n}\n\n.cord-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cord-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cord-grid-compact .cord-card {\n padding: 1rem;\n}\n\n.cord-grid-compact .cord-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cord-grid-compact .cord-card p {\n font-size: 12px;\n}\n\n.cord-usage {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cord-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--cord-white);\n border-radius: var(--cord-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n box-shadow: var(--cord-shadow);\n transition: all .3s ease;\n}\n\n.cord-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--cord-shadow-lg);\n}\n\n.cord-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cord-primary), var(--cord-primary-dark));\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.cord-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cord-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.cord-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cord-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cord-step-content p strong {\n color: var(--cord-primary-dark);\n}\n\n.cord-accordion {\n background: var(--cord-white);\n border-radius: var(--cord-radius);\n box-shadow: var(--cord-shadow);\n overflow: hidden;\n}\n\n.cord-accordion-item {\n border-bottom: 1px solid var(--cord-border);\n margin: 0;\n padding: 0;\n}\n\n.cord-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cord-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cord-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.cord-accordion-header:hover {\n background: var(--cord-primary-light);\n}\n\n.cord-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cord-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cord-primary);\n transition: transform .2s ease;\n}\n\n.cord-accordion-item[open] .cord-accordion-header::after {\n content: '−';\n}\n\n.cord-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cord-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cord-accordion-content p {\n margin: 0;\n}\n\n.cord-accordion-content strong {\n color: var(--cord-primary-dark);\n}\n\n.cord-cta-box {\n background: linear-gradient(135deg, var(--cord-primary) 0%, var(--cord-primary-dark) 100%);\n border-radius: var(--cord-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cord-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 .cord-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cord-card {\n padding: 1.125rem;\n }\n \n .cord-section {\n margin-bottom: 1.75rem;\n }\n \n .cord-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cord-radius-sm);\n }\n \n .cord-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cord-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cord-grid-compact {\n gap: .625rem;\n }\n \n .cord-grid-compact .cord-card {\n padding: .75rem;\n }\n \n .cord-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cord-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cord-usage-step {\n padding: 1rem;\n }\n \n .cord-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cord-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cord-card:nth-child(1) { animation-delay: .05s; }\n .cord-card:nth-child(2) { animation-delay: .1s; }\n .cord-card:nth-child(3) { animation-delay: .15s; }\n .cord-card:nth-child(4) { animation-delay: .2s; }\n .cord-card:nth-child(5) { animation-delay: .25s; }\n .cord-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 .cord-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799526596765,"sku":"CORDYCEPSFRENCHMUSH","price":28.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cordyceps_gelules_frenchmush_2_11zon.jpg?v=1766506788"},{"product_id":"chaga-56-gelules-french-mush","title":"Chaga French Mush 56 gélules - Antioxydant \u0026 Immunité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Chaga French Mush - Complément Alimentaire Bio\nPalette détectée:\n - Primaire: #8B7AA8 (violet doux du packaging et textes)\n - Secondaire: #B8D4A8 (vert sauge des illustrations botaniques)\n - Accent: #7B68A6 (violet iris des fleurs illustrées)\nAmbiance: Premium naturel bio, élégant et moderne. Design épuré avec illustrations botaniques délicates (feuilles vertes, fleurs violettes). Univers nordique\/forestier, scientifique et rassurant. Tonalités douces évoquant la nature et le bien-être.\nPréfixe CSS: chg\n--\u003e\n\n\u003cdiv class=\"chg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"chg-hero\"\u003e\n \u003cdiv class=\"chg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chg-hero-content\"\u003e\n \u003cdiv class=\"chg-badges-top\"\u003e\n \u003cspan class=\"chg-badge\"\u003e🇫🇷 Cultivé en Europe\u003c\/span\u003e\n \u003cspan class=\"chg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"chg-badge\"\u003e⚡ 92% biodisponibilité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"chg-hero-title\"\u003eChaga bio\u003c\/span\u003e\n \u003cp class=\"chg-subtitle\"\u003eImmunité \u0026amp; antioxydant d'exception\u003c\/p\u003e\n \u003cp class=\"chg-description\"\u003eL'unique Chaga cultivé et extrait en Europe avec une biodisponibilité 4x supérieure. 8000mg de champignons par dose pour une immunité et une vitalité exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- DOSAGE --\u003e\n \u003csection class=\"chg-section\"\u003e\n \u003ch2\u003e🔬 Dosage cliniquement prouvé\u003c\/h2\u003e\n \u003cdiv class=\"chg-dosage-box\"\u003e\n \u003cdiv class=\"chg-dosage-main\"\u003e\n \u003cspan class=\"chg-mega-number\"\u003e8000\u003c\/span\u003e\n \u003cspan class=\"chg-mega-unit\"\u003emg\u003c\/span\u003e\n \u003cp class=\"chg-dosage-label\"\u003ede champignons par dose*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-grid-compact\"\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🍄 10% bêta-glucanes\u003c\/h3\u003e\n \u003cp\u003eActifs immunostimulants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e✨ 92% biodisponibilité\u003c\/h3\u003e\n \u003cp\u003e4x plus efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e💊 56 gélules\u003c\/h3\u003e\n \u003cp\u003e28 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🔬 Ratio 10:1\u003c\/h3\u003e\n \u003cp\u003eExtrait concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"chg-footnote\"\u003e* 800mg d'extraits concentrés pour 2 gélules = 8000mg de champignons frais\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"chg-section\"\u003e\n \u003ch2\u003e💚 Bienfaits prouvés par 3 études cliniques\u003c\/h2\u003e\n \u003cdiv class=\"chg-grid\"\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eStimule puissamment vos défenses naturelles grâce à sa richesse en polysaccharides et bêta-glucanes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e⚡ Antioxydant n°1 mondial\u003c\/h3\u003e\n \u003cp\u003eLe superaliment le plus riche en antioxydants. Protège vos cellules du vieillissement et du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🌟 Digestion \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eSoutient votre système digestif tout en boostant votre énergie naturelle au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e✨ Peau éclatante\u003c\/h3\u003e\n \u003cp\u003eAméliore l'apparence de la peau, réduit les imperfections et favorise un teint lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🔥 Anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eCombat efficacement les inflammations chroniques grâce à son action douce mais puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e💪 Résistance au stress\u003c\/h3\u003e\n \u003cp\u003ePropriétés adaptogènes pour mieux gérer le stress physique et mental.\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=\"chg-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"chg-timeline\"\u003e\n \u003cdiv class=\"chg-step\"\u003e\n \u003cspan class=\"chg-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"chg-step-content\"\u003e\n \u003ch3\u003e💊 2 gélules par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-step\"\u003e\n \u003cspan class=\"chg-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"chg-step-content\"\u003e\n \u003ch3\u003e📅 Cure de 28 jours\u003c\/h3\u003e\n \u003cp\u003eUn flacon = 1 mois. Pour des résultats optimaux, 2 à 3 mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-step\"\u003e\n \u003cspan class=\"chg-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"chg-step-content\"\u003e\n \u003ch3\u003e🍄 Synergie possible\u003c\/h3\u003e\n \u003cp\u003eCombinez avec Reishi, Cordyceps ou Shiitake pour un effet renforcé.\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=\"chg-section\"\u003e\n \u003ch2\u003e👥 Le Chaga est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"chg-grid\"\u003e\n \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à renforcer vos défenses naturelles face aux agressions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n \u003ch3\u003e⚡ Besoin d'énergie\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver vitalité et énergie durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n \u003ch3\u003e🧘 Stress quotidien\u003c\/h3\u003e\n \u003cp\u003eVous voulez mieux gérer le stress et retrouver votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card chg-card-profile\"\u003e\n \u003ch3\u003e✨ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un antioxydant puissant pour préserver vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"chg-section\"\u003e\n \u003ch2\u003e🏆 La différence French Mush\u003c\/h2\u003e\n \u003cdiv class=\"chg-grid\"\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🔬 Extraction aux ultrasons\u003c\/h3\u003e\n \u003cp\u003eTechnologie brevetée garantissant 92% de biodisponibilité, 4 à 8x plus efficace que les extraits classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🇪🇺 Unique : cultivé en Europe\u003c\/h3\u003e\n \u003cp\u003eLe seul Chaga cultivé et extrait sur le territoire européen avec traçabilité totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chg-card\"\u003e\n \u003ch3\u003e🌲 Origine Finlande\u003c\/h3\u003e\n \u003cp\u003eRécolté dans les forêts sauvages du nord de la Finlande, là où pousse le meilleur Chaga bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"chg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"chg-accordion\"\u003e\n \u003cdetails class=\"chg-accordion-item\"\u003e\n \u003csummary class=\"chg-accordion-header\"\u003e📜 Histoire du Chaga\u003c\/summary\u003e\n \u003cdiv class=\"chg-accordion-content\"\u003e\n \u003cp\u003eLe Chaga (Inonotus obliquus) est utilisé depuis des siècles en médecine traditionnelle russe, particulièrement par le peuple Khanty de Sibérie qui l'appelait \"le don des dieux\". Ces populations l'utilisaient pour renforcer leur résistance face aux rudes hivers sibériens et améliorer leur longévité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chg-accordion-item\"\u003e\n \u003csummary class=\"chg-accordion-header\"\u003e🧬 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"chg-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eBêta-glucanes :\u003c\/strong\u003e 10% - Polysaccharides essentiels pour l'immunité\u003cbr\u003e\n \u003cstrong\u003eAcide bétulinique :\u003c\/strong\u003e 0,5% - Antioxydant et anti-inflammatoire puissant\u003cbr\u003e\n \u003cstrong\u003eErgostérol :\u003c\/strong\u003e 0,3% - Précurseur de la vitamine D naturelle\u003cbr\u003e\n \u003cstrong\u003eInotodiol :\u003c\/strong\u003e 2,0% - Composé bioactif unique au Chaga\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chg-accordion-item\"\u003e\n \u003csummary class=\"chg-accordion-header\"\u003e🍄 Synergies recommandées\u003c\/summary\u003e\n \u003cdiv class=\"chg-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eChaga + Reishi :\u003c\/strong\u003e Immunité maximale et relaxation profonde\u003cbr\u003e\n \u003cstrong\u003eChaga + Cordyceps :\u003c\/strong\u003e Énergie décuplée et performances physiques\u003cbr\u003e\n \u003cstrong\u003eChaga + Shiitake :\u003c\/strong\u003e Digestion optimale et vitalité globale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chg-accordion-item\"\u003e\n \u003csummary class=\"chg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"chg-accordion-content\"\u003e\n \u003cp\u003e• Déconseillé aux enfants de moins de 12 ans\u003cbr\u003e\n • Déconseillé aux femmes enceintes et allaitantes\u003cbr\u003e\n • En cas de traitement médical, demandez conseil à votre médecin\u003cbr\u003e\n • Ne pas dépasser la dose journalière recommandée\u003cbr\u003e\n • Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chg-accordion-item\"\u003e\n \u003csummary class=\"chg-accordion-header\"\u003e✅ Certifications\u003c\/summary\u003e\n \u003cdiv class=\"chg-accordion-content\"\u003e\n \u003cp\u003eCertifié agriculture biologique FR-BIO-01. Sans OGM, sans additifs, sans conservateurs. 100% vegan. Testé en laboratoire indépendant.\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=\"chg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"chg-cta-box\"\u003e\n \u003cp\u003e✨ Rejoignez les milliers de personnes qui ont choisi French Mush pour prendre soin de leur santé naturellement. Le Chaga bio d'exception vous attend.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --chg-cream: #FAF8F5;\n --chg-white: #ffffff;\n --chg-primary: #8B7AA8;\n --chg-primary-dark: #6B5B8A;\n --chg-primary-light: #F3EFF8;\n --chg-secondary: #B8D4A8;\n --chg-accent: #7B68A6;\n \n --chg-text: #1a1a1a;\n --chg-text-light: #5a5a5a;\n \n --chg-border: #e8e4e0;\n --chg-shadow: 0 4px 24px rgba(139, 122, 168, .08);\n --chg-shadow-lg: 0 12px 48px rgba(139, 122, 168, .15);\n --chg-radius: 20px;\n --chg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--chg-primary) 0%, var(--chg-accent) 50%, var(--chg-primary-dark) 100%);\n border-radius: var(--chg-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(--chg-shadow-lg);\n}\n\n.chg-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(184,212,168,.5) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.chg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.chg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.chg-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(--chg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.chg-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.chg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.chg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.chg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chg-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.chg-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(--chg-primary), var(--chg-secondary));\n border-radius: 2px;\n}\n\n\/* === DOSAGE BOX === *\/\n.chg-dosage-box {\n background: linear-gradient(135deg, var(--chg-primary-light) 0%, rgba(184,212,168,.15) 100%);\n border-radius: var(--chg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n border: 2px solid rgba(139,122,168,.1);\n}\n\n.chg-dosage-main {\n margin-bottom: 1.5rem;\n}\n\n.chg-mega-number {\n font-size: clamp(48px, 12vw, 80px);\n font-weight: 900;\n color: var(--chg-primary);\n letter-spacing: -.04em;\n line-height: 1;\n}\n\n.chg-mega-unit {\n font-size: clamp(24px, 6vw, 40px);\n font-weight: 800;\n color: var(--chg-primary-dark);\n margin-left: 4px;\n}\n\n.chg-dosage-label {\n font-size: clamp(14px, 2.5vw, 18px);\n color: var(--chg-text);\n font-weight: 600;\n margin: .5rem 0 0 0;\n}\n\n.chg-footnote {\n font-size: 12px;\n color: var(--chg-text-light);\n font-style: italic;\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.chg-card {\n background: var(--chg-white);\n border-radius: var(--chg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chg-shadow-lg);\n border-color: var(--chg-primary);\n}\n\n.chg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.chg-card-profile {\n background: linear-gradient(135deg, var(--chg-white) 0%, var(--chg-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.chg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.chg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.chg-grid-compact .chg-card {\n padding: 1rem;\n}\n\n.chg-grid-compact .chg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chg-grid-compact .chg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chg-timeline {\n max-width: 700px;\n margin: 0 auto;\n}\n\n.chg-step {\n display: flex;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n\n.chg-step:last-child {\n margin-bottom: 0;\n}\n\n.chg-step-num {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--chg-primary), var(--chg-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(139,122,168,.3);\n}\n\n.chg-step-content {\n flex: 1;\n background: var(--chg-white);\n padding: 1.25rem;\n border-radius: var(--chg-radius-sm);\n box-shadow: var(--chg-shadow);\n}\n\n.chg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--chg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.chg-step-content p {\n font-size: 14px;\n color: var(--chg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.chg-accordion {\n background: var(--chg-white);\n border-radius: var(--chg-radius);\n box-shadow: var(--chg-shadow);\n overflow: hidden;\n}\n\n.chg-accordion-item {\n border-bottom: 1px solid var(--chg-border);\n margin: 0;\n padding: 0;\n}\n\n.chg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.chg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--chg-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.chg-accordion-header:hover {\n background: var(--chg-primary-light);\n}\n\n.chg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.chg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--chg-primary);\n transition: transform .2s ease;\n}\n\n.chg-accordion-item[open] .chg-accordion-header::after {\n content: '−';\n}\n\n.chg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--chg-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.chg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.chg-cta-box {\n background: linear-gradient(135deg, var(--chg-primary) 0%, var(--chg-primary-dark) 100%);\n border-radius: var(--chg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.chg-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 .chg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .chg-grid-compact {\n gap: .625rem;\n }\n \n .chg-grid-compact .chg-card {\n padding: .75rem;\n }\n \n .chg-card {\n padding: 1.125rem;\n }\n \n .chg-section {\n margin-bottom: 1.75rem;\n }\n \n .chg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chg-radius-sm);\n }\n \n .chg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .chg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .chg-step {\n gap: 1rem;\n }\n \n .chg-step-num {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .chg-step-content {\n padding: 1rem;\n }\n \n .chg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .chg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .chg-dosage-box {\n padding: 1.5rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .chg-card:nth-child(1) { animation-delay: .05s; }\n .chg-card:nth-child(2) { animation-delay: .1s; }\n .chg-card:nth-child(3) { animation-delay: .15s; }\n .chg-card:nth-child(4) { animation-delay: .2s; }\n .chg-card:nth-child(5) { animation-delay: .25s; }\n .chg-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 .chg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45799589478557,"sku":"CHAGAFRENCHMUSH","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chaga_gelules_frenchmush_1_11zon.jpg?v=1766506765"},{"product_id":"reishi-56-gelules-french-mush","title":"Reishi French Mush - Relaxation \u0026 Préparation au Sommeil - 56 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi French Mush - Relaxation \u0026 Préparation au Sommeil\nPalette détectée:\n - Primaire: #D4887A (rose corail\/saumon des champignons illustrés)\n - Secondaire: #B8905A (doré\/bronze des textes)\n - Accent: #7BA35F (vert olive des éléments végétaux)\nAmbiance: Naturel\/organique, apaisant, wellness premium, illustration botanique moderne\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Cultivé en Europe\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 8000mg\/dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité pour votre relaxation\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eLe seul reishi cultivé et extrait en Europe, standardisé à 30% de bêta-glucanes. Une biodisponibilité de 92% pour une efficacité maximale sur le sommeil et l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-stats-bar\"\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e8000mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003epar dose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e92%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003ebiodisponibilité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e30%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat-item\"\u003e\n \u003cspan class=\"rei-stat-num\"\u003e28\u003c\/span\u003e\n \u003cspan class=\"rei-stat-txt\"\u003ejours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits validés par la science\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e😌 Relaxation profonde\u003c\/h3\u003e\n \u003cp\u003eLes triterpénoïdes et l'adénosine apaisent le système nerveux pour un état de calme naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🌙 Sommeil réparateur\u003c\/h3\u003e\n \u003cp\u003eFavorise un endormissement rapide et un sommeil profond grâce à son action sur le système parasympathique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes polysaccharides et bêta-glucanes stimulent vos défenses naturelles contre les infections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🔥 Anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eLes triterpènes modulent la réponse inflammatoire pour une meilleure récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🧬 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"rei-compo-box\"\u003e\n \u003cdiv class=\"rei-compo-main\"\u003e\n \u003cspan class=\"rei-compo-big\"\u003e800mg\u003c\/span\u003e\n \u003cspan class=\"rei-compo-sub\"\u003ed'extraits concentrés par dose (ratio 10:1)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n \u003ch3\u003e30% Bêta-glucanes\u003c\/h3\u003e\n \u003cp\u003ePolysaccharides immunostimulants pour renforcer vos défenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n \u003ch3\u003e1% Triterpènes\u003c\/h3\u003e\n \u003cp\u003eComposés actifs aux propriétés relaxantes et anti-inflammatoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card rei-card-compo\"\u003e\n \u003ch3\u003e2% Adénosine\u003c\/h3\u003e\n \u003cp\u003eMolécule favorisant la relaxation et la qualité du sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUALITÉ --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🏆 L'excellence French Mush\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🇪🇺 Culture européenne\u003c\/h3\u003e\n \u003cp\u003eSeul acteur mondial à cultiver et extraire le reishi en Europe. Traçabilité totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🔬 Extraction ultrasons\u003c\/h3\u003e\n \u003cp\u003e92% de biodisponibilité, soit 4 à 8 fois plus efficace que les extraits classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🍄 100% fruiting body\u003c\/h3\u003e\n \u003cp\u003eUniquement des corps fructifères, la partie la plus riche en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e✅ Bio certifié\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans additifs, sans conservateurs. 100% vegan et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid-compact\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eStress quotidien, tensions nerveuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n \u003cp\u003eDifficultés d'endormissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🤒 Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eRenforcement des défenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération musculaire\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=\"rei-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage\"\u003e\n \u003cdiv class=\"rei-usage-step\"\u003e\n \u003cspan class=\"rei-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\n \u003cp\u003eAvec un grand verre d'eau, pendant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-usage-step\"\u003e\n \u003cspan class=\"rei-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003cstrong\u003eCure de 30 à 90 jours\u003c\/strong\u003e\n \u003cp\u003ePour des résultats durables et profonds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-usage-step\"\u003e\n \u003cspan class=\"rei-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003cstrong\u003ePrise en soirée\u003c\/strong\u003e\n \u003cp\u003e1 à 2h avant le coucher pour le sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eFini l'amertume !\u003c\/strong\u003e Profitez de tous les bienfaits du reishi sans son goût amer grâce aux gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SYNERGIE --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔄 Synergies recommandées\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🍄 Chaga\u003c\/h3\u003e\n \u003cp\u003ePour renforcer l'immunité et les défenses antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e⚡ Cordyceps\u003c\/h3\u003e\n \u003cp\u003ePour booster l'énergie physique et la vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003ch3\u003e🧠 Lion's Mane\u003c\/h3\u003e\n \u003cp\u003ePour soutenir les fonctions cognitives et la mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rei-accordion\"\u003e\n \u003cdetails class=\"rei-accordion-item\"\u003e\n \u003csummary class=\"rei-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rei-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Le flacon en verre ambré protège les principes actifs de la dégradation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rei-accordion-item\"\u003e\n \u003csummary class=\"rei-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rei-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose recommandée. Déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical, consulter votre médecin. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rei-accordion-item\"\u003e\n \u003csummary class=\"rei-accordion-header\"\u003e👑 L'histoire du reishi\u003c\/summary\u003e\n \u003cdiv class=\"rei-accordion-content\"\u003e\n \u003cp\u003eSurnommé \"Ling Zhi\" (champignon de l'immortalité) en médecine traditionnelle chinoise, le reishi était exclusivement réservé aux empereurs qui le considéraient comme un élixir de longévité. Rare et précieux pendant des siècles, French Mush vous offre aujourd'hui ce trésor cultivé avec soin en Europe.\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=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cp\u003eDécouvrez le pouvoir ancestral du reishi cultivé en Europe. Retrouvez calme, sommeil profond et défenses naturelles renforcées avec le seul reishi premium 100% traçable.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-tags\"\u003e\n \u003cspan\u003e✓ 92% biodisponibilité\u003c\/span\u003e\n \u003cspan\u003e✓ 8000mg\/dose\u003c\/span\u003e\n \u003cspan\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan\u003e✓ Made in Europe\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\/* === VARIABLES === *\/\n:root {\n --rei-cream: #FAF7F4;\n --rei-white: #ffffff;\n --rei-primary: #D4887A;\n --rei-primary-dark: #B56B5B;\n --rei-primary-light: #F5E5E1;\n --rei-secondary: #B8905A;\n --rei-accent: #7BA35F;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #E8DDD7;\n --rei-shadow: 0 4px 24px rgba(212, 136, 122, .08);\n --rei-shadow-lg: 0 12px 48px rgba(212, 136, 122, .15);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #D4887A 0%, #B8905A 50%, #C59577 100%);\n border-radius: var(--rei-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(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(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.rei-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.rei-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === STATS BAR === *\/\n.rei-stats-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-stat-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem 1.5rem;\n min-width: 100px;\n}\n\n.rei-stat-num {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: var(--rei-primary-dark);\n line-height: 1;\n}\n\n.rei-stat-txt {\n font-size: 12px;\n color: var(--rei-text-light);\n font-weight: 600;\n margin-top: 4px;\n text-align: center;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-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.rei-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rei-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rei-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rei-card-compo {\n background: linear-gradient(to bottom, var(--rei-white), var(--rei-primary-light));\n}\n\n\/* === COMPOSITION BOX === *\/\n.rei-compo-box {\n background: linear-gradient(135deg, var(--rei-secondary) 0%, var(--rei-primary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n margin-bottom: 1.5rem;\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-compo-main {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n}\n\n.rei-compo-big {\n font-size: clamp(40px, 10vw, 64px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.rei-compo-sub {\n font-size: clamp(14px, 2.5vw, 17px);\n color: rgba(255,255,255,.9);\n font-weight: 600;\n}\n\n\/* === USAGE === *\/\n.rei-usage {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n}\n\n.rei-usage-step:last-child {\n margin-bottom: 0;\n}\n\n.rei-step-num {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\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 flex-shrink: 0;\n}\n\n.rei-step-content strong {\n display: block;\n font-size: 16px;\n color: var(--rei-primary-dark);\n margin-bottom: 4px;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n background: linear-gradient(135deg, #FFF9E6, #FFF4CC);\n border: 2px solid #FFE999;\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rei-tip p {\n margin: 0;\n font-size: 14px;\n color: var(--rei-text);\n}\n\n\/* === ACCORDÉON === *\/\n.rei-accordion {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n box-shadow: var(--rei-shadow);\n overflow: hidden;\n}\n\n.rei-accordion-item {\n border-bottom: 1px solid var(--rei-border);\n margin: 0;\n padding: 0;\n}\n\n.rei-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rei-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rei-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.rei-accordion-header:hover {\n background: var(--rei-primary-light);\n}\n\n.rei-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rei-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rei-primary);\n transition: transform .2s ease;\n}\n\n.rei-accordion-item[open] .rei-accordion-header::after {\n content: '−';\n}\n\n.rei-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rei-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rei-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-primary-dark) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-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 1.5rem 0;\n}\n\n.rei-cta-tags {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n}\n\n.rei-cta-tags span {\n padding: 8px 16px;\n background: rgba(255,255,255,.2);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rei-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rei-grid-compact {\n gap: .625rem;\n }\n \n .rei-grid-compact .rei-card {\n padding: .75rem;\n }\n \n .rei-grid-compact .rei-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .rei-grid-compact .rei-card p {\n font-size: 12px;\n }\n \n .rei-card {\n padding: 1.125rem;\n }\n \n .rei-section {\n margin-bottom: 1.75rem;\n }\n \n .rei-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rei-radius-sm);\n }\n \n .rei-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rei-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rei-stats-bar {\n padding: 1rem;\n gap: .5rem;\n }\n \n .rei-stat-item {\n padding: .75rem 1rem;\n min-width: 80px;\n }\n \n .rei-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rei-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .rei-usage-step {\n gap: .75rem;\n }\n \n .rei-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rei-card:nth-child(1) { animation-delay: .05s; }\n .rei-card:nth-child(2) { animation-delay: .1s; }\n .rei-card:nth-child(3) { animation-delay: .15s; }\n .rei-card:nth-child(4) { animation-delay: .2s; }\n .rei-card:nth-child(5) { animation-delay: .25s; }\n .rei-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 .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45803464458397,"sku":"REISHIFRENCHMUSH","price":31.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi_gelules_frenchmush_4_11zon.jpg?v=1766506828"},{"product_id":"complexe-5-champignons-56-gelules-french-mush","title":"Complexe 5 champignons French Mush 56 gélules - Immunité, Vitalité \u0026 Digestion","description":"\u003cdiv class=\"fm-premium\"\u003e\n\n\u003c!-- HERO AVEC PATTERN --\u003e\n\u003cdiv class=\"fm-hero\"\u003e\n \u003cdiv class=\"fm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fm-hero-content\"\u003e\n \u003cdiv class=\"fm-badges-top\"\u003e\n \u003cspan class=\"fm-badge\"\u003e🌱 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"fm-badge\"\u003e🌿 Végan\u003c\/span\u003e\n \u003cspan class=\"fm-badge\"\u003e🔬 Extraction ultrasons\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eDécouvrez le Complexe 5 Champignons de French Mush, une synergie exceptionnelle de cinq champignons médicinaux : Shiitake, Lion's Mane, Cordyceps, Chaga et Reishi. Ce complément alimentaire 100% biologique et végan est conçu pour renforcer votre immunité, stimuler votre vitalité et soutenir une digestion saine.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BIENFAITS EN GRID --\u003e\n\u003csection class=\"fm-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eBienfaits du Complexe 5 Champignons\u003c\/strong\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"fm-benefits-grid\"\u003e\n \u003c!-- Bienfait 1 - FEATURED --\u003e\n \u003carticle class=\"fm-benefit fm-benefit-featured\" data-mushroom=\"shiitake\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eDéfenses immunitaires renforcées\u003c\/h3\u003e\n \u003cp\u003eGrâce aux polysaccharides et aux bêta-glucanes du \u003cstrong\u003eShiitake\u003c\/strong\u003e, du \u003cstrong\u003eReishi\u003c\/strong\u003e et du \u003cstrong\u003eChaga\u003c\/strong\u003e, ce complexe stimule le système immunitaire, favorisant une meilleure résistance aux infections et aux agressions extérieures.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eShiitake • Reishi • Chaga\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- Bienfait 2 --\u003e\n \u003carticle class=\"fm-benefit\" data-mushroom=\"cordyceps\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie et endurance améliorées\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eCordyceps\u003c\/strong\u003e est connu pour son action sur la production d'ATP, source d'énergie cellulaire, ce qui favorise une meilleure endurance et réduit la fatigue, notamment chez les sportifs.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eCordyceps\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- Bienfait 3 - FEATURED --\u003e\n \u003carticle class=\"fm-benefit fm-benefit-featured\" data-mushroom=\"lionsmane\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eSoutien du système nerveux et de la mémoire\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eLion's Mane\u003c\/strong\u003e contient des hericenones et des érinacines, des composés qui favorisent la régénération nerveuse et la protection des neurones, contribuant ainsi à la mémoire, la concentration et la santé cognitive globale.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eLion's Mane\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- Bienfait 4 --\u003e\n \u003carticle class=\"fm-benefit\" data-mushroom=\"reishi\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3\u003eRéduction du stress et meilleur sommeil\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eReishi\u003c\/strong\u003e, surnommé le \"champignon de l'immortalité\", possède des triterpènes aux propriétés apaisantes qui aident à réduire le stress, l'anxiété et à favoriser un sommeil réparateur.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eReishi\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- Bienfait 5 --\u003e\n \u003carticle class=\"fm-benefit\" data-mushroom=\"chaga\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003ePuissant effet antioxydant et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eChaga\u003c\/strong\u003e est l'un des champignons les plus riches en antioxydants, notamment en polyphénols et en mélanine, ce qui aide à combattre le stress oxydatif et à protéger les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eChaga\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- Bienfait 6 --\u003e\n \u003carticle class=\"fm-benefit\" data-mushroom=\"lionsmane\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e🦠\u003c\/div\u003e\n \u003ch3\u003eSoutien digestif et intestinal\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eLion's Mane\u003c\/strong\u003e joue également un rôle dans la protection et la régénération des muqueuses intestinales grâce à ses polysaccharides, favorisant un bon équilibre du microbiote et une digestion saine.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eLion's Mane\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- Bienfait 7 --\u003e\n \u003carticle class=\"fm-benefit\" data-mushroom=\"shiitake\"\u003e\n \u003cdiv class=\"fm-benefit-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eSanté cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003eShiitake\u003c\/strong\u003e contient de l'éritadénine, une molécule qui aide à réguler le taux de cholestérol et à favoriser une bonne circulation sanguine, réduisant ainsi le risque de maladies cardiovasculaires.\u003c\/p\u003e\n \u003cdiv class=\"fm-mushroom-tag\"\u003eShiitake\u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fm-synergy-box\"\u003e\n \u003cp\u003eCe complexe offre une synergie puissante en combinant les bienfaits de ces cinq champignons, contribuant ainsi à une meilleure santé globale et à un bien-être optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION VISUELLE --\u003e\n\u003csection class=\"fm-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eComposition et ingrédients\u003c\/strong\u003e\u003c\/h2\u003e\n \u003cp\u003eChaque portion de deux gélules contient :\u003c\/p\u003e\n \n \u003cdiv class=\"fm-composition-grid\"\u003e\n \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"shiitake\"\u003e\n \u003cdiv class=\"fm-mushroom-visual\"\u003e🍄\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-name\"\u003eShiitake\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"cordyceps\"\u003e\n \u003cdiv class=\"fm-mushroom-visual\"\u003e🐛\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-name\"\u003eCordyceps\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"chaga\"\u003e\n \u003cdiv class=\"fm-mushroom-visual\"\u003e🪨\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-name\"\u003eChaga\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"reishi\"\u003e\n \u003cdiv class=\"fm-mushroom-visual\"\u003e🍵\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-name\"\u003eReishi\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-card\" data-mushroom=\"lionsmane\"\u003e\n \u003cdiv class=\"fm-mushroom-visual\"\u003e🦁\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-name\"\u003eLion's Mane\u003c\/div\u003e\n \u003cdiv class=\"fm-mushroom-dose\"\u003e160 \u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUALITÉ --\u003e\n\u003csection class=\"fm-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eQualité et traçabilité\u003c\/strong\u003e\u003c\/h2\u003e\n \u003cdiv class=\"fm-quality-box\"\u003e\n \u003cp\u003eFrench Mush s'engage à offrir des produits de la plus haute qualité. Les champignons utilisés dans ce complexe sont cultivés en France, en Espagne et en Finlande, puis transformés en France, garantissant une traçabilité exemplaire. Les extraits sont obtenus par une technique d'extraction aux ultrasons, assurant une biodisponibilité optimale des principes actifs. De plus, les gélules, fabriquées à partir de pomme de pin, sont entièrement naturelles et conformes à un régime végétalien.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"fm-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eConseils d'utilisation\u003c\/strong\u003e\u003c\/h2\u003e\n \u003cdiv class=\"fm-usage-box\"\u003e\n \u003cdiv class=\"fm-usage-icon\"\u003e💊\u003c\/div\u003e\n \u003cp\u003ePour des résultats optimaux, il est recommandé de suivre une cure d'au moins 30 jours, idéalement 90 jours. La posologie conseillée est de \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, à prendre avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ENGAGEMENT --\u003e\n\u003csection class=\"fm-section\"\u003e\n \u003ch2\u003e\u003cstrong\u003eEngagement écologique\u003c\/strong\u003e\u003c\/h2\u003e\n \u003cdiv class=\"fm-eco-box\"\u003e\n \u003cp\u003eEn choisissant le Complexe 5 Champignons de French Mush, vous optez pour un produit respectueux de l'environnement, issu de l'agriculture biologique et fabriqué localement, réduisant ainsi l'empreinte carbone.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========== STYLE PREMIUM ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES PREMIUM === *\/\n:root {\n --fm-cream: #faf7f2;\n --fm-white: #ffffff;\n --fm-sage: #7a9b8e;\n --fm-sage-dark: #5a7b6e;\n --fm-earth: #9b7e5c;\n --fm-earth-light: #c9b299;\n --fm-gold: #d4af37;\n --fm-purple: #6b5b73;\n --fm-text: #2a2a2a;\n --fm-text-light: #5a5a5a;\n --fm-border: #e8e4dd;\n --fm-shadow: 0 4px 24px rgba(0,0,0,.06);\n --fm-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --fm-radius: 20px;\n --fm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fm-cream);\n}\n\n\/* === HERO AVEC PATTERN === *\/\n.fm-hero {\n position: relative;\n background: linear-gradient(135deg, #7a9b8e 0%, #6b5b73 50%, #9b7e5c 100%);\n border-radius: var(--fm-radius);\n padding: clamp(2.5rem, 6vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--fm-shadow-lg);\n}\n\n.fm-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,.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.fm-hero-content {\n position: relative;\n z-index: 1;\n}\n\n.fm-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.fm-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(--fm-text);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.fm-hero p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.75;\n text-align: center;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.fm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fm-premium h2 {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--fm-sage-dark);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n text-align: center;\n letter-spacing: -.04em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, var(--fm-sage), var(--fm-gold));\n border-radius: 2px;\n}\n\n\/* === GRID BIENFAITS MASONRY === *\/\n.fm-benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n@media (min-width: 768px) {\n .fm-benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .fm-benefit-featured {\n grid-column: span 2;\n }\n}\n\n@media (min-width: 1024px) {\n .fm-benefits-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n \n .fm-benefit-featured {\n grid-column: span 2;\n }\n}\n\n\/* === BENEFIT CARDS === *\/\n.fm-benefit {\n background: var(--fm-white);\n border-radius: var(--fm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fm-shadow);\n transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n}\n\n.fm-benefit::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--fm-sage), var(--fm-gold));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .4s ease;\n}\n\n.fm-benefit:hover::before {\n transform: scaleX(1);\n}\n\n.fm-benefit:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--fm-shadow-lg);\n}\n\n.fm-benefit-featured {\n background: linear-gradient(135deg, rgba(122, 155, 142, .05) 0%, rgba(212, 175, 55, .05) 100%);\n border: 2px solid var(--fm-sage);\n}\n\n.fm-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.fm-benefit h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--fm-text);\n margin-bottom: 12px;\n letter-spacing: -.02em;\n line-height: 1.3;\n}\n\n.fm-benefit p {\n font-size: clamp(15px, 2vw, 16px);\n line-height: 1.7;\n color: var(--fm-text-light);\n margin: 0;\n}\n\n.fm-benefit strong {\n color: var(--fm-sage-dark);\n font-weight: 700;\n}\n\n.fm-mushroom-tag {\n display: inline-block;\n margin-top: 1rem;\n padding: 6px 14px;\n background: rgba(122, 155, 142, .1);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--fm-sage-dark);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === SYNERGY BOX === *\/\n.fm-synergy-box {\n background: linear-gradient(135deg, var(--fm-sage) 0%, var(--fm-purple) 100%);\n border-radius: var(--fm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--fm-shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.fm-synergy-box::before {\n content: '🌟';\n position: absolute;\n top: -20px;\n right: -20px;\n font-size: 120px;\n opacity: .1;\n transform: rotate(15deg);\n}\n\n.fm-synergy-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 20px);\n line-height: 1.75;\n margin: 0;\n text-align: center;\n font-weight: 600;\n font-style: italic;\n position: relative;\n z-index: 1;\n}\n\n\/* === COMPOSITION GRID === *\/\n.fm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n}\n\n.fm-mushroom-card {\n background: var(--fm-white);\n border-radius: var(--fm-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--fm-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.fm-mushroom-card:hover {\n transform: translateY(-8px) rotate(2deg);\n box-shadow: var(--fm-shadow-lg);\n border-color: var(--fm-sage);\n}\n\n.fm-mushroom-card[data-mushroom=\"shiitake\"]:hover { border-color: #9b7e5c; }\n.fm-mushroom-card[data-mushroom=\"cordyceps\"]:hover { border-color: #d4af37; }\n.fm-mushroom-card[data-mushroom=\"chaga\"]:hover { border-color: #6b5b73; }\n.fm-mushroom-card[data-mushroom=\"reishi\"]:hover { border-color: #7a9b8e; }\n.fm-mushroom-card[data-mushroom=\"lionsmane\"]:hover { border-color: #c9b299; }\n\n.fm-mushroom-visual {\n font-size: 64px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.fm-mushroom-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--fm-text-light);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n}\n\n.fm-mushroom-dose {\n font-size: 36px;\n font-weight: 900;\n color: var(--fm-sage-dark);\n letter-spacing: -.03em;\n}\n\n.fm-mushroom-dose span {\n font-size: 16px;\n font-weight: 600;\n color: var(--fm-text-light);\n}\n\n\/* === BOXES === *\/\n.fm-quality-box,\n.fm-usage-box,\n.fm-eco-box {\n background: var(--fm-white);\n border-radius: var(--fm-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--fm-shadow);\n border-left: 5px solid var(--fm-sage);\n}\n\n.fm-usage-box {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n border-left-color: var(--fm-gold);\n}\n\n.fm-usage-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.fm-eco-box {\n border-left-color: var(--fm-earth);\n background: linear-gradient(135deg, rgba(122, 155, 142, .03) 0%, transparent 100%);\n}\n\n.fm-quality-box p,\n.fm-usage-box p,\n.fm-eco-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.75;\n color: var(--fm-text-light);\n margin: 0;\n}\n\n.fm-quality-box strong,\n.fm-usage-box strong,\n.fm-eco-box strong {\n color: var(--fm-text);\n font-weight: 700;\n}\n\n\/* === WARNING BOX === *\/\n.fm-warning-box {\n background: #fff8e6;\n border: 2px solid #f59e0b;\n border-left-width: 5px;\n border-radius: var(--fm-radius-sm);\n padding: 1.5rem 2rem;\n box-shadow: var(--fm-shadow);\n position: relative;\n}\n\n.fm-warning-box::before {\n content: '⚠️';\n position: absolute;\n top: 1.5rem;\n left: -1rem;\n font-size: 32px;\n background: white;\n width: 48px;\n height: 48px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.fm-warning-box p {\n font-size: 15px;\n line-height: 1.7;\n color: #92400e;\n margin: 0;\n padding-left: 2.5rem;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fm-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .fm-usage-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fm-benefit {\n animation: fadeInUp .6s ease backwards;\n }\n \n .fm-benefit:nth-child(1) { animation-delay: .1s; }\n .fm-benefit:nth-child(2) { animation-delay: .2s; }\n .fm-benefit:nth-child(3) { animation-delay: .3s; }\n .fm-benefit:nth-child(4) { animation-delay: .4s; }\n .fm-benefit:nth-child(5) { animation-delay: .5s; }\n .fm-benefit:nth-child(6) { animation-delay: .6s; }\n .fm-benefit:nth-child(7) { animation-delay: .7s; }\n \n .fm-mushroom-card {\n animation: scaleIn .5s ease backwards;\n }\n \n .fm-mushroom-card:nth-child(1) { animation-delay: .1s; }\n .fm-mushroom-card:nth-child(2) { animation-delay: .2s; }\n .fm-mushroom-card:nth-child(3) { animation-delay: .3s; }\n .fm-mushroom-card:nth-child(4) { animation-delay: .4s; }\n .fm-mushroom-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes scaleIn {\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .fm-premium {\n --fm-sage: #2d5744;\n --fm-earth: #6b4a2d;\n }\n}\n\u003c\/style\u003e","brand":"FRENCH MUSH","offers":[{"title":"Default Title","offer_id":45817984778397,"sku":"COMPLEX5FRENCHMUSH","price":29.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/complexe-5-champignons-gelules_frenchmush_11zon.jpg?v=1766325001"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-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=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-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=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\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=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\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 --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-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(--ses-shadow-lg);\n}\n\n.ses-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='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: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-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(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-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.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-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.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-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.ses-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(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-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.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-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 .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles","title":"Huile de Ricin Bio - Fortifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile de Ricin Bio Fortifiante\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eLe secret ancestral pour des cheveux, cils et ongles sublimés\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003e50 ml d'huile pure, certifiée biologique, en flacon compte-gouttes pour un dosage précis et sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eL'huile de Ricin : un soin naturel pour des cheveux, cils et ongles renforcés\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e véritablement efficace pour redonner force et vitalité à vos cheveux ? L'\u003cstrong\u003eHuile de Ricin Fortifiante Comptoir des Huiles\u003c\/strong\u003e est un soin pur, certifié biologique, formulé pour prendre soin de vos cheveux, cils, sourcils et ongles avec un seul produit naturel. Conditionnée en flacon compte-gouttes de 50 ml, elle s'utilise avec précision et sans gaspillage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e est un grand classique de la beauté naturelle. Naturellement riche en \u003cstrong\u003eacide ricinoléique\u003c\/strong\u003e, un acide gras rare quasi exclusif au ricin, elle possède des propriétés fortifiantes et gainantes remarquables.\u003c\/p\u003e\n \u003cp\u003eAppliquée régulièrement sur le cuir chevelu, l'\u003cstrong\u003ehuile de ricin sur les cheveux\u003c\/strong\u003e nourrit le bulbe capillaire, limite la casse et redonne de l'épaisseur aux chevelures fragilisées.\u003c\/p\u003e\n \u003cp\u003eL'association \u003cstrong\u003echeveux et huile de ricin\u003c\/strong\u003e fait ses preuves depuis des générations, bien avant les tendances cosmétiques actuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile fortifiante\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Fortifie et épaissit les cheveux\u003c\/h3\u003e\n \u003cp\u003eElle renforce les cheveux normaux et bouclés, réduit la casse et apporte de la densité visible dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Stimule la pousse des cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes appliquées chaque soir suffisent pour obtenir, au fil des semaines, des cils et sourcils plus fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Renforce les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eMassée sur les ongles et cuticules, elle durcit les ongles fragiles et prévient les dédoublements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🫧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eSa texture épaisse apporte une hydratation profonde aux longueurs sèches et pointes abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle et certifiée bio\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, sans additif ni raffinage chimique. La pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e🧖‍♀️ En bain d'huile capillaire\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes grâce à la pipette et appliquez l'\u003cstrong\u003ehuile de ricin dans les cheveux\u003c\/strong\u003e, en massant le cuir chevelu du bout des doigts. Étirez sur les longueurs, enveloppez dans une serviette tiède et laissez poser entre 30 minutes et une nuit entière. Procédez ensuite à un ou deux shampoings doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez une micro-goutte le soir à l'aide d'une brossette propre ou d'un coton-tige, en évitant le contact direct avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule, idéalement chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de ricin étant naturellement épaisse, vous pouvez la mélanger à une huile plus fluide comme l'huile de coco ou de jojoba pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-composition-box\"\u003e\n \u003cdiv class=\"rc-composition-label\"\u003eIngrédient (INCI)\u003c\/div\u003e\n \u003cdiv class=\"rc-composition-value\"\u003eRicinus Communis Seed Oil*\u003c\/div\u003e\n \u003cp class=\"rc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagement Comptoir des Huiles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eLa marque \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e sélectionne ses huiles végétales avec exigence : chaque lot est pressé à froid, non raffiné et certifié bio. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pipette intégrée permet un dosage précis et hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"rc-cta-box\"\u003e\n \u003cp\u003eQue ce soit pour densifier une chevelure fine, allonger vos cils ou consolider des ongles mous, l'\u003cstrong\u003ehuile de ricin cheveux\u003c\/strong\u003e est un basique à toujours avoir sous la main pour votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rc-cream: #faf7f3;\n --rc-white: #ffffff;\n --rc-primary: #6b3a2a;\n --rc-primary-dark: #4a2518;\n --rc-primary-light: #f5ece6;\n --rc-secondary: #c8956c;\n --rc-accent: #d4a574;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8ddd4;\n --rc-shadow: 0 4px 24px rgba(75, 37, 24, .08);\n --rc-shadow-lg: 0 12px 48px rgba(75, 37, 24, .15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #4a2518 0%, #6b3a2a 40%, #c8956c 100%);\n border-radius: var(--rc-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(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(200,149,108,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-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.rc-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.rc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-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(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-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.rc-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(--rc-primary), var(--rc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rc-highlight-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-secondary);\n line-height: 1.8;\n}\n\n.rc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rc-text);\n margin: 0 0 1rem 0;\n}\n\n.rc-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-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.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rc-composition-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n text-align: center;\n border: 2px solid var(--rc-border);\n}\n\n.rc-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--rc-secondary);\n margin-bottom: .5rem;\n}\n\n.rc-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: .75rem;\n font-style: italic;\n}\n\n.rc-composition-note {\n font-size: 13px;\n color: var(--rc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.rc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-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.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n\n .rc-highlight-box {\n padding: 1.25rem;\n }\n\n .rc-highlight-box p {\n font-size: 14px;\n }\n\n .rc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\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 .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53480327905657,"sku":"HUILERICINCDH","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774365515"},{"product_id":"huile-de-rose-musquee-50ml-comptoir-des-huiles","title":"Huile de Rose Musquée Bio - Revitalisante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Peaux fatiguées \u0026amp; matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée Bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eHuile revitalisante – Visage \u0026amp; corps – 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eComptoir des Huiles – L'élixir précieux qui redonne éclat, souplesse et jeunesse à votre peau, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eL'huile de Rose Musquée Bio : un trésor revitalisant pour votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e véritablement efficace pour redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile à la rose musquée\u003c\/strong\u003e du \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est un soin 100 % naturel et biologique, formulé pour les \u003cstrong\u003epeaux fatiguées et matures\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Oméga-3 \u0026amp; oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels préservés par pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A naturelle\u003c\/h3\u003e\n \u003cp\u003eRétinol végétal pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eProtection contre le stress oxydatif et le vieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Rosa canina\u003c\/h3\u003e\n \u003cp\u003eGraines sélectionnées issues de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de rose musquée pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePrisée dans le monde entier, cette huile précieuse offre des résultats visibles sur tous les types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSa concentration en acides gras polyinsaturés et en rétinol naturel stimule le renouvellement cellulaire. Elle aide à estomper visiblement les \u003cstrong\u003ecicatrices\u003c\/strong\u003e, les \u003cstrong\u003evergetures\u003c\/strong\u003e et les marques laissées par l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eEn nourrissant la peau en profondeur, elle contribue à lisser les ridules et à préserver l'élasticité cutanée. Beaucoup constatent une différence visible après quelques semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Uniformité du teint\u003c\/h3\u003e\n \u003cp\u003eGrâce à la vitamine A, cette huile aide à atténuer les taches pigmentaires et les irrégularités, pour un teint plus lumineux et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement sans laisser de film gras. La peau reste souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🕊️ Apaisement\u003c\/h3\u003e\n \u003cp\u003eParticulièrement douce, elle convient aux peaux sensibles, réactives ou fragilisées par des agressions extérieures (froid, soleil, pollution).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée danger : qu'en est-il vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eRassurez-vous : une huile de rose musquée pure et bio comme celle-ci ne présente pas de danger particulier. Il convient simplement de respecter quelques précautions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil juste après application, car le rétinol naturel peut sensibiliser légèrement la peau aux UV. Si vous avez une peau très grasse ou à tendance acnéique, testez d'abord sur une petite zone. En cas de doute, demandez conseil à votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile revitalisante ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eDéposez 3 à 5 gouttes\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, matin ou soir, pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eLe visage, le cou et le décolleté par mouvements circulaires ascendants pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les zones concernées (vergetures, cicatrices) en massant jusqu'à pénétration complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eBoostez votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la seule ou mélangez-la à votre crème de nuit pour décupler son efficacité régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le soir, quelques gouttes appliquées en sérum avant le coucher permettent à la peau de bénéficier d'une régénération optimale pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\" open\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 INCI\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eRosa Canina Seed Oil*\u003c\/strong\u003e (*ingrédient issu de l'agriculture biologique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🚫 Sans additifs\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eUne formule minimaliste et transparente : \u003cstrong\u003eaucun additif, aucun conservateur, aucun parfum de synthèse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré de 50 ml avec pipette compte-gouttes pour un dosage précis et une conservation optimale.\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=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n \u003cp\u003eSélection rigoureuse des graines de rose musquée issues de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction artisanale à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid garantissant la préservation de tous les actifs précieux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Démarche écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballage en verre recyclable, engagement écologique à chaque étape de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Intégrez dès maintenant cette \u003cstrong\u003ehuile de rose musquée bio\u003c\/strong\u003e dans votre routine quotidienne pour un soin naturel, efficace et respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #fdf8f5;\n --rm-white: #ffffff;\n --rm-primary: #d4a0a0;\n --rm-primary-dark: #8b4a5e;\n --rm-primary-light: #f9eff1;\n --rm-secondary: #c9886e;\n --rm-accent: #e8b4b8;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #ecddd8;\n --rm-shadow: 0 4px 24px rgba(139,74,94,.08);\n --rm-shadow-lg: 0 12px 48px rgba(139,74,94,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4a5e 0%, #d4a0a0 50%, #c9886e 100%);\n border-radius: var(--rm-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(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-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.rm-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.rm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-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(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-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.rm-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(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-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.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-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.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-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.rm-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.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481310749049,"sku":"ROSEMUSQUEECDH","price":15.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-rose-musquee-bio-revitalisante-50ml-comptoir-des-hu-packshothd.webp?v=1774365556"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/made-in-france.oembed?page=9","provider":"Naturellement Bio","version":"1.0","type":"link"}