{"title":"Yeux","description":"","products":[{"product_id":"kajal-incolore-101-3-g-kajal-soultree","title":"Kajal Incolore 101 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🕉️ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e👁️ Yeux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Incolore 101 Soultree\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eLe soin ayurvédique qui sublime votre regard\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eBien plus qu'un simple crayon eyeliner : un véritable rituel de beauté formulé à partir d'ingrédients 100% naturels et certifiés bio, pensé pour les yeux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUn kajal incolore aux multiples usages\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eContrairement au kajal noir classique ou au crayon kajal noir traditionnel (comme le célèbre lamar noir kajal), la version incolore 101 mise sur la transparence pour offrir un effet naturel et lumineux. Sa texture fondante glisse sur la peau sans tirer, idéale pour la muqueuse, le ras des cils ou le coin interne de l'œil.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💄 Base de maquillage\u003c\/h3\u003e\n \u003cp\u003eAppliquez-le avant votre fard à paupières pour intensifier les pigments et prolonger la tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌙 Soin du soir\u003c\/h3\u003e\n \u003cp\u003eDéposez une fine couche autour des yeux pour apaiser les paupières fatiguées par les écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Finition lumineuse\u003c\/h3\u003e\n \u003cp\u003eTracez un trait fin dans le coin interne pour un effet réveillé immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eChaque ingrédient a été sélectionné pour sa pureté et ses bienfaits sur la zone fragile du regard.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee bio\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui hydrate intensément et adoucit la peau délicate du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E, elle protège et nourrit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n \u003cp\u003eRafraîchit, apaise les rougeurs et purifie l'œil naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🍯 Miel d'abeilles sauvages bio\u003c\/h3\u003e\n \u003cp\u003eAux propriétés réparatrices et apaisantes pour un regard reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue parfaite et la texture onctueuse du stick.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans colorants artificiels, sans métaux lourds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCe kajal est \u003cstrong\u003evegan-friendly\u003c\/strong\u003e (hors miel et cire), \u003cstrong\u003enon testé sur les animaux\u003c\/strong\u003e et \u003cstrong\u003ecertifié bio\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal incolore ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003ePas besoin d'être expert(e) en tuto eyeliner crayon pour réussir votre application.\u003c\/p\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eTracez votre ligne\u003c\/h3\u003e\n \u003cp\u003eDessinez une ligne fine au ras des cils supérieurs ou inférieurs en partant de l'angle externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eEstompez en douceur\u003c\/h3\u003e\n \u003cp\u003ePour un fini naturel, lissez délicatement avec le doigt ou un pinceau biseauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eTravaillez la muqueuse\u003c\/h3\u003e\n \u003cp\u003eSur la muqueuse, déposez une légère pression pour transférer le produit en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBien qu'il ne soit pas un crayon eyeliner waterproof, sa formule à base de cires et de beurres végétaux offre une \u003cstrong\u003ebonne tenue tout au long de la journée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne tradition ayurvédique authentique\u003c\/h2\u003e\n \u003cdiv class=\"kj-testimonial\"\u003e\n \u003cp class=\"kj-testimonial-text\"\u003e\"Fabriqué en Inde selon les principes de l'Ayurveda, ce kajal s'inscrit dans une démarche éthique et durable. Soultree travaille directement avec des coopératives locales et privilégie des ingrédients issus de l'agriculture biologique indienne. Vous bénéficiez ainsi d'un produit ancestral, sublimé par un savoir-faire millénaire.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePour qui est fait ce kajal ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003ePour les yeux secs ou irrités par les lentilles et les écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Alternative douce\u003c\/h3\u003e\n \u003cp\u003eUne option naturelle au kajal lamar noir traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Maquillage minimaliste\u003c\/h3\u003e\n \u003cp\u003ePour les amateurs de beauté discrète et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🍃 Clean beauty\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux engagés dans une routine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kj-disclaimer\"\u003eCe produit est un cosmétique et ne remplace en aucun cas un avis ou un traitement médical. En cas d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eHésitant(e) sur la teinte idéale ? Testez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:#fff;text-decoration:underline;font-weight:800;\"\u003equiz interactif\u003c\/a\u003e et obtenez en deux minutes une recommandation personnalisée parmi toute la gamme Kajal Soultree.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --kj-cream: #faf6f1;\n --kj-white: #ffffff;\n --kj-primary: #c9974a;\n --kj-primary-dark: #4a2e1f;\n --kj-primary-light: #f5ebdc;\n --kj-secondary: #d4a574;\n --kj-accent: #8b5a2b;\n --kj-text: #2a1810;\n --kj-text-light: #6b5544;\n --kj-border: #e8dcc8;\n --kj-shadow: 0 4px 24px rgba(74,46,31,.08);\n --kj-shadow-lg: 0 12px 48px rgba(74,46,31,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n }\n\n .kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n }\n\n .kj-hero {\n position: relative;\n background: linear-gradient(135deg, #4a2e1f 0%, #6b3f25 50%, #c9974a 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n }\n\n .kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(212,165,116,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(201,151,74,.3) 0%, transparent 50%);\n opacity: .4;\n }\n\n .kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .kj-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 .kj-subtitle {\n color: #f5ebdc;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n }\n\n .kj-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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 .kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n }\n\n .kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n }\n\n .kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .kj-grid-compact .kj-card {\n padding: 1rem;\n }\n\n .kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .kj-grid-compact .kj-card p {\n font-size: 12px;\n }\n\n .kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(201,151,74,.3);\n }\n\n .kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n }\n\n .kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .kj-testimonial {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kj-shadow);\n border-left: 4px solid var(--kj-primary);\n max-width: 800px;\n margin: 0 auto;\n }\n\n .kj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--kj-primary);\n }\n\n .kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary-dark) 0%, var(--kj-accent) 50%, var(--kj-primary) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n }\n\n .kj-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 .kj-disclaimer {\n font-size: 12px;\n color: var(--kj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-testimonial {\n padding: 1.25rem;\n }\n .kj-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: kjFadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes kjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755190804637,"sku":"38641023","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-incolore-101-kajal-soultree-packshothd.webp?v=1787502647"},{"product_id":"kajal-noir-assam-cold-021-3-g-kajal-soultree","title":"Kajal Noir Assam Cold 021 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🕉️ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Noir intense\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Noir Assam Cold 021\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eKhôl ayurvédique bio – Soultree\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eLa rencontre entre la tradition ayurvédique indienne et la cosmétique naturelle moderne. Un trait profond, soyeux et lumineux qui sublime le regard tout en respectant la sensibilité du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Kajal Noir Assam Cold 021 ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eInspiré des rituels de beauté ancestraux, ce khôl kajal noir se distingue par sa texture fondante et sa pigmentation immédiate. Il ne dessèche pas la paupière et glisse sans tirer sur la peau délicate du contour de l'œil.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🖤 Noir intense\u003c\/h3\u003e\n \u003cp\u003eUne couleur profonde et durable grâce au charbon activé naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💧 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eSe travaille facilement, du trait précis au regard smoky envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eLe camphre naturel apaise et soulage les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Formule bio certifiée\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans silicones et non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition : la pureté des ingrédients ayurvédiques\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eChaque ingrédient du kajal Soultree a été choisi pour ses bienfaits sur la peau fragile du contour des yeux.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee bio\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui nourrit et hydrate intensément la peau délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit et protège la peau sensible du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue et la souplesse de la mine pour une application fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e⚫ Charbon activé\u003c\/h3\u003e\n \u003cp\u003eOffre un noir profond et une longue tenue tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🍃 Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eEffet apaisant et rafraîchissant immédiat sur les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🚫 Sans synthétiques\u003c\/h3\u003e\n \u003cp\u003eAucun colorant synthétique, aucun conservateur agressif. Une formule clean et minimaliste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal noir ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003ePour profiter pleinement de votre crayon noir kajal, voici quelques gestes simples à adopter.\u003c\/p\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eLe trait classique\u003c\/h3\u003e\n \u003cp\u003eAppliquez le long de la ligne des cils ou sur la ligne d'eau pour un trait net et précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eLe regard dramatique\u003c\/h3\u003e\n \u003cp\u003eÉtirez légèrement vers l'extérieur pour un effet eyeliner qui intensifie le regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eL'effet smoky eye\u003c\/h3\u003e\n \u003cp\u003eEstompez avec un pinceau biseauté pour créer un regard envoûtant et sensuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eLa retouche\u003c\/h3\u003e\n \u003cp\u003eRéappliquez en cours de journée pour raviver l'intensité du noir et prolonger la tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e réchauffez légèrement la pointe entre vos doigts avant l'application, la texture devient encore plus fondante et glissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale et engagée\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eFabriqué en Inde selon les principes de l'Ayurvéda, le Kajal Noir Assam Cold 021 est issu de l'agriculture biologique et certifié par des organismes indépendants.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eFabrication selon les rituels ancestraux ayurvédiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌾 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients certifiés par des organismes indépendants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤝 Production équitable\u003c\/h3\u003e\n \u003cp\u003eUne démarche éthique et respectueuse des artisans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐇 Sans tests animaux\u003c\/h3\u003e\n \u003cp\u003eCosmétique cruelty-free, respectueuse du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eAvis et conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"kj-testimonial\"\u003e\n \u003cp class=\"kj-testimonial-text\"\u003e\"Les utilisatrices apprécient particulièrement la tenue longue durée sans effet desséchant et le confort sur les yeux sensibles, y compris pour les porteuses de lentilles. Un kajal qui sublime le regard sans jamais agresser la peau fragile du contour de l'œil.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e👁️ Compatible lentilles\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eSa formule douce et naturelle est appréciée des porteuses de lentilles de contact. Le confort reste optimal toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de gêne ou de réaction, cessez l'utilisation et consultez un professionnel de santé. Ce produit cosmétique n'a pas vocation thérapeutique et ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🎨 Choisir sa teinte\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eVous hésitez entre plusieurs teintes ? Découvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz interactif\u003c\/strong\u003e\u003c\/a\u003e pour trouver la couleur idéale selon votre style, ou explorez l'ensemble de la \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal soultree\"\u003e\u003cstrong\u003ecollection Kajal Soultree\u003c\/strong\u003e\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eAvec le Kajal Noir Assam Cold 021, offrez à votre regard la profondeur d'un noir authentique et la douceur d'une formule 100 % naturelle. Un indispensable beauté à glisser dans toutes les trousses. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --kj-cream: #faf6f1;\n --kj-white: #ffffff;\n --kj-primary: #4a2818;\n --kj-primary-dark: #2d1810;\n --kj-primary-light: #f5ede4;\n --kj-secondary: #c9a06b;\n --kj-accent: #d4af7a;\n --kj-text: #1a1a1a;\n --kj-text-light: #6b5a4d;\n --kj-border: #e8ddd0;\n --kj-shadow: 0 4px 24px rgba(74, 40, 24, 0.08);\n --kj-shadow-lg: 0 12px 48px rgba(74, 40, 24, 0.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n }\n\n .kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n }\n\n .kj-hero {\n position: relative;\n background: linear-gradient(135deg, #2d1810 0%, #4a2818 50%, #6b3a24 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n }\n\n .kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--kj-secondary) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, var(--kj-accent) 0%, transparent 40%);\n opacity: .15;\n }\n\n .kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .kj-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 .kj-subtitle {\n color: var(--kj-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n }\n\n .kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n }\n\n .kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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 .kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n }\n\n .kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-secondary);\n }\n\n .kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .kj-grid-compact .kj-card {\n padding: 1rem;\n }\n\n .kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .kj-grid-compact .kj-card p {\n font-size: 12px;\n }\n\n .kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 40, 24, 0.25);\n }\n\n .kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n }\n\n .kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .kj-testimonial {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kj-shadow);\n border-left: 4px solid var(--kj-secondary);\n }\n\n .kj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n }\n\n .kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n }\n\n .kj-accordion-item:last-child {\n border-bottom: none;\n }\n\n .kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .kj-accordion-header:hover {\n background: var(--kj-primary-light);\n }\n\n .kj-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .kj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--kj-secondary);\n transition: transform .2s ease;\n }\n\n .kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n }\n\n .kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .kj-accordion-content p {\n margin: 0;\n }\n\n .kj-accordion-content a {\n color: var(--kj-primary);\n text-decoration: underline;\n }\n\n .kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 3px solid var(--kj-secondary);\n }\n\n .kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n }\n\n .kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, var(--kj-secondary) 0%, transparent 60%);\n opacity: .12;\n }\n\n .kj-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,.2);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .kj-testimonial {\n padding: 1.25rem;\n }\n .kj-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: kjFadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes kjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191099549,"sku":"38641021","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-noir-assam-cold-021-kajal-soultree-packshothd.webp?v=1787502686"},{"product_id":"kajal-violet-bainganee-012-3-g-kajal-soultree","title":"Kajal Violet Bainganee 012 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Violet Bainganee 012 - Soultree\nPalette détectée:\n - Primaire: #5D3A6E (violet profond du produit)\n - Secondaire: #8B4513 (marron chocolat du packaging)\n - Accent: #D4A574 (or\/cuivre du corps du kajal)\n - Fond: #F9F6F2 (crème naturel)\nAmbiance: Luxe ayurvédique, naturel\/bio, féminin sophistiqué, indien traditionnel\nPréfixe CSS: kj\n--\u003e\n\n\u003cdiv class=\"kj-premium\"\u003e\n \n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Violet Bainganee\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eL'intensité du violet, la sagesse de l'ayurveda\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUn kajal violet vibrant qui sublime votre regard tout en nourrissant et protégeant vos yeux grâce à sa formulation ancestrale indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💜 Couleur intense\u003c\/h3\u003e\n \u003cp\u003eUn violet profond et vibrant qui captive le regard et tient toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 100% naturel \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eFormulé uniquement avec des ingrédients d'origine végétale, certifiés biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux yeux sensibles et aux porteurs de lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🎨 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme kajal, eyeliner ou fard à paupières pour un effet smoky irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧴 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eApplication facile et glisse parfaitement sans tirer ni irriter la peau délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐰 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, fabrication respectueuse de l'environnement en Inde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e🌿 Ingrédients précieux\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège les cils, favorise leur croissance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eProcure une texture crémeuse et hydratante, tenue longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Amandes douces\u003c\/h3\u003e\n \u003cp\u003eRiches en vitamines, apaisent et nourrissent la peau délicate des paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n \u003cp\u003eSensation rafraîchissante, favorise une bonne circulation sanguine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Ashwagandha\u003c\/h3\u003e\n \u003cp\u003eApaisant et protecteur, idéal pour les yeux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n \u003ch3\u003e🎨 Pigments naturels\u003c\/h3\u003e\n \u003cp\u003eColorants d'origine végétale pour un violet intense et vibrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e💫 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👩 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👓 Porteurs de lentilles\u003c\/h3\u003e\n \u003cp\u003eCompatible et sans irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients certifiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Looks audacieux\u003c\/h3\u003e\n \u003cp\u003eCouleur vibrante et unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kj-steps\"\u003e\n \u003cdiv class=\"kj-step\"\u003e\n \u003cdiv class=\"kj-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-step-content\"\u003e\n \u003ch3\u003eApplication classique\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la ligne intérieure et\/ou extérieure de vos yeux pour un regard captivant et profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-step\"\u003e\n \u003cdiv class=\"kj-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-step-content\"\u003e\n \u003ch3\u003eEffet smoky\u003c\/h3\u003e\n \u003cp\u003eÉtalez délicatement la couleur sur la paupière avec un pinceau ou votre doigt pour un fard à paupières sophistiqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-step\"\u003e\n \u003cdiv class=\"kj-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-step-content\"\u003e\n \u003ch3\u003eTrait d'eyeliner\u003c\/h3\u003e\n \u003cp\u003eTracez une ligne précise le long des cils supérieurs pour définir votre regard avec élégance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content\"\u003e\n \u003cp\u003eFabriqué par Soultree en Inde, une marque réputée pour ses produits de beauté bios respectant les principes de l'ayurveda. Ingrédients biologiques certifiés et procédés de fabrication respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content\"\u003e\n \u003cp\u003eConservez votre kajal à l'abri de la chaleur et de l'humidité. Refermez bien le capuchon après chaque utilisation pour préserver la texture crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas d'irritation, cessez l'utilisation. Évitez le contact direct avec l'intérieur de l'œil en cas de sensibilité extrême.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003e🔮 Envie de trouver LA couleur parfaite pour vous ?\u003cbr\u003eRépondez à notre \u003cstrong\u003equiz en ligne\u003c\/strong\u003e et découvrez en 2 minutes le kajal qui révélera votre regard !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #F9F6F2;\n --kj-white: #ffffff;\n --kj-primary: #5D3A6E;\n --kj-primary-dark: #3D2549;\n --kj-primary-light: #F3EEF5;\n --kj-secondary: #8B4513;\n --kj-accent: #D4A574;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e0e0e0;\n --kj-shadow: 0 4px 24px rgba(93,58,110,.08);\n --kj-shadow-lg: 0 12px 48px rgba(93,58,110,.15);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #5D3A6E 0%, #8B4513 50%, #D4A574 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-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-20s20 8.954 20 20-8.954 20-20 20-20-8.954-20-20zm0 0c0 11.046-8.954 20-20 20S-10 41.046-10 30s8.954-20 20-20 20 8.954 20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-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.kj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.kj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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.kj-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(--kj-primary), var(--kj-accent));\n border-radius: 2px;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-card-ingredient {\n background: linear-gradient(135deg, var(--kj-white) 0%, var(--kj-primary-light) 100%);\n}\n\n.kj-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--kj-shadow);\n transition: all .3s ease;\n}\n\n.kj-step:hover {\n transform: translateX(8px);\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(93,58,110,.3);\n}\n\n.kj-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.kj-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-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.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kj-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(212,165,116,.2) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n.kj-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@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kj-grid-compact {\n gap: .625rem;\n }\n \n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n \n .kj-card {\n padding: 1.125rem;\n }\n \n .kj-section {\n margin-bottom: 1.75rem;\n }\n \n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n \n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kj-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .kj-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n \n .kj-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .kj-step:nth-child(1) { animation-delay: .1s; }\n .kj-step:nth-child(2) { animation-delay: .2s; }\n .kj-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@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191492765,"sku":"38641020","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-violet-bainganee-012-kajal-soultree-packshothd.webp?v=1787502890"},{"product_id":"kajal-noir-assam-011-3-g-kajal-soultree","title":"Kajal Noir Assam 011 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel \u0026amp; Bio\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-Free\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Noir Assam 011\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eL'art du regard envoûtant signé Soultree\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eOffrez à votre regard toute la profondeur d'un noir authentique. Inspiré des traditions ayurvédiques millénaires, ce crayon kajal 100% naturel sublime vos yeux tout en prenant soin de la peau délicate de vos paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Kajal Noir Assam 011 ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eContrairement à un eyeliner kajal conventionnel, ce khol kajal noir ne contient ni plomb, ni parabènes, ni silicones, ni colorants artificiels. Sa texture douce et crémeuse glisse sur la peau sans tirer ni irriter, même sur les yeux les plus sensibles ou les porteuses de lentilles de contact. Le résultat ? Un trait intense, velouté et longue tenue, pour un regard envoûtant inspiré des beautés indiennes.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🖤 Noir profond\u003c\/h3\u003e\n \u003cp\u003eTeinte noire intense issue du charbon de noix de coco pour un trait velouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌸 Formule ayurvédique\u003c\/h3\u003e\n \u003cp\u003eNourrissante et apaisante, elle respecte la zone fragile du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCruelty-free et formulé sans ingrédients synthétiques ni tests animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux délicates et aux porteuses de lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment utiliser ce crayon noir kajal ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eApplication précise\u003c\/h3\u003e\n \u003cp\u003eAppliquez le Kajal Noir directement sur la ligne de cils supérieure et inférieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eModulez l'intensité\u003c\/h3\u003e\n \u003cp\u003eTracez un trait fin pour un effet naturel ou repassez plusieurs fois pour un look smoky dramatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eWaterline intense\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le à l'intérieur de la paupière pour intensifier instantanément votre regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eEffet fumé séduisant\u003c\/h3\u003e\n \u003cp\u003eEstompez légèrement avec un pinceau pour un effet smoky ultra envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis\u003c\/em\u003e – Hydrate, fortifie les cils et nourrit les paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié, ingrédient ayurvédique purifiant et adoucissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e❄️ Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur et apaise les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🥥 Charbon de noix de coco\u003c\/h3\u003e\n \u003cp\u003ePigment naturel offrant un noir profond et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eAdoucit et protège la zone fragile du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine synthétique, aucun test sur animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eLes bienfaits du kajal ayurvédique\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eBien plus qu'un simple eyeliner, le kajal est utilisé depuis des siècles en Inde pour ses vertus protectrices. Le Kajal Noir Assam rafraîchit le regard, aide à apaiser les yeux fatigués par les écrans et embellit naturellement les cils grâce à ses huiles nourrissantes. Une routine beauté complète en un seul geste !\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💆‍♀️ Apaisant\u003c\/h3\u003e\n \u003cp\u003eSoulage les yeux fatigués par les écrans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Embellissant\u003c\/h3\u003e\n \u003cp\u003eSublime naturellement les cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌬️ Rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🛡️ Protecteur\u003c\/h3\u003e\n \u003cp\u003eTradition millénaire au service du regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kj-disclaimer\"\u003eNote : ce produit cosmétique ne se substitue pas à un avis médical. En cas de gêne oculaire persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eOrigine et engagement Soultree\u003c\/h2\u003e\n \u003cdiv class=\"kj-testimonial\"\u003e\n \u003cp class=\"kj-testimonial-text\"\u003e\"Fabriqué en Inde dans le respect des traditions ayurvédiques, le Kajal Noir Assam 011 est issu de la marque Soultree, pionnière du maquillage bio indien. Chaque ingrédient est sélectionné auprès de filières éthiques et durables. Découvrez toute la gamme des \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal soultree\"\u003eKajal Soultree\u003c\/a\u003e pour trouver la teinte qui vous correspond.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eVous hésitez sur la couleur idéale ? Laissez-vous guider par notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz interactif\u003c\/strong\u003e\u003c\/a\u003e : en moins de deux minutes, il vous conseille la teinte parfaite selon votre regard et votre carnation. Tentez l'expérience et révélez la beauté unique de vos yeux ! ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --kj-cream: #faf6f1;\n --kj-white: #ffffff;\n --kj-primary: #4a2818;\n --kj-primary-dark: #2d1810;\n --kj-primary-light: #f5ede4;\n --kj-secondary: #c9985a;\n --kj-accent: #d4a574;\n --kj-text: #1a1a1a;\n --kj-text-light: #6b5a4d;\n --kj-border: #e8dcc9;\n --kj-shadow: 0 4px 24px rgba(74,40,24,.08);\n --kj-shadow-lg: 0 12px 48px rgba(74,40,24,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n }\n\n .kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n }\n\n .kj-hero {\n position: relative;\n background: linear-gradient(135deg, #2d1810 0%, #4a2818 50%, #6b3e22 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n }\n\n .kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(201,152,90,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212,165,116,.25) 0%, transparent 40%);\n opacity: .6;\n }\n\n .kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .kj-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 .kj-subtitle {\n color: var(--kj-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n }\n\n .kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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 .kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n }\n\n .kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-secondary);\n }\n\n .kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .kj-grid-compact .kj-card {\n padding: 1rem;\n }\n\n .kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .kj-grid-compact .kj-card p {\n font-size: 12px;\n }\n\n .kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,40,24,.25);\n }\n\n .kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n }\n\n .kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .kj-testimonial {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kj-shadow);\n border-left: 4px solid var(--kj-secondary);\n }\n\n .kj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .kj-testimonial-text a {\n color: var(--kj-primary);\n font-weight: 700;\n text-decoration: underline;\n }\n\n .kj-disclaimer {\n font-size: 12px;\n color: var(--kj-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n }\n\n .kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212,165,116,.2) 0%, transparent 70%);\n border-radius: 50%;\n }\n\n .kj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .kj-cta-box a {\n color: var(--kj-accent);\n text-decoration: underline;\n font-weight: 700;\n }\n\n @media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kj-card {\n padding: 1.125rem;\n }\n\n .kj-section {\n margin-bottom: 1.75rem;\n }\n\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kj-grid-compact {\n gap: .625rem;\n }\n\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n\n .kj-timeline-content p {\n font-size: 13px;\n }\n\n .kj-testimonial {\n padding: 1.25rem;\n }\n\n .kj-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-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 .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191885981,"sku":"38641019","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-noir-assam-011-kajal-soultree-packshothd.webp?v=1787502667"},{"product_id":"kajal-bronze-kerala-009-3-g-kajal-soultree","title":"Kajal Bronze Kerala 009 - Kajal Soultree","description":"\u003cdiv class=\"kjb-premium\"\u003e\n \u003cdiv class=\"kjb-hero\"\u003e\n \u003cdiv class=\"kjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kjb-hero-content\"\u003e\n \u003cdiv class=\"kjb-badges-top\"\u003e\n \u003cspan class=\"kjb-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kjb-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kjb-badge\"\u003e🇮🇳 Made in India\u003c\/span\u003e\n \u003cspan class=\"kjb-badge\"\u003e👁️ Yeux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kjb-hero-title\"\u003eKajal Bronze Kerala 009\u003c\/span\u003e\n \u003cp class=\"kjb-subtitle\"\u003eL'éclat chaleureux du Kerala dans votre regard\u003c\/p\u003e\n \u003cp class=\"kjb-description\"\u003eEnvie d'un regard intense, chaleureux et lumineux sans compromis sur la santé de vos yeux ? Le Kajal Bronze Kerala 009 de Soultree est un crayon kajal ayurvédique 100% naturel et bio, qui marie tradition indienne et cosmétique moderne. Sa teinte bronze profonde, inspirée des terres ensoleillées du Kerala, illumine instantanément le regard tout en respectant la peau délicate de vos paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce crayon kajal bronze ?\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003eContrairement à un crayon kajal noir classique ou à un crayon kajal Kiko conventionnel, le Kajal Bronze Kerala 009 mise sur la pureté de ses ingrédients. Il s'utilise aussi bien comme eyeliner kajal pour souligner le regard que comme fard à paupières pour créer un maquillage smoky chaleureux.\u003c\/p\u003e\n \u003cdiv class=\"kjb-grid\"\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e✨ Teinte bronze chatoyante\u003c\/h3\u003e\n \u003cp\u003eSublime particulièrement les yeux verts, marron et noisette pour un regard lumineux et envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌿 Formule ayurvédique\u003c\/h3\u003e\n \u003cp\u003eÀ base d'ingrédients soignants, parfaitement adaptée aux yeux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e💫 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eType satin kajal liner, facile à appliquer et à estomper selon votre humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e⏱️ Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eUne tenue qui dure toute la journée sans dessécher la zone délicate du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal eyeliner ?\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003eLe crayon khol kajal Soultree s'adapte à toutes vos envies de maquillage :\u003c\/p\u003e\n \u003cdiv class=\"kjb-timeline\"\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003e✏️ Trait précis\u003c\/h3\u003e\n \u003cp\u003eTracez une ligne fine le long des cils supérieurs pour un regard défini et sophistiqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003e💨 Effet smoky\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la ligne des cils inférieurs et estompez avec un pinceau plat pour un look chaleureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003e🎨 Fard à paupières\u003c\/h3\u003e\n \u003cp\u003eDéposez la matière sur la paupière mobile et travaillez au doigt pour un fini lumineux et bronze.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003e👁️ Waterline\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule douce, il s'utilise sans irritation à l'intérieur de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-tip\"\u003e\n \u003cspan class=\"kjb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une tenue maximale, fixez avec une poudre transparente ou un fard à paupières de la même tonalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003eChaque ingrédient est sélectionné pour ses vertus ayurvédiques :\u003c\/p\u003e\n \u003cdiv class=\"kjb-grid\"\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🧈 Ghee purifié\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui hydrate et nourrit la peau fine des paupières en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A et E, elle apaise et protège la zone sensible du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure une tenue impeccable tout en formant une barrière protectrice naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌬️ Camphre naturel\u003c\/h3\u003e\n \u003cp\u003ePurifie et rafraîchit l'œil selon la tradition ancestrale ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌱 Huile de graines de ricin\u003c\/h3\u003e\n \u003cp\u003eFavorise la beauté et la vigueur des cils pour un regard encore plus intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e💎 Pigments minéraux naturels\u003c\/h3\u003e\n \u003cp\u003ePour une teinte bronze éclatante, stable et lumineuse au fil des heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-tip\"\u003e\n \u003cspan class=\"kjb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCe kajal est \u003cstrong\u003esans parabènes, sans silicones, sans plomb\u003c\/strong\u003e ni substance controversée. Il convient aux yeux sensibles et aux porteurs de lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale et engagée\u003c\/h2\u003e\n \u003cdiv class=\"kjb-testimonial\"\u003e\n \u003cp class=\"kjb-testimonial-text\"\u003e\"Fabriqué en Inde, berceau de l'Ayurveda, le Kajal Bronze Kerala est élaboré selon les méthodes traditionnelles transmises depuis des générations. Soultree privilégie les ingrédients issus de l'agriculture biologique et du commerce équitable, soutenant ainsi les communautés rurales indiennes. Le packaging est conçu pour limiter son impact environnemental.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌾 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients certifiés issus de cultures responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eSoutien direct aux communautés rurales indiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e♻️ Éco-packaging\u003c\/h3\u003e\n \u003cp\u003eConçu pour limiter son impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🕉️ Tradition ancestrale\u003c\/h3\u003e\n \u003cp\u003eMéthodes ayurvédiques transmises de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce kajal ?\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003eQue vous soyez adepte du maquillage minimaliste ou amatrice de looks plus sophistiqués, ce kajar crayon bronze trouvera sa place dans votre trousse. Il est particulièrement apprécié des personnes qui recherchent une alternative naturelle aux eyeliners conventionnels, sans renoncer à la pigmentation ni à la tenue.\u003c\/p\u003e\n \u003cdiv class=\"kjb-accordion\"\u003e\n \u003cdetails class=\"kjb-accordion-item\"\u003e\n \u003csummary class=\"kjb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kjb-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit est un cosmétique et ne remplace en aucun cas un avis ou un traitement médical. En cas de gêne oculaire, d'irritation persistante ou d'allergie connue à l'un des ingrédients, cessez l'utilisation et consultez un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kjb-accordion-item\"\u003e\n \u003csummary class=\"kjb-accordion-header\"\u003e🎯 Trouvez votre teinte idéale\u003c\/summary\u003e\n \u003cdiv class=\"kjb-accordion-content mt-3\"\u003e\n \u003cp\u003eVous hésitez encore sur la teinte idéale ? Profitez de notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz interactif Kajal Soultree\u003c\/strong\u003e\u003c\/a\u003e : en quelques questions, découvrez la couleur la plus flatteuse pour votre regard et votre style.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kjb-cta-box\"\u003e\n \u003cp\u003e✨ Sublimez votre regard avec l'éclat bronze du Kerala et offrez à vos yeux le soin d'une tradition ayurvédique millénaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kjb-cream: #faf6f1;\n --kjb-white: #ffffff;\n --kjb-primary: #8b4513;\n --kjb-primary-dark: #4a2410;\n --kjb-primary-light: #f5e8db;\n --kjb-secondary: #d4a574;\n --kjb-accent: #c9821f;\n --kjb-text: #2a1a10;\n --kjb-text-light: #6b5547;\n --kjb-border: #e8dcc9;\n --kjb-shadow: 0 4px 24px rgba(74,36,16,.08);\n --kjb-shadow-lg: 0 12px 48px rgba(74,36,16,.18);\n --kjb-radius: 20px;\n --kjb-radius-sm: 12px;\n}\n\n.kjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kjb-text);\n}\n\n.kjb-hero {\n position: relative;\n background: linear-gradient(135deg, #4a2410 0%, #8b4513 50%, #c9821f 100%);\n border-radius: var(--kjb-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(--kjb-shadow-lg);\n}\n\n.kjb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(212,165,116,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(201,130,31,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.kjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kjb-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.kjb-subtitle {\n color: var(--kjb-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.kjb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.kjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kjb-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(--kjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.kjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kjb-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.kjb-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(--kjb-primary), var(--kjb-secondary));\n border-radius: 2px;\n}\n\n.kjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kjb-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.kjb-card {\n background: var(--kjb-white);\n border-radius: var(--kjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kjb-shadow-lg);\n border-color: var(--kjb-primary);\n}\n\n.kjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kjb-grid-compact .kjb-card {\n padding: 1rem;\n}\n\n.kjb-grid-compact .kjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kjb-grid-compact .kjb-card p {\n font-size: 12px;\n}\n\n.kjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kjb-primary), var(--kjb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,69,19,.3);\n}\n\n.kjb-timeline-content {\n flex: 1;\n background: var(--kjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kjb-radius-sm);\n box-shadow: var(--kjb-shadow);\n}\n\n.kjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kjb-timeline-content p {\n font-size: 14px;\n color: var(--kjb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kjb-testimonial {\n background: var(--kjb-white);\n border-radius: var(--kjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kjb-shadow);\n border-left: 4px solid var(--kjb-primary);\n}\n\n.kjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kjb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.kjb-accordion {\n background: var(--kjb-white);\n border-radius: var(--kjb-radius);\n box-shadow: var(--kjb-shadow);\n overflow: hidden;\n}\n\n.kjb-accordion-item {\n border-bottom: 1px solid var(--kjb-border);\n margin: 0;\n padding: 0;\n}\n\n.kjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kjb-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.kjb-accordion-header:hover {\n background: var(--kjb-primary-light);\n}\n\n.kjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kjb-primary);\n transition: transform .2s ease;\n}\n\n.kjb-accordion-item[open] .kjb-accordion-header::after {\n content: '−';\n}\n\n.kjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kjb-accordion-content p {\n margin: 0;\n}\n\n.kjb-accordion-content a {\n color: var(--kjb-primary);\n font-weight: 600;\n text-decoration: underline;\n}\n\n.kjb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kjb-primary-light);\n border-radius: var(--kjb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--kjb-accent);\n}\n\n.kjb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kjb-tip p {\n font-size: 14px;\n color: var(--kjb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kjb-cta-box {\n background: linear-gradient(135deg, var(--kjb-primary) 0%, var(--kjb-primary-dark) 100%);\n border-radius: var(--kjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kjb-shadow-lg);\n}\n\n.kjb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212,165,116,.3) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.kjb-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@media (max-width: 767px) {\n .kjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kjb-card {\n padding: 1.125rem;\n }\n \n .kjb-section {\n margin-bottom: 1.75rem;\n }\n \n .kjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kjb-radius-sm);\n }\n \n .kjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kjb-grid-compact {\n gap: .625rem;\n }\n \n .kjb-grid-compact .kjb-card {\n padding: .75rem;\n }\n \n .kjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kjb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kjb-timeline-content h3 {\n font-size: 14px;\n }\n \n .kjb-timeline-content p {\n font-size: 13px;\n }\n \n .kjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kjb-testimonial {\n padding: 1.25rem;\n }\n \n .kjb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kjb-card {\n animation: kjbFadeInUp .5s ease backwards;\n }\n .kjb-card:nth-child(1) { animation-delay: .05s; }\n .kjb-card:nth-child(2) { animation-delay: .1s; }\n .kjb-card:nth-child(3) { animation-delay: .15s; }\n .kjb-card:nth-child(4) { animation-delay: .2s; }\n .kjb-card:nth-child(5) { animation-delay: .25s; }\n .kjb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755192311965,"sku":"38641015","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-bronze-kerala-009-kajal-soultree-packshothd.webp?v=1787502384"},{"product_id":"kajal-prune-cachemire-008-3-g-kajal-soultree","title":"Kajal Prune Cachemire 008 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 Certifié BDIH\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e👁️ Yeux sensibles\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🪷 Ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Prune Cachemire 008\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eSoultree · Crayon yeux ayurvédique 3 g\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUne teinte prune profonde et envoûtante, formulée à partir d'ingrédients ayurvédiques traditionnels. Soin et maquillage en un seul geste, pour un regard intense et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne couleur prune envoûtante pour intensifier votre regard\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eLa nuance \u003cstrong\u003ePrune Cachemire\u003c\/strong\u003e est une teinte sophistiquée, à mi-chemin entre le bordeaux et le violet profond. Elle apporte douceur et caractère, idéale pour mettre en valeur les yeux verts, noisette ou bleus. Plus subtil qu'un kajal noir classique, ce satin kajal liner offre un rendu lumineux et flatteur, parfait au quotidien comme pour les occasions spéciales.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💚 Yeux verts\u003c\/h3\u003e\n \u003cp\u003eSublime et intensifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤎 Yeux noisette\u003c\/h3\u003e\n \u003cp\u003eRéchauffe le regard\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💙 Yeux bleus\u003c\/h3\u003e\n \u003cp\u003eCrée un contraste flatteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✨ Fini satiné\u003c\/h3\u003e\n \u003cp\u003eLumineux et raffiné\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer le Kajal Prune Cachemire 008 ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eCe \u003cstrong\u003ekajal eyeliner pencil\u003c\/strong\u003e s'utilise de multiples façons selon l'effet recherché. Sa texture crémeuse glisse sans tirer sur la peau délicate du contour de l'œil, pour une application douce et précise.\u003c\/p\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e✍️ En eyeliner\u003c\/h3\u003e\n \u003cp\u003eTracez une ligne fine au ras des cils supérieurs pour un look raffiné et élégant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e👁️ Sur la muqueuse (waterline)\u003c\/h3\u003e\n \u003cp\u003eAppliquez-le directement sur la ligne d'eau pour un regard intense et profond. Sa formule respectueuse en fait un excellent kajal eyeliner waterline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e🎨 En fard à paupières\u003c\/h3\u003e\n \u003cp\u003eEstompez la matière du bout du doigt pour un smoky eyes original en tons prunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et certifiée BDIH\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eSoultree formule ce kajal à partir d'ingrédients ayurvédiques traditionnels, sans paraben, ni silicone, ni dérivés pétrochimiques.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee (beurre clarifié)\u003c\/h3\u003e\n \u003cp\u003eNourrit et apaise la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eHydrate et assouplit la peau délicate de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Camphre\u003c\/h3\u003e\n \u003cp\u003ePurifie et procure une sensation rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure tenue et confort tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💜 Pigments minéraux naturels\u003c\/h3\u003e\n \u003cp\u003eOffrent une couleur prune intense et stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✅ Adapté aux yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eCertifié BDIH, non testé sur les animaux, compatible avec les porteurs de lentilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eComme pour tout cosmétique, en cas d'irritation persistante, cessez l'utilisation et consultez un professionnel de santé. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un kajal ayurvédique plutôt qu'un kajal classique ?\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eContrairement aux kajals industriels qui contiennent souvent des pigments synthétiques, le kajal Soultree mise sur la \u003cstrong\u003etradition ayurvédique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🪷 Tradition millénaire\u003c\/h3\u003e\n \u003cp\u003eInspiré de l'ayurveda indien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients naturels\u003c\/h3\u003e\n \u003cp\u003eGhee, camphre, pigments minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💆 Soin du contour de l'œil\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💄 Maquillage longue tenue\u003c\/h3\u003e\n \u003cp\u003eCouleur intense et stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center; margin-top:1.25rem; font-size:14px; color:var(--kj-text-light);\"\u003eLe ghee et le camphre sont reconnus depuis des siècles en Inde pour leurs vertus apaisantes sur l'œil. Vous obtenez ainsi un eyeliner kajal à la fois soin et maquillage, qui respecte la sensibilité de vos yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne marque engagée pour la planète\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabriqué en Inde\u003c\/h3\u003e\n \u003cp\u003eDans le respect des principes ayurvédiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌾 Cultures biologiques\u003c\/h3\u003e\n \u003cp\u003eRécoltes durables et responsables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤝 Soutien local\u003c\/h3\u003e\n \u003cp\u003eCommunautés indiennes valorisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e📦 Emballages éco-conçus\u003c\/h3\u003e\n \u003cp\u003eEmpreinte environnementale réduite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\" open\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🔒 Refermer après usage\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eRefermez bien le tube après chaque utilisation pour préserver la texture crémeuse et l'intensité des pigments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🌡️ Conserver à l'abri de la chaleur\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eStockez votre kajal dans un endroit frais et sec, à l'abri des sources de chaleur directes pour garantir sa stabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e📅 Durée d'utilisation après ouverture\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eLa durée d'utilisation après ouverture est de \u003cstrong\u003e12 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eHésitante sur la teinte qui vous correspond ? Testez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:#fff; text-decoration:underline; font-weight:800;\"\u003equiz couleur kajal\u003c\/a\u003e : en quelques questions, il vous guide vers la nuance idéale. Découvrez aussi toute la gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"crayon kajal bio\" style=\"color:#fff; text-decoration:underline; font-weight:800;\"\u003ecrayons kajal bio Soultree\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #faf6f2;\n --kj-white: #ffffff;\n --kj-primary: #6b2548;\n --kj-primary-dark: #4a1730;\n --kj-primary-light: #f5e8ee;\n --kj-secondary: #c9a36b;\n --kj-accent: #8b3d5f;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e8ddd3;\n --kj-shadow: 0 4px 24px rgba(74,23,48,.08);\n --kj-shadow-lg: 0 12px 48px rgba(74,23,48,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #4a1730 0%, #6b2548 50%, #8b3d5f 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--kj-secondary) 0%, transparent 40%), radial-gradient(circle at 80% 70%, #fff 0%, transparent 40%);\n opacity: .08;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-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.kj-subtitle {\n color: var(--kj-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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.kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,37,72,.3);\n}\n\n.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--kj-primary);\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, var(--kj-secondary) 0%, transparent 60%);\n opacity: .1;\n}\n\n.kj-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,.15);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: kjFadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755192737949,"sku":"38641013","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-prune-cachemire-008-kajal-soultree-packshothd.webp?v=1787502706"},{"product_id":"kajal-ecorce-lodhra-007-3-g-kajal-soultree","title":"Kajal Ecorce Lodhra 007 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Écorce Lodhra 007 - SoulTree\nPalette détectée:\n - Primaire: #4A2C2A (brun chocolat foncé du capuchon\/base)\n - Secondaire: #C8956C (doré rosé\/cuivré du corps)\n - Accent: #D4A574 (or chaud)\nAmbiance: Luxe naturel, ayurvédique, féminin raffiné, tons chauds boisés et dorés\nPréfixe CSS: st\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Kajal Écorce Lodhra 007 SoulTree : l'eyeliner kajal naturel aux vertus ayurvédiques\"\n 2. \"Pourquoi choisir ce kajal ayurvédique plutôt qu'un eyeliner classique ?\"\n 3. \"Composition détaillée du Kajal Écorce Lodhra 007\"\n 4. \"Comment appliquer votre kajal eyeliner SoulTree ?\"\n 5. \"SoulTree : une marque engagée pour une beauté éthique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"st-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"st-hero\"\u003e\n \u003cdiv class=\"st-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"st-hero-content\"\u003e\n \u003cdiv class=\"st-badges-top\"\u003e\n \u003cspan class=\"st-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"st-badge\"\u003e🇮🇳 Ayurvéda authentique\u003c\/span\u003e\n \u003cspan class=\"st-badge\"\u003e✨ Certifié végétarien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"st-hero-title\"\u003eKajal Écorce Lodhra 007\u003c\/span\u003e\n \u003cp class=\"st-subtitle\"\u003eSoulTree — Ayurvedic Kajal\u003c\/p\u003e\n \u003cp class=\"st-description\"\u003eL'intensité d'un regard sublimé par la sagesse millénaire de l'Ayurvéda. Un kajal-soin aux reflets boisés, formulé avec des actifs précieux pour magnifier vos yeux tout en les protégeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eKajal Écorce Lodhra 007 SoulTree : l'eyeliner kajal naturel aux vertus ayurvédiques\u003c\/h2\u003e\n \u003cp class=\"st-section-intro\"\u003eVous cherchez un \u003cstrong\u003ekajal eyeliner\u003c\/strong\u003e qui allie intensité du regard et respect de votre peau ? Le \u003cstrong\u003eKajal Écorce Lodhra 007 de SoulTree\u003c\/strong\u003e est bien plus qu'un simple crayon kajal noir : c'est un véritable soin pour vos yeux, formulé selon les principes ancestraux de l'Ayurvéda.\u003c\/p\u003e\n \u003cdiv class=\"st-grid-compact\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🪷 Formule ayurvédique\u003c\/h3\u003e\n \u003cp\u003eActifs ancestraux sélectionnés pour le soin du contour de l'œil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🎨 Teinte unique\u003c\/h3\u003e\n \u003cp\u003eReflets subtilement boisés, élégance naturelle pour toutes les carnations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e👁️ Regard intense\u003c\/h3\u003e\n \u003cp\u003eCouleur profonde et longue tenue tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e💎 Soin \u0026amp; maquillage\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la zone délicate des paupières en même temps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce kajal ayurvédique plutôt qu'un eyeliner classique ?\u003c\/h2\u003e\n \u003cdiv class=\"st-testimonial\"\u003e\n \u003cp class=\"st-testimonial-text\"\u003e\"La différence entre un eyeliner conventionnel et ce kajal SoulTree réside dans sa composition. Là où la plupart des khol kajal noir du commerce contiennent des ingrédients synthétiques, celui-ci mise sur des actifs naturels reconnus en médecine ayurvédique pour prendre soin du contour de l'œil tout en le maquillant.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e⏱️ Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eUn kajal noir intense qui tient remarquablement bien tout au long de la journée, sans retouche nécessaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🤍 Douceur absolue\u003c\/h3\u003e\n \u003cp\u003eNe dessèche ni n'irrite la zone délicate des paupières, même sur les peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e👓 Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes portant des lentilles de contact ou ayant les yeux sensibles, en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eComposition détaillée du Kajal Écorce Lodhra 007\u003c\/h2\u003e\n \u003cp class=\"st-section-intro\"\u003eChaque ingrédient a été sélectionné pour ses propriétés spécifiques :\u003c\/p\u003e\n \u003cdiv class=\"st-grid\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🖤 Charbon de bois pur\u003c\/h3\u003e\n \u003cp\u003ePigment naturel qui confère au kajal sa couleur profonde et son intensité incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🧈 Ghee biologique\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui nourrit et hydrate le contour de l'œil, assurant une application douce et crémeuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e❄️ Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eProcure une légère sensation de fraîcheur et possède des propriétés antibactériennes protectrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux réactives et facilite le glissé du crayon sur la paupière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌳 Écorce de Lodhra\u003c\/h3\u003e\n \u003cp\u003eActif ayurvédique traditionnel reconnu pour ses qualités apaisantes et astringentes, signature de cette teinte unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-tip\"\u003e\n \u003cspan class=\"st-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eAucun paraben, aucun colorant synthétique, aucun ingrédient d'origine animale. Certifié végétarien, emballage recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal eyeliner SoulTree ?\u003c\/h2\u003e\n \u003cp class=\"st-section-intro\"\u003eL'application est simple et intuitive grâce à la forme conique du bâtonnet :\u003c\/p\u003e\n \u003cdiv class=\"st-timeline\"\u003e\n \u003cdiv class=\"st-timeline-item\"\u003e\n \u003cdiv class=\"st-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"st-timeline-content\"\u003e\n \u003ch3\u003eRegard naturel\u003c\/h3\u003e\n \u003cp\u003eTracez un trait fin au ras des cils supérieurs. La texture onctueuse glisse facilement, même pour les débutantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-timeline-item\"\u003e\n \u003cdiv class=\"st-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"st-timeline-content\"\u003e\n \u003ch3\u003eLook intense\u003c\/h3\u003e\n \u003cp\u003eAppliquez le kajal sur les lignes supérieure et inférieure pour un regard profond digne des traditions orientales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-timeline-item\"\u003e\n \u003cdiv class=\"st-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"st-timeline-content\"\u003e\n \u003ch3\u003eEffet smoky\u003c\/h3\u003e\n \u003cp\u003eEstompez le trait avec un pinceau biseauté ou le bout du doigt. Vous pouvez même l'utiliser comme ombre à paupières en l'étalant sur toute la paupière mobile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-tip\"\u003e\n \u003cspan class=\"st-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une meilleure tenue, veillez à ce que vos paupières soient propres et sèches avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"st-section\"\u003e\n \u003ch2\u003eSoulTree : une marque engagée pour une beauté éthique\u003c\/h2\u003e\n \u003cdiv class=\"st-grid-compact\"\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🇮🇳 Pionnière indienne\u003c\/h3\u003e\n \u003cp\u003eMarque pionnière de la cosmétique ayurvédique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌱 Bio \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique et du commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e💚 Respect santé\u003c\/h3\u003e\n \u003cp\u003eUn maquillage respectueux de votre santé et de votre bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"st-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEngagement fort pour les artisans producteurs et l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"st-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"st-cta-box\"\u003e\n \u003cp\u003eVous hésitez encore sur la teinte idéale ? Découvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" class=\"st-cta-link\"\u003e\u003cstrong\u003equiz express\u003c\/strong\u003e\u003c\/a\u003e pour trouver la couleur de \u003ca title=\"kajal ayurvédique\" href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" class=\"st-cta-link\"\u003ekajal ayurvédique\u003c\/a\u003e qui vous correspond en quelques clics. Et si l'Écorce Lodhra est faite pour vous, laissez vos yeux parler !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"st-disclaimer\"\u003eLes résultats peuvent varier selon les types de peau. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --st-cream: #faf6f2;\n --st-white: #ffffff;\n --st-primary: #6B3A2E;\n --st-primary-dark: #4A2C2A;\n --st-primary-light: #f5ede7;\n --st-secondary: #C8956C;\n --st-accent: #D4A574;\n --st-text: #1a1a1a;\n --st-text-light: #5a5a5a;\n --st-border: #e8ddd4;\n --st-shadow: 0 4px 24px rgba(74,44,42,.08);\n --st-shadow-lg: 0 12px 48px rgba(74,44,42,.15);\n --st-radius: 20px;\n --st-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.st-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--st-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.st-hero {\n position: relative;\n background: linear-gradient(135deg, var(--st-primary-dark) 0%, var(--st-primary) 40%, var(--st-secondary) 100%);\n border-radius: var(--st-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(--st-shadow-lg);\n}\n\n.st-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,165,116,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,149,108,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.st-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.st-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.st-subtitle {\n color: var(--st-accent);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.st-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.st-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.st-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(--st-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.st-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.st-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.st-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--st-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.st-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(--st-secondary), var(--st-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.st-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--st-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.st-card {\n background: var(--st-white);\n border-radius: var(--st-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--st-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.st-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--st-shadow-lg);\n border-color: var(--st-secondary);\n}\n\n.st-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--st-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.st-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--st-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.st-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.st-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.st-grid-compact .st-card {\n padding: 1rem;\n}\n\n.st-grid-compact .st-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.st-grid-compact .st-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.st-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.st-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.st-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--st-primary), var(--st-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.st-timeline-content {\n flex: 1;\n background: var(--st-white);\n padding: 1rem 1.25rem;\n border-radius: var(--st-radius-sm);\n box-shadow: var(--st-shadow);\n}\n\n.st-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--st-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.st-timeline-content p {\n font-size: 14px;\n color: var(--st-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.st-testimonial {\n background: var(--st-white);\n border-radius: var(--st-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--st-shadow);\n border-left: 4px solid var(--st-secondary);\n}\n\n.st-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--st-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.st-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--st-primary-light);\n border-radius: var(--st-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.st-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.st-tip p {\n font-size: 14px;\n color: var(--st-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.st-cta-box {\n background: linear-gradient(135deg, var(--st-primary) 0%, var(--st-primary-dark) 100%);\n border-radius: var(--st-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.st-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.st-cta-link {\n color: var(--st-accent) !important;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: color .2s ease;\n}\n\n.st-cta-link:hover {\n color: #f0c99a !important;\n}\n\n\/* === DISCLAIMER === *\/\n.st-disclaimer {\n font-size: 12px;\n color: var(--st-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 .st-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .st-card {\n padding: 1.125rem;\n }\n\n .st-section {\n margin-bottom: 1.75rem;\n }\n\n .st-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--st-radius-sm);\n }\n\n .st-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .st-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .st-grid-compact {\n gap: .625rem;\n }\n\n .st-grid-compact .st-card {\n padding: .75rem;\n }\n\n .st-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .st-timeline-content {\n padding: .875rem 1rem;\n }\n\n .st-timeline-content h3 {\n font-size: 14px;\n }\n\n .st-timeline-content p {\n font-size: 13px;\n }\n\n .st-testimonial {\n padding: 1.25rem;\n }\n\n .st-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .st-card {\n animation: stFadeInUp .5s ease backwards;\n }\n .st-card:nth-child(1) { animation-delay: .05s; }\n .st-card:nth-child(2) { animation-delay: .1s; }\n .st-card:nth-child(3) { animation-delay: .15s; }\n .st-card:nth-child(4) { animation-delay: .2s; }\n .st-card:nth-child(5) { animation-delay: .25s; }\n .st-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes stFadeInUp {\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 .st-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755193131165,"sku":"38641011","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-ecorce-lodhra-007-kajal-soultree-packshothd.webp?v=1787502990"},{"product_id":"kajal-bleu-varkala-006-3-g-kajal-soultree","title":"Kajal Bleu Varkala 006 - Kajal Soultree","description":"\u003cdiv class=\"kjb-premium\"\u003e\n \u003cdiv class=\"kjb-hero\"\u003e\n \u003cdiv class=\"kjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kjb-hero-content\"\u003e\n \u003cdiv class=\"kjb-badges-top\"\u003e\n \u003cspan class=\"kjb-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kjb-badge\"\u003e✨ Certifié BDIH\u003c\/span\u003e\n \u003cspan class=\"kjb-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-Free\u003c\/span\u003e\n \u003cspan class=\"kjb-badge\"\u003e🇮🇳 Ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kjb-hero-title\"\u003eKajal Bleu Varkala 006\u003c\/span\u003e\n \u003cp class=\"kjb-subtitle\"\u003eLe crayon kajal ayurvédique signé Soultree\u003c\/p\u003e\n \u003cp class=\"kjb-description\"\u003eEnvie d'un regard qui capte la lumière et fait tourner les têtes ? Inspiré des eaux turquoise des plages de Varkala en Inde du Sud, ce kajal aux pigments bleu profond associe beauté et philosophie ayurvédique pour un maquillage sain et spectaculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eUn kajal eyeliner pas comme les autres\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003eContrairement à un crayon kajal classique, le Varkala 006 repose sur une formule 100 % naturelle et 80 % issue de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"kjb-grid\"\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🧈 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eEnrichie en ghee (beurre clarifié) et en huiles végétales, elle glisse sans tirer sur la paupière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e💙 Bleu vibrant\u003c\/h3\u003e\n \u003cp\u003eUn trait précis aux pigments intenses, avec une tenue longue durée et sans effet asséchant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🎨 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eS'utilise en eyeliner pour structurer le regard ou s'estompe en smoky eye glamour, du jour à la soirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Kajal Varkala 006 ?\u003c\/h2\u003e\n \u003cdiv class=\"kjb-grid\"\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e💎 Pigmentation intense\u003c\/h3\u003e\n \u003cp\u003eUn bleu marine profond, lumineux et flatteur sur tous les regards.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e👁️ Confort absolu\u003c\/h3\u003e\n \u003cp\u003eConvient aux yeux sensibles et aux porteurs de lentilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌸 Soin du contour de l'œil\u003c\/h3\u003e\n \u003cp\u003eNourrit et apaise grâce aux actifs ayurvédiques traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e✏️ Application facile\u003c\/h3\u003e\n \u003cp\u003eCrayon rétractable, pas besoin de taille-crayon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n \u003cp\u003eVegan, cruelty-free, fabriqué en Inde dans le respect des artisans locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌱 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003e80 % bio, sans parabènes, sans silicones, sans nanoparticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eConseils d'application\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003ePour profiter pleinement de votre crayon kajal :\u003c\/p\u003e\n \u003cdiv class=\"kjb-timeline\"\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003eTracez votre ligne\u003c\/h3\u003e\n \u003cp\u003eAppliquez-le sur la ligne des cils supérieurs et\/ou inférieurs, à l'intérieur de l'œil ou en ras de cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003eEstompez pour un smoky\u003c\/h3\u003e\n \u003cp\u003eEstompez immédiatement avec un pinceau ou le doigt avant que la matière ne fixe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003eMixez les couleurs\u003c\/h3\u003e\n \u003cp\u003eAssociez-le à un crayon kajal noir pour intensifier le regard ou portez-le seul pour un effet pop coloré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-item\"\u003e\n \u003cdiv class=\"kjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kjb-timeline-content\"\u003e\n \u003ch3\u003ePréservez sa fraîcheur\u003c\/h3\u003e\n \u003cp\u003eRefermez bien le capuchon après utilisation pour conserver toutes les qualités du kajal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\"\u003e\n \u003ch2\u003eComposition naturelle et ayurvédique\u003c\/h2\u003e\n \u003cp class=\"kjb-section-intro\"\u003eUne liste d'ingrédients courte, transparente et inspirée de la médecine traditionnelle indienne.\u003c\/p\u003e\n \u003cdiv class=\"kjb-grid\"\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🧈 Ghee (beurre clarifié)\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la peau fine du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit et hydrate délicatement la zone sensible du regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise et rafraîchit pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eFavorise la beauté et la vigueur naturelle des cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e🌬️ Camphre\u003c\/h3\u003e\n \u003cp\u003ePurifie naturellement l'œil selon la tradition ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-card\"\u003e\n \u003ch3\u003e💙 Pigments minéraux naturels\u003c\/h3\u003e\n \u003cp\u003eCires et pigments naturels pour cette teinte bleue éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjb-tip\"\u003e\n \u003cspan class=\"kjb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans huiles minérales, sans colorants synthétiques ni nanoparticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne marque engagée\u003c\/h2\u003e\n \u003cdiv class=\"kjb-testimonial\"\u003e\n \u003cp class=\"kjb-testimonial-text\"\u003e\"SoulTree est la première marque indienne de cosmétiques ayurvédiques certifiés bio. Chaque kajal est produit dans le respect des savoir-faire traditionnels et des communautés locales. En choisissant ce kajal and eyeliner 2-en-1, vous adoptez un geste beauté responsable, sain et durable.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"kjb-disclaimer\"\u003eCe produit est un cosmétique destiné à un usage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Il ne remplace aucun traitement médical.\u003c\/p\u003e\n \u003cdiv class=\"kjb-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eVous hésitez encore sur la teinte idéale ? Notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:#fff;text-decoration:underline;font-weight:800;\"\u003equiz en ligne\u003c\/a\u003e vous guide en moins de 2 minutes vers le kajal qui sublimera votre regard. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kjb-cream: #faf6f0;\n --kjb-white: #ffffff;\n --kjb-primary: #2854a8;\n --kjb-primary-dark: #1a3a78;\n --kjb-primary-light: #e8eef9;\n --kjb-secondary: #c89968;\n --kjb-accent: #4a7bc8;\n --kjb-text: #1a1a1a;\n --kjb-text-light: #5a5a5a;\n --kjb-border: #e0e0e0;\n --kjb-shadow: 0 4px 24px rgba(40,84,168,.08);\n --kjb-shadow-lg: 0 12px 48px rgba(40,84,168,.18);\n --kjb-radius: 20px;\n --kjb-radius-sm: 12px;\n}\n\n.kjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kjb-text);\n}\n\n.kjb-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3a78 0%, #2854a8 50%, #4a7bc8 100%);\n border-radius: var(--kjb-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(--kjb-shadow-lg);\n}\n\n.kjb-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(200,153,104,.3) 0%, transparent 50%);\n opacity: .15;\n}\n\n.kjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kjb-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.kjb-subtitle {\n color: #f5d9b3;\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.kjb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.kjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kjb-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(--kjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kjb-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.kjb-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(--kjb-primary), var(--kjb-secondary));\n border-radius: 2px;\n}\n\n.kjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kjb-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.kjb-card {\n background: var(--kjb-white);\n border-radius: var(--kjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kjb-shadow-lg);\n border-color: var(--kjb-primary);\n}\n\n.kjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.kjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kjb-primary), var(--kjb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(40,84,168,.3);\n}\n\n.kjb-timeline-content {\n flex: 1;\n background: var(--kjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kjb-radius-sm);\n box-shadow: var(--kjb-shadow);\n}\n\n.kjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kjb-timeline-content p {\n font-size: 14px;\n color: var(--kjb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kjb-testimonial {\n background: var(--kjb-white);\n border-radius: var(--kjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kjb-shadow);\n border-left: 4px solid var(--kjb-primary);\n}\n\n.kjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kjb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.kjb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kjb-primary-light);\n border-radius: var(--kjb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.kjb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kjb-tip p {\n font-size: 14px;\n color: var(--kjb-text);\n margin: 0;\n line-height: 1.6;\n font-weight: 600;\n}\n\n.kjb-cta-box {\n background: linear-gradient(135deg, var(--kjb-primary) 0%, var(--kjb-primary-dark) 100%);\n border-radius: var(--kjb-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kjb-shadow-lg);\n}\n\n.kjb-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.kjb-disclaimer {\n font-size: 12px;\n color: var(--kjb-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .kjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kjb-card { padding: 1.125rem; }\n .kjb-section { margin-bottom: 1.75rem; }\n .kjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kjb-radius-sm);\n }\n .kjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kjb-timeline-content { padding: .875rem 1rem; }\n .kjb-timeline-content h3 { font-size: 14px; }\n .kjb-timeline-content p { font-size: 13px; }\n .kjb-testimonial { padding: 1.25rem; }\n .kjb-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kjb-card { animation: fadeInUp .5s ease backwards; }\n .kjb-card:nth-child(1) { animation-delay: .05s; }\n .kjb-card:nth-child(2) { animation-delay: .1s; }\n .kjb-card:nth-child(3) { animation-delay: .15s; }\n .kjb-card:nth-child(4) { animation-delay: .2s; }\n .kjb-card:nth-child(5) { animation-delay: .25s; }\n .kjb-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 .kjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755193360541,"sku":"38641009","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-bleu-varkala-006-kajal-soultree-packshothd_1c103a65-30c6-406d-b6e1-be1d987f16d7.webp?v=1787502595"},{"product_id":"kajal-bleu-jodhpur-005-3-g-kajal-soultree","title":"Kajal Bleu Jodhpur 005 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🇮🇳 Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty Free\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Certifié Natrue\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Bleu Jodhpur 005\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eL'élégance mystérieuse de la ville bleue\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUn crayon pour les yeux d'exception inspiré par les façades azur de Jodhpur. Véritable trésor de l'ayurvéda, ce kajal sublime votre regard d'une teinte bleu profond et lumineuse, tout en chouchoutant la peau délicate de vos paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUn kajal ayurvédique d'inspiration indienne\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eContrairement à un kajal eyeliner pencil classique, le Kajal Bleu Jodhpur de Soultree puise dans des recettes traditionnelles vieilles de plusieurs siècles. Sa texture crémeuse et fondante glisse sur la peau pour offrir un tracé précis ou estompé selon vos envies — du quotidien aux soirées les plus glamour.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eLes bienfaits de ce crayon yeux kajal\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💙 Couleur intense\u003c\/h3\u003e\n \u003cp\u003eUn bleu Jodhpur profond, éclatant et longue tenue pour un regard captivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👁️ Application waterline\u003c\/h3\u003e\n \u003cp\u003eSpécialement conçu pour la zone interne de l'œil, confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌸 Soin du regard\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise grâce à ses huiles végétales bio nourrissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e👜 Format pratique\u003c\/h3\u003e\n \u003cp\u003e3 g idéal à glisser dans votre trousse, partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComposition naturelle et certifiée\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eSans parabènes, sans silicones, sans huiles minérales et sans colorants synthétiques. Une formulation pure et respectueuse de la peau sensible des yeux.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee bio\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui nourrit en profondeur et apporte une texture onctueuse exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eApaise et adoucit la peau sensible des paupières, pour un confort maximal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💎 Pigments minéraux naturels\u003c\/h3\u003e\n \u003cp\u003ePour une teinte bleue intense, lumineuse et parfaitement saturée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🍃 Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eRafraîchit et purifie le contour de l'œil avec délicatesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue parfaite et l'onctuosité incomparable du crayon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e✅ Triple certification\u003c\/h3\u003e\n \u003cp\u003eNatrue, BDIH et PETA Cruelty Free : un engagement éthique fort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal bleu ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eTracé précis\u003c\/h3\u003e\n \u003cp\u003ePour un regard intense, tracez une ligne fine le long des cils supérieurs et inférieurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eEffet smoky bohème\u003c\/h3\u003e\n \u003cp\u003eEstompez le trait avec un pinceau ou du bout du doigt dans les secondes qui suivent l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eTouche d'ombre\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le en ombre à paupières pour réveiller un maquillage neutre d'une touche de bleu Jodhpur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eComparé à un kiko kajal eyeliner ou un kajal vasanti waterline eyeliner, ce kajal Soultree se distingue par sa formulation soin et son origine ayurvédique authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePourquoi choisir Soultree ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabriqué en Inde\u003c\/h3\u003e\n \u003cp\u003eSelon les principes ancestraux de l'ayurvéda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤝 Producteurs locaux\u003c\/h3\u003e\n \u003cp\u003eCollaboration directe avec des agriculteurs indiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients bio\u003c\/h3\u003e\n \u003cp\u003eCultivés avec respect dans une démarche durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e⚖️ Démarche équitable\u003c\/h3\u003e\n \u003cp\u003eUn véritable rituel beauté, ancré dans la tradition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage cosmétique externe. Évitez tout contact direct avec la cornée. En cas d'irritation, cessez l'utilisation. Ce produit n'a pas de vocation médicale et ne remplace en aucun cas un avis ou un traitement ophtalmologique. 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=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003eEnvie de varier les couleurs ? Découvrez toute la gamme de maquillage ayurvédique Kajal et trouvez votre teinte idéale. Hésitante entre plusieurs nuances ? Répondez à notre quiz rapide pour découvrir le kajal qui correspond le mieux à votre regard — immédiat et 100 % personnalisé !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #f8f6f2;\n --kj-white: #ffffff;\n --kj-primary: #2563eb;\n --kj-primary-dark: #1e3a8a;\n --kj-primary-light: #e0e9ff;\n --kj-secondary: #c9a674;\n --kj-accent: #4a2818;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e0e0e0;\n --kj-shadow: 0 4px 24px rgba(30,58,138,.08);\n --kj-shadow-lg: 0 12px 48px rgba(30,58,138,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #4a2818 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(201,166,116,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .6;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-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.kj-subtitle {\n color: var(--kj-secondary);\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.kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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.kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-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.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(37,99,235,.3);\n}\n\n.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(201,166,116,.3) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.kj-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,.15);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-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 .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755193753757,"sku":"38641007","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-bleu-jodhpur-005-kajal-soultree-packshothd.webp?v=1787502564"},{"product_id":"kajal-granit-himalaya-004-3-g-kajal-soultree","title":"Kajal Granite Himalaya 004 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🕉️ Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e✨ Sans paraben\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🇮🇳 Fabriqué en Inde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Granite Himalaya 004\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eSoultree · Crayon kajal noir aux reflets gris minéral\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eInspiré des traditions ayurvédiques indiennes, ce kajar noir aux nuances grises profondes sublime votre regard tout en prenant soin de vos yeux grâce à des ingrédients 100% naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUn kajal noir aux reflets gris envoûtants\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eLe Kajal Granite Himalaya se distingue par sa teinte unique, entre noir intense et gris minéral, évoquant la pierre de granit des montagnes himalayennes.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🪨 Teinte minérale unique\u003c\/h3\u003e\n \u003cp\u003eUn noir profond aux reflets gris granit, inspiré des sommets himalayens pour un regard envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💫 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eGlisse en douceur sur la paupière pour un tracé précis ou un effet smoky parfaitement maîtrisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e⏱️ Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eUn fini lumineux et résistant, idéal en eyeliner sur la ligne des cils ou estompé en ombre à paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🎒 Format nomade 3g\u003c\/h3\u003e\n \u003cp\u003eCompact et pratique, il vous accompagne partout pour des retouches faciles tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal eyeliner ?\u003c\/h2\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e✏️ Tracé fin\u003c\/h3\u003e\n \u003cp\u003eAppliquez la pointe du kajal au plus près de la ligne des cils supérieurs ou inférieurs pour un trait net.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e🌫️ Effet smoky\u003c\/h3\u003e\n \u003cp\u003eDéposez le produit sur la paupière mobile puis estompez avec un pinceau pour un regard intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e🎨 Ombre à paupières\u003c\/h3\u003e\n \u003cp\u003eUtilisez le kajal comme base et floutez-le pour un look modulable selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003e💧 Démaquillage\u003c\/h3\u003e\n \u003cp\u003eRetirez le maquillage avec un démaquillant doux spécial yeux pour préserver la zone du contour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre kajal à l'abri de la chaleur pour préserver sa texture et sa pigmentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eUne composition naturelle et ayurvédique\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eCe khôl kajal noir puise sa richesse dans des ingrédients sélectionnés avec soin, reconnus en Ayurveda pour leurs propriétés apaisantes et nourrissantes.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee purifié\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui adoucit et hydrate la peau délicate du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eReconnu en Ayurveda pour ses vertus rafraîchissantes et apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la zone fragile autour des yeux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Aloé Vera\u003c\/h3\u003e\n \u003cp\u003eApaise et apporte une sensation de confort immédiat sur la paupière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure une texture fondante et une excellente tenue tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e⚫ Charbon végétal\u003c\/h3\u003e\n \u003cp\u003ePigment naturel garantissant une intensité noire profonde et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormulé \u003cstrong\u003esans paraben, sans plomb\u003c\/strong\u003e ni produits chimiques agressifs, ce kajal convient même aux yeux sensibles et aux porteuses de lentilles de contact (faites toujours un test préalable).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eOrigine, fabrication et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabrication indienne\u003c\/h3\u003e\n \u003cp\u003eConçu selon les principes ayurvédiques traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🏔️ Récolte himalayenne\u003c\/h3\u003e\n \u003cp\u003eIngrédients récoltés de façon durable dans la région.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🤝 Soutien local\u003c\/h3\u003e\n \u003cp\u003eEngagement auprès des communautés indiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌍 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eProcédés respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center;margin-top:1.5rem;color:var(--kj-text-light);font-size:15px;line-height:1.7;\"\u003eLe Kajal Soultree allie \u003cstrong\u003esavoir-faire ancestral\u003c\/strong\u003e et exigences cosmétiques modernes pour un produit aussi pur que performant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"kj-accordion\"\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e👁️ Le kajal Soultree convient-il aux yeux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formulation naturelle est pensée pour respecter la zone délicate du contour de l'œil. En cas de doute, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e✨ Peut-on l'utiliser comme eyeliner et kajal ?\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Ce produit polyvalent permet à la fois un tracé eyeliner précis et une application traditionnelle en kajal sur la muqueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Bon à savoir\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis médical en cas de gêne oculaire ou d'allergie. Effectuez toujours un test préalable, notamment si vous portez des lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kj-accordion-item\"\u003e\n \u003csummary class=\"kj-accordion-header\"\u003e🎨 Hésitante sur la teinte ?\u003c\/summary\u003e\n \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n \u003cp\u003eNotre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:var(--kj-primary-dark);font-weight:700;\"\u003equiz couleur\u003c\/a\u003e vous guide en quelques clics. Découvrez aussi toute la collection \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal yeux\" style=\"color:var(--kj-primary-dark);font-weight:700;\"\u003eKajal Soultree\u003c\/a\u003e pour trouver votre nuance idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #faf6f1;\n --kj-white: #ffffff;\n --kj-primary: #5a3a28;\n --kj-primary-dark: #3a2418;\n --kj-primary-light: #f4ebe1;\n --kj-secondary: #c9a47a;\n --kj-accent: #d4af7f;\n --kj-text: #2a1d14;\n --kj-text-light: #6b5648;\n --kj-border: #e8ddd0;\n --kj-shadow: 0 4px 24px rgba(58,36,24,.08);\n --kj-shadow-lg: 0 12px 48px rgba(58,36,24,.18);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kj-text);\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, #3a2418 0%, #5a3a28 50%, #c9a47a 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(212,175,127,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .3;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-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.kj-subtitle {\n color: var(--kj-accent);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.kj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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.kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin: 0 auto 1.75rem;\n max-width: 680px;\n line-height: 1.7;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-secondary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-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(58,36,24,.25);\n}\n\n.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--kj-secondary);\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-accordion {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n box-shadow: var(--kj-shadow);\n overflow: hidden;\n}\n\n.kj-accordion-item {\n border-bottom: 1px solid var(--kj-border);\n margin: 0;\n padding: 0;\n}\n\n.kj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kj-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.kj-accordion-header:hover {\n background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--kj-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n content: '−';\n}\n\n.kj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kj-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kj-card {\n padding: 1.125rem;\n }\n .kj-section {\n margin-bottom: 1.75rem;\n }\n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kj-grid-compact {\n gap: .625rem;\n }\n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n .kj-timeline-content h3 {\n font-size: 14px;\n }\n .kj-timeline-content p {\n font-size: 13px;\n }\n .kj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .kj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: kjFadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755194146973,"sku":"38641005","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-granite-himalaya-004-kajal-soultree-packshothd.webp?v=1787502626"},{"product_id":"kajal-vert-imperial-002-3-g-kajal-soultree","title":"Kajal Vert Impérial 002 - Kajal Soultree","description":"```html\n\u003cdiv class=\"sk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sk-hero\"\u003e\n \u003cdiv class=\"sk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sk-hero-content\"\u003e\n \u003cdiv class=\"sk-badges-top\"\u003e\n \u003cspan class=\"sk-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e🇮🇳 Ayurvéda indien\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n \u003cspan class=\"sk-badge\"\u003e👁️ Yeux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sk-hero-title\"\u003eKajal Vert Impérial 002\u003c\/span\u003e\n \u003cp class=\"sk-subtitle\"\u003eSoultree — Kajal eyeliner ayurvédique\u003c\/p\u003e\n \u003cp class=\"sk-description\"\u003eUn regard captivant teinté de mystère grâce à un soin ancestral formulé selon les principes millénaires de l'Ayurvéda. Vert profond, riche et sophistiqué — 3 g de pure tradition indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eKajal Vert Impérial 002 Soultree : l'eyeliner kajal ayurvédique aux ingrédients 100 % naturels\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eEnvie d'un regard captivant teinté de mystère ? Le \u003cstrong\u003eKajal Vert Impérial 002 de Soultree\u003c\/strong\u003e est bien plus qu'un simple crayon yeux kajal : c'est un soin ancestral pour le contour de l'œil, formulé selon les principes de l'Ayurvéda indien.\u003c\/p\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e✨ Teinte envoûtante\u003c\/h3\u003e\n \u003cp\u003eVert profond, riche et sophistiqué qui sublime tous les regards\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🤎 Idéal yeux noisette\u003c\/h3\u003e\n \u003cp\u003eSublime particulièrement les yeux noisette et bruns\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧘 Soin ayurvédique\u003c\/h3\u003e\n \u003cp\u003ePrend soin de la zone la plus délicate de votre visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🌱 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003eIngrédients naturels et biologiques soigneusement sélectionnés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un kajal eyeliner ayurvédique ?\u003c\/h2\u003e\n \u003cdiv class=\"sk-testimonial\"\u003e\n \u003cp class=\"sk-testimonial-text\"\u003eLes kajals conventionnels contiennent souvent des silicones, des parabènes ou des conservateurs de synthèse qui peuvent irriter les yeux sensibles. Le kajal eyeliner Soultree adopte une approche radicalement différente : chaque ingrédient est sélectionné pour sa \u003cstrong\u003edouceur\u003c\/strong\u003e et ses \u003cstrong\u003epropriétés apaisantes\u003c\/strong\u003e. Résultat : vous pouvez l'appliquer sur la waterline (ligne d'eau) en toute sérénité, même si vos yeux sont réactifs ou si vous portez des lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eLa formule du \u003cstrong\u003eKajal Vert Impérial 002\u003c\/strong\u003e réunit des ingrédients naturels et biologiques soigneusement dosés :\u003c\/p\u003e\n \u003cdiv class=\"sk-grid\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🧈 Ghee biologique\u003c\/h3\u003e\n \u003cp\u003eBase traditionnelle du kajal indien, il hydrate et apaise le contour de l'œil en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille biologique\u003c\/h3\u003e\n \u003cp\u003eAssure une texture crémeuse qui glisse sans tirer et protège la peau fine des paupières\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eNourrit les cils en profondeur et favorise leur souplesse naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eRéputée pour renforcer et densifier les cils au fil des applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n \u003cp\u003eProcure une agréable sensation de fraîcheur et contribue à purifier le contour de l'œil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e💎 Pigments minéraux naturels\u003c\/h3\u003e\n \u003cp\u003eGarantissent une couleur vert impérial intense et une bonne tenue tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parabènes, sans silicones, sans phtalates, sans produits chimiques agressifs.\u003c\/strong\u003e Produit non testé sur les animaux et certifié cosmétique naturelle et biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eComment appliquer votre kajal eyeliner vert ?\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eGrâce à son format pratique en stick, ce crayon yeux kajal s'applique avec précision et facilité :\u003c\/p\u003e\n \u003cdiv class=\"sk-timeline\"\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eEn eyeliner classique\u003c\/h3\u003e\n \u003cp\u003eTracez un trait le long de la ligne des cils supérieurs, du coin interne vers l'extérieur, pour un regard défini et élégant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eSur la waterline\u003c\/h3\u003e\n \u003cp\u003eAppliquez délicatement sur la ligne d'eau inférieure pour un effet kajal traditionnel envoûtant, idéal pour intensifier le regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eEn ombre à paupières\u003c\/h3\u003e\n \u003cp\u003eEstompez la matière au doigt ou au pinceau sur la paupière mobile pour un smoky vert profond original.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-item\"\u003e\n \u003cdiv class=\"sk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sk-timeline-content\"\u003e\n \u003ch3\u003eIntensifier la pigmentation\u003c\/h3\u003e\n \u003cp\u003eSuperposez les couches si vous souhaitez une pigmentation plus marquée : la texture onctueuse le permet sans paquets ni tiraillements.\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=\"sk-section\"\u003e\n \u003ch2\u003eSoultree : une marque engagée et éthique\u003c\/h2\u003e\n \u003cp class=\"sk-section-intro\"\u003eSoultree est une marque indienne pionnière de la beauté ayurvédique certifiée biologique.\u003c\/p\u003e\n \u003cdiv class=\"sk-grid-compact\"\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabriqué en Inde\u003c\/h3\u003e\n \u003cp\u003eMéthodes traditionnelles transmises de génération en génération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🏅 Standards internationaux\u003c\/h3\u003e\n \u003cp\u003eRespect des normes de la cosmétique naturelle certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eProduction durable, respectueuse des artisans locaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEngagement pour l'environnement à chaque étape\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sk-section-intro\"\u003eChaque \u003ca title=\"kajal soultree\" href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\"\u003ekajal Soultree\u003c\/a\u003e est le fruit d'un savoir-faire ancestral au service de votre beauté naturelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sk-section\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"sk-accordion\"\u003e\n \u003cdetails class=\"sk-accordion-item\" open\u003e\n \u003csummary class=\"sk-accordion-header\"\u003e📋 Fiche technique\u003c\/summary\u003e\n \u003cdiv class=\"sk-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 3 g\u003cbr\u003e\n \u003cstrong\u003eTeinte :\u003c\/strong\u003e Vert Impérial 002\u003cbr\u003e\n \u003cstrong\u003eType :\u003c\/strong\u003e Kajal eyeliner pencil naturel et biologique\u003cbr\u003e\n \u003cstrong\u003eConvient aux :\u003c\/strong\u003e yeux sensibles, porteurs de lentilles\u003cbr\u003e\n \u003cstrong\u003eFabrication :\u003c\/strong\u003e Inde — tradition ayurvédique\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=\"sk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sk-cta-box\"\u003e\n \u003cp\u003eOffrez à votre regard un maquillage qui allie beauté, tradition et respect de votre peau. Le \u003cstrong\u003eKajal Vert Impérial 002 Soultree\u003c\/strong\u003e est le compagnon idéal pour un eyeliner kajal naturel, performant et bienveillant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sk-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cspan class=\"sk-tip-icon\"\u003e🎯\u003c\/span\u003e\n \u003cp\u003ePas sûr(e) que le Vert Impérial soit la teinte faite pour vous ? Découvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz couleur\u003c\/strong\u003e\u003c\/a\u003e : en quelques questions, trouvez le kajal qui sublimera votre regard 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 --sk-cream: #faf7f3;\n --sk-white: #ffffff;\n --sk-primary: #3a5a32;\n --sk-primary-dark: #2a3f24;\n --sk-primary-light: #eef4eb;\n --sk-secondary: #c6975b;\n --sk-accent: #8b5e3c;\n --sk-text: #1a1a1a;\n --sk-text-light: #5a5a5a;\n --sk-border: #e0d8cf;\n --sk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sk-radius: 20px;\n --sk-radius-sm: 12px;\n}\n\n.sk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sk-accent) 0%, var(--sk-primary-dark) 50%, var(--sk-primary) 100%);\n border-radius: var(--sk-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(--sk-shadow-lg);\n}\n\n.sk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(198,151,91,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(198,151,91,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sk-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.sk-subtitle {\n color: var(--sk-secondary);\n font-size: clamp(14px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sk-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.sk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sk-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(--sk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sk-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.sk-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(--sk-secondary), var(--sk-primary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-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.sk-section-intro a {\n color: var(--sk-primary);\n text-decoration: underline;\n font-weight: 600;\n}\n\n.sk-section-intro a:hover {\n color: var(--sk-primary-dark);\n}\n\n\/* === CARDS === *\/\n.sk-card {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sk-shadow-lg);\n border-color: var(--sk-secondary);\n}\n\n.sk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sk-grid-compact .sk-card {\n padding: 1rem;\n}\n\n.sk-grid-compact .sk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sk-grid-compact .sk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sk-secondary), var(--sk-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: 16px;\n}\n\n.sk-timeline-content {\n flex: 1;\n background: var(--sk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sk-radius-sm);\n box-shadow: var(--sk-shadow);\n}\n\n.sk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sk-timeline-content p {\n font-size: 14px;\n color: var(--sk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sk-testimonial {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sk-shadow);\n border-left: 4px solid var(--sk-secondary);\n}\n\n.sk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sk-testimonial-text strong {\n color: var(--sk-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sk-accordion {\n background: var(--sk-white);\n border-radius: var(--sk-radius);\n box-shadow: var(--sk-shadow);\n overflow: hidden;\n}\n\n.sk-accordion-item {\n border-bottom: 1px solid var(--sk-border);\n margin: 0;\n padding: 0;\n}\n\n.sk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sk-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.sk-accordion-header:hover {\n background: var(--sk-primary-light);\n}\n\n.sk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sk-secondary);\n transition: transform .2s ease;\n}\n\n.sk-accordion-item[open] .sk-accordion-header::after {\n content: '−';\n}\n\n.sk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sk-primary-light);\n border-radius: var(--sk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sk-tip p {\n font-size: 14px;\n color: var(--sk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sk-tip a {\n color: var(--sk-primary);\n text-decoration: underline;\n font-weight: 600;\n}\n\n.sk-tip a:hover {\n color: var(--sk-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sk-cta-box {\n background: linear-gradient(135deg, var(--sk-secondary) 0%, var(--sk-accent) 100%);\n border-radius: var(--sk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sk-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 .sk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sk-card {\n padding: 1.125rem;\n }\n\n .sk-section {\n margin-bottom: 1.75rem;\n }\n\n .sk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sk-radius-sm);\n }\n\n .sk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sk-grid-compact {\n gap: .625rem;\n }\n\n .sk-grid-compact .sk-card {\n padding: .75rem;\n }\n\n .sk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sk-timeline-content h3 {\n font-size: 14px;\n }\n\n .sk-timeline-content p {\n font-size: 13px;\n }\n\n .sk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sk-testimonial {\n padding: 1.25rem;\n }\n\n .sk-testimonial-text {\n font-size: 14px;\n }\n\n .sk-badges-top {\n gap: 6px;\n }\n\n .sk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sk-card {\n animation: skFadeInUp .5s ease backwards;\n }\n .sk-card:nth-child(1) { animation-delay: .05s; }\n .sk-card:nth-child(2) { animation-delay: .1s; }\n .sk-card:nth-child(3) { animation-delay: .15s; }\n .sk-card:nth-child(4) { animation-delay: .2s; }\n .sk-card:nth-child(5) { animation-delay: .25s; }\n .sk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes skFadeInUp {\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 .sk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755194540189,"sku":"38641003","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-vert-imperial-002-kajal-soultree-packshothd.webp?v=1787502719"},{"product_id":"kajal-vert-tulsi-001-3-g-kajal-soultree","title":"Kajal Vert Tulsi 001 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Vert Tulsi 001 - Soultree\nPalette détectée:\n - Primaire: #3D5A3D (vert tulsi profond du produit)\n - Secondaire: #C9956C (or rosé\/cuivré du packaging)\n - Accent: #4A2C2A (brun chocolat du capuchon)\n - Background: #F9F7F4 (crème chaud)\nAmbiance: Luxe ayurvédique, naturel raffiné, féminin élégant, inspirations indiennes\nPréfixe CSS: kj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Mode d'application\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kj-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kj-hero\"\u003e\n \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kj-hero-content\"\u003e\n \u003cdiv class=\"kj-badges-top\"\u003e\n \u003cspan class=\"kj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🇮🇳 Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kj-hero-title\"\u003eKajal Vert Tulsi 001\u003c\/span\u003e\n \u003cp class=\"kj-subtitle\"\u003eSoultree • Maquillage Ayurvédique\u003c\/p\u003e\n \u003cp class=\"kj-description\"\u003eUn kajal d'exception inspiré des traditions indiennes ancestrales. Sa teinte vert tulsi, douce et vibrante, sublime votre regard avec élégance et apporte une sensation de fraîcheur apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- MODE D'APPLICATION --\u003e\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eMode d'application\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eLe Kajal ayurvédique Soultree est facile à appliquer pour un résultat impeccable.\u003c\/p\u003e\n \u003cdiv class=\"kj-timeline\"\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eTracez la ligne\u003c\/h3\u003e\n \u003cp\u003eAppliquez le long des cils supérieurs et\/ou inférieurs, en partant du coin interne de l'œil vers l'extérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eIntensifiez votre regard\u003c\/h3\u003e\n \u003cp\u003ePour un effet plus intense, ajoutez plusieurs couches jusqu'à obtenir la pigmentation souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-item\"\u003e\n \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kj-timeline-content\"\u003e\n \u003ch3\u003eUtilisez en ombre à paupières\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa texture onctueuse, estompez délicatement avec un pinceau ou vos doigts pour un effet smoky naturel.\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=\"kj-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"kj-section-intro\"\u003eDes ingrédients naturels et biologiques pour prendre soin de vos yeux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"kj-grid\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eProtège et nourrit la peau sensible du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🧈 Ghee biologique\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui apporte hydratation et apaisement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eRenforce les cils tout en leur offrant vitalité et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eFortifie et stimule la croissance naturelle des cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n \u003cp\u003eProcure une agréable sensation de fraîcheur et de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e💎 Pigments minéraux\u003c\/h3\u003e\n \u003cp\u003eOffrent une couleur riche et une tenue longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-tip\"\u003e\n \u003cspan class=\"kj-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans compromis :\u003c\/strong\u003e Exempt de parabènes, silicones et phtalates pour un maquillage respectueux de vos yeux et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"kj-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"kj-grid-compact\"\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🇮🇳 Made in India\u003c\/h3\u003e\n \u003cp\u003eFabriqué selon les principes ayurvédiques ancestraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients bio\u003c\/h3\u003e\n \u003cp\u003eCertifiés et issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, respectueux du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePratiques durables et éthiques à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kj-cta-box\"\u003e\n \u003cp\u003e✨ Adoptez le Kajal Vert Tulsi 001 pour un regard magnifié, tout en restant fidèle à vos valeurs de bien-être et de respect de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kj-quiz-box\"\u003e\n \u003cp\u003e🎯 Vous hésitez sur la couleur ? Faites notre \u003cstrong\u003equiz spécial couleur\u003c\/strong\u003e pour recevoir une recommandation sur-mesure !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kj-cream: #F9F7F4;\n --kj-white: #ffffff;\n --kj-primary: #3D5A3D;\n --kj-primary-dark: #2A3F2A;\n --kj-primary-light: #E8F0E8;\n --kj-secondary: #C9956C;\n --kj-accent: #4A2C2A;\n --kj-text: #1a1a1a;\n --kj-text-light: #5a5a5a;\n --kj-border: #e0e0e0;\n --kj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kj-radius: 20px;\n --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 50%, var(--kj-accent) 100%);\n border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(201,149,108,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kj-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.kj-subtitle {\n color: var(--kj-secondary);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.kj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kj-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.kj-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(--kj-primary), var(--kj-secondary));\n border-radius: 2px;\n}\n\n.kj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.kj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kj-card {\n background: var(--kj-white);\n border-radius: var(--kj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kj-shadow-lg);\n border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-grid-compact .kj-card {\n padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n font-size: 12px;\n}\n\n.kj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kj-primary), var(--kj-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.kj-timeline-content {\n flex: 1;\n background: var(--kj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kj-radius-sm);\n box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n font-size: 14px;\n color: var(--kj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kj-primary-light);\n border-radius: var(--kj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kj-tip p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kj-cta-box {\n background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n border-radius: var(--kj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kj-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.kj-quiz-box {\n background: var(--kj-white);\n border-radius: var(--kj-radius-sm);\n padding: 1.25rem;\n text-align: center;\n margin-top: 1rem;\n border: 2px dashed var(--kj-secondary);\n}\n\n.kj-quiz-box p {\n font-size: 14px;\n color: var(--kj-text);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .kj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kj-card {\n padding: 1.125rem;\n }\n \n .kj-section {\n margin-bottom: 1.75rem;\n }\n \n .kj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kj-radius-sm);\n }\n \n .kj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kj-grid-compact {\n gap: .625rem;\n }\n \n .kj-grid-compact .kj-card {\n padding: .75rem;\n }\n \n .kj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kj-timeline-content h3 {\n font-size: 14px;\n }\n \n .kj-timeline-content p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kj-card:nth-child(1) { animation-delay: .05s; }\n .kj-card:nth-child(2) { animation-delay: .1s; }\n .kj-card:nth-child(3) { animation-delay: .15s; }\n .kj-card:nth-child(4) { animation-delay: .2s; }\n .kj-card:nth-child(5) { animation-delay: .25s; }\n .kj-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 .kj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755194966173,"sku":"38641001","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-vert-tulsi-001-kajal-soultree-packshothd.webp?v=1787502741"},{"product_id":"optigem-spray-paupieres-bio-10-ml-herbalgem","title":"Optigem Spray Paupières Bio - 10 ml - HerbalGem","description":"\u003cdiv class=\"og-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"og-hero\"\u003e\n\u003cdiv class=\"og-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"og-hero-content\"\u003e\n\u003cdiv class=\"og-badges-top\"\u003e\n\u003cspan class=\"og-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"og-badge\"\u003e🇧🇪 Fabriqué en Belgique\u003c\/span\u003e \u003cspan class=\"og-badge\"\u003e💧 Eau de bleuet + ectoïne\u003c\/span\u003e \u003cspan class=\"og-badge\"\u003e👁️ Format spray 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"og-hero-title\"\u003eOptigem Spray Paupières Bio\u003c\/span\u003e\n\u003cp class=\"og-subtitle\"\u003eHerbalGem - Soin apaisant \u0026amp; hydratant pour le contour des yeux\u003c\/p\u003e\n\u003cp class=\"og-description\"\u003eUn spray naturel et efficace spécialement formulé pour apaiser, hydrater et revitaliser les paupières fatiguées, sèches ou gonflées. Rafraîchissement immédiat et apaisement durable grâce à la puissance des plantes et bourgeons bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"og-section\"\u003e\n\u003ch2\u003eBénéfices du Produit\u003c\/h2\u003e\n\u003cdiv class=\"og-grid\"\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eHydrate intensément et soulage les paupières fatiguées grâce à des ingrédients bio et naturels soigneusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e✨ Anti-fatigue visible\u003c\/h3\u003e\n\u003cp\u003eRéduit les signes de fatigue et revitalise la peau du contour des yeux pour un regard reposé et lumineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🧊 Fraîcheur instantanée\u003c\/h3\u003e\n\u003cp\u003eApporte une sensation de fraîcheur immédiate et un apaisement durable dès la première pulvérisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e👓 Compatible lentilles\u003c\/h3\u003e\n\u003cp\u003eConvient aux porteurs de lentilles de contact et aux personnes travaillant de longues heures devant un écran.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"og-section\"\u003e\n\u003ch2\u003eIngrédients Clés\u003c\/h2\u003e\n\u003cp class=\"og-section-intro\"\u003eUne synergie de 7 actifs naturels et biologiques pour un soin complet de la zone sensible du contour des yeux.\u003c\/p\u003e\n\u003cdiv class=\"og-grid\"\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e💙 Eau de bleuet\u003c\/h3\u003e\n\u003cp\u003eEffet rafraîchissant et décongestionnant puissant pour des paupières apaisées et décongestionées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🛡️ Ectoïne\u003c\/h3\u003e\n\u003cp\u003eHydrate et apaise en profondeur, tout en protégeant la peau contre les agressions extérieures (pollution, écrans).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🌼 Extrait de calendula\u003c\/h3\u003e\n\u003cp\u003ePropriétés anti-inflammatoires et apaisantes reconnues pour calmer les irritations et rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🌸 Camomille romaine\u003c\/h3\u003e\n\u003cp\u003eEffet calmant naturel qui réduit les irritations et procure un confort immédiat aux paupières sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🌹 Hydrolat de rose de Damas\u003c\/h3\u003e\n\u003cp\u003eTonifie et hydrate la peau délicate du contour des yeux avec douceur et élégance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🌿 Romarin\u003c\/h3\u003e\n\u003cp\u003eEffet revitalisant et antioxydant qui protège la peau des radicaux libres et stimule la microcirculation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-card\"\u003e\n\u003ch3\u003e🍃 Bourgeon de bouleau\u003c\/h3\u003e\n\u003cp\u003eFavorise la régénération cellulaire et l'hydratation en profondeur grâce à la gemmothérapie HerbalGem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"og-section\"\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cdiv class=\"og-timeline\"\u003e\n\u003cdiv class=\"og-timeline-item\"\u003e\n\u003cdiv class=\"og-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"og-timeline-content\"\u003e\n\u003ch3\u003eFermez les yeux\u003c\/h3\u003e\n\u003cp\u003eMaintenez le spray à une distance de 10 à 15 cm de votre visage, paupières fermées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-timeline-item\"\u003e\n\u003cdiv class=\"og-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"og-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez\u003c\/h3\u003e\n\u003cp\u003eAppliquez 1 à 2 pulvérisations directement sur les paupières fermées pour un effet rafraîchissant immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-timeline-item\"\u003e\n\u003cdiv class=\"og-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"og-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez au besoin\u003c\/h3\u003e\n\u003cp\u003eÀ utiliser matin et soir, ou dès que vous ressentez le besoin d'un coup de fraîcheur au cours de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-tip\"\u003e\n\u003cspan class=\"og-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e utilisez le spray en compresse le soir pour un effet apaisant supplémentaire. Imbibez un coton et laissez poser quelques minutes sur les paupières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"og-section\"\u003e\n\u003ch2\u003ePrécautions d'Emploi\u003c\/h2\u003e\n\u003cdiv class=\"og-accordion\"\u003e\n\u003cdetails class=\"og-accordion-item\"\u003e\n\u003csummary class=\"og-accordion-header\"\u003e⚠️ Application\u003c\/summary\u003e\n\u003cdiv class=\"og-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas appliquer sur une peau lésée ou présentant des plaies ouvertes autour de la zone oculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"og-accordion-item\"\u003e\n\u003csummary class=\"og-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n\u003cdiv class=\"og-accordion-content mt-3\"\u003e\n\u003cp\u003eNe convient pas aux enfants de moins de 7 ans. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"og-accordion-item\"\u003e\n\u003csummary class=\"og-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"og-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver au réfrigérateur après ouverture pour une efficacité optimale et une sensation de fraîcheur renforcée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"og-section\"\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cdiv class=\"og-testimonial\"\u003e\n\u003cp class=\"og-testimonial-text\"\u003eFabriqué en Belgique par HerbalGem, ce spray certifié Bio est le fruit de décennies de recherche sur les plantes et bourgeons. HerbalGem utilise des ingrédients de haute qualité issus de l'agriculture biologique pour garantir une efficacité et une pureté optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"og-cta-box\"\u003e\n\u003cp\u003eOffrez à vos paupières le soin qu'elles méritent 🌿\u003cbr\u003eUn spray rafraîchissant et apaisant avec des ingrédients biologiques soigneusement sélectionnés pour un confort et un bien-être immédiats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"og-disclaimer\"\u003eLes compléments alimentaires et soins ne se substituent pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --og-cream: #F5F2EC;\n --og-white: #ffffff;\n --og-primary: #4A7BA7;\n --og-primary-dark: #345A7E;\n --og-primary-light: #EAF1F7;\n --og-secondary: #6B9E3A;\n --og-accent: #C4A265;\n --og-text: #1a1a1a;\n --og-text-light: #5a5a5a;\n --og-border: #e0e0e0;\n --og-shadow: 0 4px 24px rgba(0,0,0,.08);\n --og-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --og-radius: 20px;\n --og-radius-sm: 12px;\n}\n\n.og-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--og-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.og-hero {\n position: relative;\n background: linear-gradient(135deg, #345A7E 0%, #4A7BA7 40%, #6B9E3A 100%);\n border-radius: var(--og-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(--og-shadow-lg);\n}\n\n.og-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(107,158,58,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.og-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.og-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.og-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.og-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.og-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.og-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(--og-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.og-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.og-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.og-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--og-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.og-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(--og-primary), var(--og-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.og-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--og-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.og-card {\n background: var(--og-white);\n border-radius: var(--og-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--og-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.og-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--og-shadow-lg);\n border-color: var(--og-primary);\n}\n\n.og-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--og-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.og-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--og-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.og-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.og-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.og-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.og-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--og-primary), var(--og-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.og-timeline-content {\n flex: 1;\n background: var(--og-white);\n padding: 1rem 1.25rem;\n border-radius: var(--og-radius-sm);\n box-shadow: var(--og-shadow);\n}\n\n.og-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--og-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.og-timeline-content p {\n font-size: 14px;\n color: var(--og-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.og-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--og-primary-light);\n border-radius: var(--og-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.og-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.og-tip p {\n font-size: 14px;\n color: var(--og-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.og-accordion {\n background: var(--og-white);\n border-radius: var(--og-radius);\n box-shadow: var(--og-shadow);\n overflow: hidden;\n}\n\n.og-accordion-item {\n border-bottom: 1px solid var(--og-border);\n margin: 0;\n padding: 0;\n}\n\n.og-accordion-item:last-child {\n border-bottom: none;\n}\n\n.og-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--og-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.og-accordion-header:hover {\n background: var(--og-primary-light);\n}\n\n.og-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.og-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--og-primary);\n transition: transform .2s ease;\n}\n\n.og-accordion-item[open] .og-accordion-header::after {\n content: '−';\n}\n\n.og-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--og-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.og-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.og-testimonial {\n background: var(--og-white);\n border-radius: var(--og-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--og-shadow);\n border-left: 4px solid var(--og-secondary);\n margin-bottom: 1.5rem;\n}\n\n.og-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--og-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.og-cta-box {\n background: linear-gradient(135deg, var(--og-primary) 0%, var(--og-primary-dark) 100%);\n border-radius: var(--og-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.og-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.og-disclaimer {\n font-size: 12px;\n color: var(--og-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 .og-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .og-card {\n padding: 1.125rem;\n }\n\n .og-section {\n margin-bottom: 1.75rem;\n }\n\n .og-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--og-radius-sm);\n }\n\n .og-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .og-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .og-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .og-timeline-content {\n padding: .875rem 1rem;\n }\n\n .og-timeline-content h3 {\n font-size: 14px;\n }\n\n .og-timeline-content p {\n font-size: 13px;\n }\n\n .og-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .og-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .og-testimonial {\n padding: 1.25rem;\n }\n\n .og-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .og-card {\n animation: og-fadeInUp .5s ease backwards;\n }\n .og-card:nth-child(1) { animation-delay: .05s; }\n .og-card:nth-child(2) { animation-delay: .1s; }\n .og-card:nth-child(3) { animation-delay: .15s; }\n .og-card:nth-child(4) { animation-delay: .2s; }\n .og-card:nth-child(5) { animation-delay: .25s; }\n .og-card:nth-child(6) { animation-delay: .3s; }\n .og-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes og-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 .og-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HERBALGEM","offers":[{"title":"Default Title","offer_id":45755236352157,"sku":"HG0015","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/optigem-spray-paupieres-bio-10-ml-herbalgem-lifestyle.webp?v=1770970339"},{"product_id":"kajal-couleur-soultree-100-naturel-3-g-kajal-soultree","title":"Kajal Ayurvédique Soultree - Maquillage \u0026 Eyeliner Naturel pour les Yeux","description":"\u003cdiv class=\"kjl-premium\"\u003e\n \u003cdiv class=\"kjl-hero\"\u003e\n \u003cdiv class=\"kjl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kjl-hero-content\"\u003e\n \u003cdiv class=\"kjl-badges-top\"\u003e\n \u003cspan class=\"kjl-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"kjl-badge\"\u003e🇮🇳 Tradition Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"kjl-badge\"\u003e✨ 12 Teintes\u003c\/span\u003e\n \u003cspan class=\"kjl-badge\"\u003e👁️ Yeux Sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kjl-hero-title\"\u003eKajal Ayurvédique Soultree\u003c\/span\u003e\n \u003cp class=\"kjl-subtitle\"\u003eMaquillage \u0026amp; Eyeliner Naturel pour les Yeux\u003c\/p\u003e\n \u003cp class=\"kjl-description\"\u003eDécouvrez le \u003cstrong\u003eKajal Ayurvédique Soultree\u003c\/strong\u003e, un \u003cstrong\u003eeyeliner naturel\u003c\/strong\u003e hérité de la tradition indienne millénaire. Bien plus qu'un simple produit de maquillage, ce kajal bio associe pigments minéraux et huiles végétales précieuses pour sublimer votre regard tout en respectant la sensibilité de vos yeux. Un véritable soin cosmétique qui conjugue beauté et bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kjl-section\"\u003e\n \u003cp class=\"kjl-section-intro\"\u003eUtilisé depuis des siècles en Inde, le \u003cstrong\u003ekajal ayurvédique\u003c\/strong\u003e n'est pas un eyeliner comme les autres. Selon l'Ayurveda, il aurait pour vocation de rafraîchir le regard, apaiser les yeux fatigués et intensifier leur éclat. Contrairement aux crayons industriels, le \u003cstrong\u003ekajal ayurvédique Soultree\u003c\/strong\u003e est formulé à partir d'ingrédients naturels soigneusement sélectionnés, sans plomb, sans parabènes ni silicones. Une alternative saine, idéale pour celles et ceux qui recherchent un \u003cstrong\u003emaquillage naturel eyeliner\u003c\/strong\u003e authentique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjl-section\"\u003e\n \u003ch2\u003eLes bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"kjl-grid\"\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e✨ Sublime le regard\u003c\/h3\u003e\n \u003cp\u003eDes pigments minéraux intenses et lumineux pour un maquillage captivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e❄️ Apaise les yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eLe camphre naturel apporte un effet rafraîchissant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e💧 Nourrit la peau délicate\u003c\/h3\u003e\n \u003cp\u003eGhee bio et aloe vera hydratent le contour des yeux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌱 Fortifie les cils\u003c\/h3\u003e\n \u003cp\u003eL'huile de ricin biologique renforce naturellement les cils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e👁️ Compatible lentilles\u003c\/h3\u003e\n \u003cp\u003eConvient aux porteurs de lentilles et aux peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌿 Sans substances controversées\u003c\/h3\u003e\n \u003cp\u003eSans plomb, sans parabènes, sans silicones. Une formule pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjl-section\"\u003e\n \u003ch2\u003eComposition 100% naturelle et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"kjl-section-intro\"\u003eLe \u003cstrong\u003ekajal ayurvédique bio\u003c\/strong\u003e Soultree se distingue par une formule pure et minimaliste :\u003c\/p\u003e\n \u003cdiv class=\"kjl-grid\"\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🧈 Ghee bio\u003c\/h3\u003e\n \u003cp\u003eBeurre clarifié qui hydrate et protège la peau fragile du contour de l'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌰 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eNourrit et renforce les cils pour un effet fortifiant durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit et assouplit la peau délicate des paupières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApporte une hydratation intense et une sensation de fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌿 Camphre naturel\u003c\/h3\u003e\n \u003cp\u003eDéfatigue et rafraîchit le regard dès l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e💎 Pigments minéraux\u003c\/h3\u003e\n \u003cp\u003eOffrent une couleur intense sans substances controversées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjl-section\"\u003e\n \u003ch2\u003eUne palette de 12 teintes pour tous les regards\u003c\/h2\u003e\n \u003cp class=\"kjl-section-intro\"\u003eDu \u003cstrong\u003ekajal ayurvédique noir\u003c\/strong\u003e profond (Noir Assam) aux nuances plus audacieuses, chaque teinte raconte une histoire inspirée de l'Inde :\u003c\/p\u003e\n \u003cdiv class=\"kjl-grid-compact\"\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🌿 001 Vert Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u0026amp; 002 Vert Impérial — pour un regard lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🖤 004 Granite Himalaya\u003c\/h3\u003e\n \u003cp\u003e\u0026amp; 011 Noir Assam — pour un maquillage intemporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e💙 005 Bleu Jodhpur\u003c\/h3\u003e\n \u003cp\u003e\u0026amp; 006 Bleu Varkala — pour réveiller les yeux clairs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e🤎 007 Écorce Lodhra\u003c\/h3\u003e\n \u003cp\u003e\u0026amp; 009 Bronze Kerala — pour une douceur chaleureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e💜 008 Prune Cachemire\u003c\/h3\u003e\n \u003cp\u003e\u0026amp; 012 Violet Bainganee — pour un regard mystérieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-card\"\u003e\n \u003ch3\u003e✨ 021 Noir Assam Gold\u003c\/h3\u003e\n \u003cp\u003e\u0026amp; 101 Incolore — pour des finitions originales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjl-section\"\u003e\n \u003ch2\u003eComment l'appliquer ?\u003c\/h2\u003e\n \u003cp class=\"kjl-section-intro\"\u003eSa texture crémeuse glisse facilement sur la paupière :\u003c\/p\u003e\n \u003cdiv class=\"kjl-timeline\"\u003e\n \u003cdiv class=\"kjl-timeline-item\"\u003e\n \u003cdiv class=\"kjl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-item\"\u003e\n \u003cdiv class=\"kjl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-content\"\u003e\n \u003ch3\u003eTracez votre ligne\u003c\/h3\u003e\n \u003cp\u003eDessinez une ligne fine le long des cils supérieurs ou inférieurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-item\"\u003e\n \u003cdiv class=\"kjl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-content\"\u003e\n \u003ch3\u003eIntensifiez si besoin\u003c\/h3\u003e\n \u003cp\u003eRepassez le kajal pour un effet plus marqué et audacieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-item\"\u003e\n \u003cdiv class=\"kjl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur la muqueuse\u003c\/h3\u003e\n \u003cp\u003ePour un regard profond, appliquez directement sur la muqueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-item\"\u003e\n \u003cdiv class=\"kjl-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kjl-timeline-content\"\u003e\n \u003ch3\u003eEffet smoky eyes\u003c\/h3\u003e\n \u003cp\u003eEstompez au pinceau pour un rendu smoky et sophistiqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kjl-tip\"\u003e\n \u003cspan class=\"kjl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre kajal 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=\"kjl-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"kjl-testimonial\"\u003e\n \u003cp class=\"kjl-testimonial-text\"\u003eCe \u003cstrong\u003evéritable kajal ayurvédique\u003c\/strong\u003e s'adresse à toutes celles et ceux qui souhaitent un maquillage sain, respectueux de la peau et en accord avec leurs valeurs. Il convient particulièrement aux \u003cstrong\u003eyeux sensibles\u003c\/strong\u003e, aux porteurs de lentilles et aux amateurs de cosmétiques naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"kjl-disclaimer\"\u003eCe produit est un cosmétique. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Il ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kjl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kjl-cta-box\"\u003e\n \u003cp\u003eHésitez encore sur la teinte ? Laissez-vous guider par notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:#fff;text-decoration:underline;font-weight:800;\"\u003equiz en ligne\u003c\/a\u003e : en quelques clics, découvrez le kajal qui sublimera votre regard. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kjl-cream: #faf6f1;\n --kjl-white: #ffffff;\n --kjl-primary: #4a2c1a;\n --kjl-primary-dark: #2e1a0f;\n --kjl-primary-light: #f5ebe0;\n --kjl-secondary: #c89968;\n --kjl-accent: #d4a574;\n --kjl-text: #2e1a0f;\n --kjl-text-light: #6b5446;\n --kjl-border: #e8dccb;\n --kjl-shadow: 0 4px 24px rgba(74,44,26,.1);\n --kjl-shadow-lg: 0 12px 48px rgba(74,44,26,.18);\n --kjl-radius: 20px;\n --kjl-radius-sm: 12px;\n}\n\n.kjl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kjl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kjl-text);\n line-height: 1.6;\n}\n\n.kjl-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2416 0%, #4a2c1a 50%, #6b4327 100%);\n border-radius: var(--kjl-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(--kjl-shadow-lg);\n}\n\n.kjl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--kjl-accent) 0%, transparent 40%), radial-gradient(circle at 80% 70%, var(--kjl-secondary) 0%, transparent 40%);\n opacity: .15;\n}\n\n.kjl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kjl-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.kjl-subtitle {\n color: var(--kjl-accent);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.kjl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.kjl-description strong {\n color: white;\n}\n\n.kjl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kjl-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(--kjl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kjl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kjl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kjl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kjl-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.kjl-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(--kjl-primary), var(--kjl-secondary));\n border-radius: 2px;\n}\n\n.kjl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kjl-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.kjl-section-intro strong {\n color: var(--kjl-primary-dark);\n}\n\n.kjl-section \u003e p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--kjl-text-light);\n line-height: 1.75;\n max-width: 820px;\n margin: 0 auto 1rem;\n}\n\n.kjl-section \u003e p strong {\n color: var(--kjl-primary-dark);\n}\n\n.kjl-card {\n background: var(--kjl-white);\n border-radius: var(--kjl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kjl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kjl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kjl-shadow-lg);\n border-color: var(--kjl-secondary);\n}\n\n.kjl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kjl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kjl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kjl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kjl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kjl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kjl-grid-compact .kjl-card {\n padding: 1rem;\n}\n\n.kjl-grid-compact .kjl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kjl-grid-compact .kjl-card p {\n font-size: 12px;\n}\n\n.kjl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.kjl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kjl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kjl-primary), var(--kjl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,44,26,.25);\n}\n\n.kjl-timeline-content {\n flex: 1;\n background: var(--kjl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kjl-radius-sm);\n box-shadow: var(--kjl-shadow);\n}\n\n.kjl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kjl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kjl-timeline-content p {\n font-size: 14px;\n color: var(--kjl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kjl-testimonial {\n background: var(--kjl-white);\n border-radius: var(--kjl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kjl-shadow);\n border-left: 4px solid var(--kjl-primary);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.kjl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kjl-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.kjl-testimonial-text strong {\n color: var(--kjl-primary-dark);\n}\n\n.kjl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kjl-primary-light);\n border-radius: var(--kjl-radius-sm);\n padding: 1rem 1.25rem;\n margin: 1.5rem auto 0;\n max-width: 720px;\n}\n\n.kjl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kjl-tip p {\n font-size: 14px;\n color: var(--kjl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kjl-cta-box {\n background: linear-gradient(135deg, var(--kjl-primary) 0%, var(--kjl-primary-dark) 100%);\n border-radius: var(--kjl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kjl-shadow-lg);\n}\n\n.kjl-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, var(--kjl-secondary) 0%, transparent 70%);\n opacity: .25;\n}\n\n.kjl-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.kjl-disclaimer {\n font-size: 12px;\n color: var(--kjl-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .kjl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .kjl-card {\n padding: 1.125rem;\n }\n .kjl-section {\n margin-bottom: 1.75rem;\n }\n .kjl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kjl-radius-sm);\n }\n .kjl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .kjl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .kjl-grid-compact {\n gap: .625rem;\n }\n .kjl-grid-compact .kjl-card {\n padding: .75rem;\n }\n .kjl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .kjl-timeline-content {\n padding: .875rem 1rem;\n }\n .kjl-timeline-content h3 {\n font-size: 14px;\n }\n .kjl-timeline-content p {\n font-size: 13px;\n }\n .kjl-testimonial {\n padding: 1.25rem;\n }\n .kjl-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kjl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kjl-card:nth-child(1) { animation-delay: .05s; }\n .kjl-card:nth-child(2) { animation-delay: .1s; }\n .kjl-card:nth-child(3) { animation-delay: .15s; }\n .kjl-card:nth-child(4) { animation-delay: .2s; }\n .kjl-card:nth-child(5) { animation-delay: .25s; }\n .kjl-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 .kjl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755307327645,"sku":"KAJAL_MERE","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Kajal-Couleur-Soultree-100-naturel-3-G-KAJALCOULEUR-527273.jpg?v=1732721174"},{"product_id":"eau-florale-de-bleuet-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale de Bleuet Bio sans Alcool - 200 ml - Eolesens","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Bleuet Bio - Eolesens\nPalette détectée:\n - Primaire: #1a4b8c (bleu profond du flacon cobalt)\n - Secondaire: #5b9bd5 (bleu clair de l'étiquette)\n - Accent: #3a7cc2 (bleu intermédiaire)\nAmbiance: Naturel\/bio, fraîcheur florale, douceur, soin, pureté — univers féminin et apaisant\nPréfixe CSS: bf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Eau florale de bleuet bio : le soin naturel par excellence pour vos yeux et votre peau\"\n 2. \"Bienfaits de l'eau florale de bleuet\"\n 3. \"Comment utiliser cette eau florale de bleuet bio ?\"\n 4. \"Composition\"\n 5. \"Qualité et certification\"\n 6. \"Conseils de conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 100 % biologique\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Fleurs françaises\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eEau florale de bleuet bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eEolesens — Hydrolat pur sans alcool\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eUn soin d'exception issu de la distillation à la vapeur de fleurs de bleuet (\u003cem\u003eCentaurea cyanus\u003c\/em\u003e) cultivées en France. Douceur absolue pour vos yeux et votre peau, sans aucun conservateur ni additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eEau florale de bleuet bio : le soin naturel par excellence pour vos yeux et votre peau\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eL'\u003cstrong\u003eeau florale de bleuet\u003c\/strong\u003e Eolesens est un hydrolat pur, \u003cstrong\u003esans alcool et 100 % biologique\u003c\/strong\u003e, obtenu par distillation à la vapeur de fleurs de bleuet (\u003cem\u003eCentaurea cyanus\u003c\/em\u003e). Formulée sans conservateur ni additif, cette eau de bleuet bio préserve toute la richesse des actifs végétaux pour vous offrir un soin d'une douceur remarquable.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌸 Hydrolat pur\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau, sans dilution ni transformation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🧴 Spray pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon vaporisateur de 200 ml, facile à emporter partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur synthétique, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Bureau Veritas, référentiel I-305\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale de bleuet\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eUtilisée depuis des siècles en herboristerie, l'eau florale de bleuet est reconnue pour ses multiples vertus cosmétiques. Voici pourquoi elle mérite une place dans votre routine de soin :\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👁️ Apaisante pour les yeux fatigués\u003c\/h3\u003e\n \u003cp\u003eAlliée précieuse après une longue journée devant les écrans. Elle calme les rougeurs, décongestionne les paupières gonflées et atténue visiblement les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e❄️ Décongestionnante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresse, elle réduit les poches sous les yeux et procure une sensation de fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Tonifiante et astringente\u003c\/h3\u003e\n \u003cp\u003eElle resserre les pores dilatés, redonne de l'éclat aux teints ternes et améliore la texture de la peau au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🤍 Adoucissante pour les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans alcool ni parfum ajouté, elle convient parfaitement aux peaux réactives, même les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau florale de bleuet bio ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLa polyvalence de cet hydrolat de bleuet en fait un indispensable. Voici plusieurs façons de l'intégrer à votre quotidien :\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn compresse pour les yeux\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons d'eau florale de bleuet, posez-les sur vos paupières fermées et laissez agir 10 à 15 minutes. Idéal le soir pour décompresser ou le matin pour réveiller un regard fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez directement sur le visage nettoyé, matin et soir, avant d'appliquer votre sérum ou votre crème hydratante. La peau est immédiatement rafraîchie et préparée à recevoir vos soins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eEmportez votre flacon et vaporisez sur le visage en journée pour un coup de fraîcheur instantané, notamment en été ou dans les espaces climatisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn complément du démaquillage\u003c\/h3\u003e\n \u003cp\u003eAprès avoir retiré votre maquillage, passez un coton imbibé sur le visage et le contour des yeux pour éliminer les dernières impuretés tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLa liste des ingrédients est d'une simplicité exemplaire :\u003c\/p\u003e\n \u003cdiv class=\"bf-composition-highlight\"\u003e\n \u003cdiv class=\"bf-composition-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"bf-composition-detail\"\u003e\n \u003ch3\u003eCentaurea cyanus flower water\u003c\/h3\u003e\n \u003cp\u003eHydrolat de bleuet biologique — \u003cstrong\u003e100 %\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-section-intro\" style=\"margin-top:1rem;\"\u003eAucun alcool, aucun conservateur synthétique, aucun colorant. C'est un hydrolat pur et non dilué, exactement tel qu'il sort de la distillation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eQualité et certification\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Bureau Veritas selon le référentiel I-305\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFleurs cultivées en France, sans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n \u003cp\u003eEolesens garantit un suivi de la récolte au conditionnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌍 Respect de l'environnement\u003c\/h3\u003e\n \u003cp\u003eCulture responsable, distillation artisanale, emballage recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\" open\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès ouverture, conservez votre eau florale de bleuet bio \u003cstrong\u003eau réfrigérateur\u003c\/strong\u003e pour prolonger sa fraîcheur et renforcer l'effet décongestionnant lors de l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⏳ Durée d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisez-la dans les \u003cstrong\u003esix mois suivant l'ouverture\u003c\/strong\u003e pour profiter pleinement de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e💡 Astuce fraîcheur\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservée au frais, l'eau florale offre un effet décongestionnant décuplé lorsqu'elle est appliquée en compresse sur les yeux fatigué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=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos yeux et à votre peau toute la douceur d'un hydrolat pur, biologique et sans alcool — la beauté au naturel, tout simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis médical ou un traitement ophtalmologique. En cas d'irritation persistante des yeux, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bf-cream: #f0f4f8;\n --bf-white: #ffffff;\n --bf-primary: #1a4b8c;\n --bf-primary-dark: #0e2f5a;\n --bf-primary-light: #e8f0fa;\n --bf-secondary: #5b9bd5;\n --bf-accent: #3a7cc2;\n --bf-text: #1a1a1a;\n --bf-text-light: #5a5a5a;\n --bf-border: #d6e2f0;\n --bf-shadow: 0 4px 24px rgba(26, 75, 140, .08);\n --bf-shadow-lg: 0 12px 48px rgba(26, 75, 140, .15);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2f5a 0%, #1a4b8c 40%, #5b9bd5 100%);\n border-radius: var(--bf-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(--bf-shadow-lg);\n}\n\n.bf-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.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.bf-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.bf-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.bf-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-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(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-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.bf-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(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-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.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-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.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.bf-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border-left: 5px solid var(--bf-primary);\n max-width: 500px;\n margin: 0 auto;\n}\n\n.bf-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.bf-composition-detail h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.bf-composition-detail p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-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.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-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.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-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 .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bf-composition-highlight {\n gap: 1rem;\n padding: 1rem;\n }\n\n .bf-composition-icon {\n font-size: 32px;\n }\n\n .bf-composition-detail h3 {\n font-size: 14px;\n }\n\n .bf-composition-detail p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bf-fadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n\n .bf-timeline-item {\n animation: bf-fadeInUp .5s ease backwards;\n }\n .bf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bf-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bf-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 .bf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755325939869,"sku":"NBAISEN0010","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-bleuet-bio-sans-alcool-200-ml-eolesens-ingredients_23825c3d-ea81-41f6-88fa-74e398874cbf.webp?v=1771577862"},{"product_id":"contour-des-yeux-eclat-de-rose-centifolia","title":"Contour des Yeux Éclat de Rose : Anti Poches et Cernes - Centifolia","description":"\u003cdiv class=\"edr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"edr-hero\"\u003e\n \u003cdiv class=\"edr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"edr-hero-content\"\u003e\n \u003cdiv class=\"edr-badges-top\"\u003e\n \u003cspan class=\"edr-badge\"\u003e🌹 Rose Centifolia bio\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🧊 Embout zamac ultra-froid\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🧬 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"edr-hero-title\"\u003eContour des Yeux Éclat de Rose\u003c\/span\u003e\n \u003cp class=\"edr-subtitle\"\u003eAnti-poches \u0026amp; anti-cernes certifié bio — Centifolia\u003c\/p\u003e\n \u003cp class=\"edr-description\"\u003eRose Centifolia · Acide hyaluronique · Vitamine C — Un regard frais, lumineux et défatigué dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eUn regard frais et lumineux grâce à la Rose Centifolia\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eCernes marquées, poches au réveil, regard fatigué… La zone du contour des yeux est la plus fine et la plus fragile du visage. Elle mérite un soin ciblé, doux et vraiment efficace.\u003c\/p\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eUn soin bio qui hydrate en profondeur la peau délicate du contour de l'œil pour un regard repulpé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌸 Éclat naturel\u003c\/h3\u003e\n \u003cp\u003eLa Rose Centifolia redonne luminosité et fraîcheur à votre regard, même fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e👁️ Anti-cernes efficace\u003c\/h3\u003e\n \u003cp\u003eTrois actifs naturels puissants agissent en synergie pour atténuer visiblement les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🧊 Anti-poches immédiat\u003c\/h3\u003e\n \u003cp\u003eL'embout zamac ultra-froid décongestionne les poches dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez le \u003cstrong\u003emeilleur contour des yeux anti-poches anti-cernes\u003c\/strong\u003e d'origine naturelle, ce soin à la rose, à l'acide hyaluronique et à la vitamine C mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eTrois actifs naturels au service de votre regard\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eL'efficacité de cette crème contour des yeux anti-cernes repose sur une synergie de trois ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"edr-grid\"\u003e\n \u003cdiv class=\"edr-card edr-card-ingredient\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia biologique\u003c\/h3\u003e\n \u003cp\u003eCueillie à la main à l'aube, au moment où sa concentration en principes actifs est maximale. \u003cstrong\u003eÉclaircissante, hydratante et apaisante\u003c\/strong\u003e, elle ravive la luminosité du contour de l'œil et atténue visiblement les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card edr-card-ingredient\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique naturel\u003c\/h3\u003e\n \u003cp\u003eCapable de retenir jusqu'à \u003cstrong\u003e1000 fois son poids en eau\u003c\/strong\u003e, il repulpe la peau fine du contour des yeux, comble les premières ridules et maintient une hydratation longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card edr-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine C (glucoside)\u003c\/h3\u003e\n \u003cp\u003eAntioxydant reconnu, elle \u003cstrong\u003eprotège des radicaux libres\u003c\/strong\u003e liés au soleil, à la pollution et au stress, tout en unifiant le teint pour un regard plus reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e🌾\u003c\/span\u003e\n \u003cp\u003eLa formule est également enrichie en \u003cstrong\u003eextrait de graine de blé noir\u003c\/strong\u003e, un actif aux propriétés décongestionnantes qui cible spécifiquement les poches sous les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eUn embout zamac ultra-froid pour un effet décongestionnant immédiat\u003c\/h2\u003e\n \u003cdiv class=\"edr-highlight-box\"\u003e\n \u003cp\u003eCe qui distingue ce soin de nombreuses alternatives, c'est son \u003cstrong\u003eembout en zamac\u003c\/strong\u003e. Ce métal naturellement froid procure un \u003cstrong\u003eeffet glaçon\u003c\/strong\u003e dès le contact avec la peau, aidant à décongestionner les poches et à stimuler la microcirculation.\u003c\/p\u003e\n \u003cp\u003eLe résultat est visible dès la première application : \u003cstrong\u003ele regard paraît immédiatement défatigué et plus lumineux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🧊 Effet glaçon\u003c\/h3\u003e\n \u003cp\u003eFraîcheur instantanée au contact de la peau délicate du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🔄 Microcirculation\u003c\/h3\u003e\n \u003cp\u003eStimule le flux sanguin pour atténuer les cernes bleutées et les poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e💆 Massage drainant\u003c\/h3\u003e\n \u003cp\u003eL'embout métallique facilite les gestes de drainage pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e⚡ Résultat immédiat\u003c\/h3\u003e\n \u003cp\u003eRegard défatigué et lumineux visible dès la toute première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComment bien appliquer votre contour des yeux ?\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003ePour des résultats optimaux, appliquez ce soin \u003cstrong\u003ematin et soir\u003c\/strong\u003e en suivant ces étapes simples.\u003c\/p\u003e\n \u003cdiv class=\"edr-timeline\"\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eDéposez le produit\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité de soin sur le contour de l'œil, de l'arcade au pommette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003ePressions drainantes\u003c\/h3\u003e\n \u003cp\u003eEffectuez des pressions drainantes du coin interne vers le coin externe à l'aide de l'embout zamac ou du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eDécongestion à froid\u003c\/h3\u003e\n \u003cp\u003eExercez des pressions décongestionnantes dans le même sens avec l'embout froid pour maximiser l'effet anti-poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eMouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eTerminez par un mouvement circulaire relaxant jusqu'aux tempes pour favoriser le drainage naturel de la zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCe rituel simple de quelques secondes optimise l'absorption des actifs et favorise le drainage naturel de la zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"edr-accordion\"\u003e\n \u003cdetails class=\"edr-accordion-item\" open\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🧴 Base hydratante et émolliente\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, huile de tournesol, émulsifiant naturel (dérivé de noix de coco), glycérine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🌹 Extraits botaniques biologiques\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eJus d'aloe vera en poudre*, extrait de fleur de Rose Centifolia*, extrait de pomme*, extrait de framboise*, extrait de feuille de pêche*.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🧬 Actifs ciblés\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eExtrait d'algue verte, extrait de graine de blé noir, acide hyaluronique d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🔬 Agents fonctionnels\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eCire de carnauba*, vitamine C (glucoside), épaississant naturel (xanthane). Conservateurs doux (alcool d'origine végétale**, tocophérol), pigments naturels (mica, oxyde de fer CI 77491).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"edr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. **Transformé à partir d'ingrédients biologiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"edr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle pour respecter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌱 25,8% bio\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e✅ COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio selon le référentiel le plus exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🚫 Sans polluants\u003c\/h3\u003e\n \u003cp\u003eSans phtalates ni bisphénol A pour votre sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre regard la douceur de la Rose Centifolia — \u003cstrong\u003e15 ml\u003c\/strong\u003e de soin certifié bio, anti-poches et anti-cernes, pour un résultat visible dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"edr-disclaimer\"\u003eCe soin cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant autour des yeux, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --edr-cream: #fdf8f6;\n --edr-white: #ffffff;\n --edr-primary: #d4899a;\n --edr-primary-dark: #9e4a5e;\n --edr-primary-light: #fceef2;\n --edr-secondary: #e8b4c0;\n --edr-accent: #c96b82;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #f0e0e5;\n --edr-shadow: 0 4px 24px rgba(158, 74, 94, .08);\n --edr-shadow-lg: 0 12px 48px rgba(158, 74, 94, .15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.edr-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, #f7d6df 0%, #d4899a 45%, #9e4a5e 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-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,.1) 2px, transparent 2px),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.08) 1.5px, transparent 1.5px),\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.12) 1px, transparent 1px);\n background-size: 120px 120px, 180px 180px, 90px 90px, 150px 150px;\n opacity: .6;\n}\n\n.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 21px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.edr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.7;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-secondary));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-card-ingredient {\n text-align: left;\n}\n\n.edr-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.edr-highlight-box {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n margin-bottom: 1.5rem;\n}\n\n.edr-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--edr-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.edr-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-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.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-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.edr-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.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-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 .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .edr-card {\n padding: 1.125rem;\n }\n\n .edr-card-ingredient {\n text-align: center;\n }\n\n .edr-card-ingredient h3 {\n text-align: center;\n }\n\n .edr-section {\n margin-bottom: 1.75rem;\n }\n\n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n\n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .edr-grid-compact {\n gap: .625rem;\n }\n\n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n\n .edr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .edr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .edr-timeline-content h3 {\n font-size: 14px;\n }\n\n .edr-timeline-content p {\n font-size: 13px;\n }\n\n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .edr-highlight-box {\n padding: 1.25rem;\n }\n\n .edr-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: edrFadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edrFadeInUp {\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 .edr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502900404601,"sku":"CE0412","price":17.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/contour-des-yeux-eclat-de-rose-anti-poches-et-cernes-centifo-packshothd_123c2d43-5bcc-4f24-93f4-0f602cd91d31.webp?v=1790420188"},{"product_id":"eau-florale-bleuet-bio-saint-hilaire-200ml","title":"Eau Florale de Bleuet Bio - Saint-Hilaire - 200ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Bleuet Bio - Distillerie Saint-Hilaire - 200ml\nPalette détectée:\n - Primaire: #1e3a6e (bleu profond du flacon cobalt)\n - Secondaire: #5b8fd9 (bleu bleuet\/cornflower)\n - Accent: #3b5998 (bleu moyen intermédiaire)\n - Fond packaging blanc: #ffffff (bandeau étiquette)\nAmbiance: Naturel, botanique, artisanal français, cosmétique bio, douceur florale, pureté\nPréfixe CSS: bf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Eau florale de bleuet bio : un soin ancestral pour les peaux sensibles\"\n 2. \"Bienfaits de l'eau florale de bleuet bio\"\n 3. \"Comment utiliser cet hydrolat de bleuet ?\"\n 4. \"Composition\"\n 5. \"La Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\"\n 6. \"Conseils de conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e💧 100% pur hydrolat\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌸 Sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eEau Florale de Bleuet Bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eUn hydrolat d'exception, distillé à la vapeur d'eau au cœur de l'Auvergne, pour apaiser les peaux sensibles et décongestionner le contour des yeux naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eEau florale de bleuet bio : un soin ancestral pour les peaux sensibles\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eConnue depuis des siècles pour sa douceur exceptionnelle, l'eau florale de bleuet est l'alliée incontournable des peaux délicates et des yeux fatigués. Cet hydrolat de bleuet signé Distillerie Saint-Hilaire est obtenu par distillation à la vapeur d'eau de la partie aérienne fleurie du \u003cem\u003eCentaurea cyanus\u003c\/em\u003e, cultivé en agriculture biologique au cœur de l'Auvergne. Le résultat : un soin pur, sans conservateur ni additif, qui respecte profondément votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale de bleuet bio\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003ePourquoi cet hydrolat de bleuet est-il si apprécié en cosmétique naturelle ? Ses propriétés sont multiples et particulièrement adaptées aux peaux réactives.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations cutanées et les sensations d'inconfort, y compris après un coup de soleil ou le feu du rasoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSon usage le plus célèbre : elle aide à réduire les poches, les cernes et à soulager les yeux gonflés par la fatigue ou les allergies saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Adoucissante et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation des peaux fragilisées, abîmées par l'acné, l'eczéma ou les petites agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💎 Rafraîchissante et tonifiante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en brume, elle ravive instantanément l'éclat du teint et resserre les pores en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser cet hydrolat de bleuet ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLe format spray 200 ml rend l'utilisation de cette eau florale très pratique au quotidien. Voici les façons les plus efficaces de l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur l'ensemble du visage après le nettoyage, matin et soir. Laissez sécher naturellement avant d'appliquer votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn compresse sur les yeux\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons ou compresses, placez-les sur vos paupières fermées pendant 10 à 15 minutes. Un geste simple qui fait toute la différence en cas de yeux fatigués ou irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eGardez le flacon au réfrigérateur pour un effet fraîcheur décuplé, idéal en été pour revitaliser votre peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn ingrédient cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eCet hydrolat constitue une base parfaite pour vos masques, lotions ou sérums faits maison. Une versatilité appréciable pour les passionnés de DIY beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bf-composition-box\"\u003e\n \u003cdiv class=\"bf-composition-inci\"\u003e\n \u003cspan class=\"bf-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"bf-composition-value\"\u003eCentaurea Cyanus Flower Water*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-composition-note\"\u003e*issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun agent de conservation ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eUniquement l'odeur naturelle du bleuet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Pureté totale\u003c\/h3\u003e\n \u003cp\u003eCertifié biologique, un seul ingrédient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eInstallée au cœur de l'Auvergne, la Distillerie Saint-Hilaire perpétue un savoir-faire artisanal dans la distillation de plantes aromatiques et médicinales. Chaque lot d'eau florale de bleuet bio est élaboré en petites quantités pour garantir une qualité optimale. La marque s'engage dans une démarche biologique et équitable, avec un conditionnement en flacon bleu recyclable qui protège le produit de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\" open\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003ePour préserver toutes les propriétés de votre hydrolat de bleuet, conservez-le au réfrigérateur après ouverture et utilisez-le dans les six mois. Le flacon opaque assure une bonne protection, mais la fraîcheur prolonge la durée de vie du produit et renforce son action décongestionnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction cutanée, cessez l'utilisation et 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau la douceur ancestrale du bleuet d'Auvergne — un hydrolat pur, biologique et artisanal pour un rituel beauté naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. 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\/* === VARIABLES CSS — EAU FLORALE BLEUET === *\/\n:root {\n --bf-cream: #f4f7fb;\n --bf-white: #ffffff;\n --bf-primary: #2c4f8a;\n --bf-primary-dark: #1a3262;\n --bf-primary-light: #e8eff8;\n --bf-secondary: #6b9de8;\n --bf-accent: #8fb4f0;\n --bf-text: #1a1a2e;\n --bf-text-light: #556075;\n --bf-border: #d6e0ee;\n --bf-shadow: 0 4px 24px rgba(28, 50, 98, .07);\n --bf-shadow-lg: 0 12px 48px rgba(28, 50, 98, .14);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3262 0%, #2c4f8a 40%, #5b8fd9 80%, #8fb4f0 100%);\n border-radius: var(--bf-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(--bf-shadow-lg);\n}\n\n.bf-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.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-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(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.bf-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.bf-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n}\n\n.bf-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-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.bf-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(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-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.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-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.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bf-testimonial {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bf-shadow);\n border-left: 4px solid var(--bf-primary);\n}\n\n.bf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.bf-composition-box {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--bf-primary-light);\n}\n\n.bf-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.bf-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.bf-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n font-style: italic;\n}\n\n.bf-composition-note {\n margin: .75rem 0 0 0;\n font-size: 14px;\n color: var(--bf-text-light);\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-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.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-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.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-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 .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bf-testimonial {\n padding: 1.25rem;\n }\n\n .bf-testimonial-text {\n font-size: 14px;\n }\n\n .bf-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n\n .bf-timeline-item {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bf-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bfFadeInUp {\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 .bf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868407484793,"sku":"NBAIDSH0027","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVbleuet_1_-min.jpg?v=1766172678"},{"product_id":"eau-dargent-paupieres-catalyons","title":"Eau d'Argent colloïdal pour Paupières - Catalyons - 20 ml","description":"```html\n\u003cdiv class=\"ea-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ea-hero\"\u003e\n \u003cdiv class=\"ea-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ea-hero-content\"\u003e\n \u003cdiv class=\"ea-badges-top\"\u003e\n \u003cspan class=\"ea-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ea-badge\"\u003e💧 Argent ionisé\u003c\/span\u003e\n \u003cspan class=\"ea-badge\"\u003e🧴 Flacon 20 ml\u003c\/span\u003e\n \u003cspan class=\"ea-badge\"\u003e🔬 Procédé par électrolyse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ea-hero-title\"\u003eEau d'Argent colloïdal pour Paupières\u003c\/span\u003e\n \u003cp class=\"ea-subtitle\"\u003eCatalyons - 20 ml\u003c\/p\u003e\n \u003cp class=\"ea-description\"\u003eUn soin ionisé ultra-pur pour la zone fragile du contour des yeux. Zéro additif, zéro conservateur : uniquement l'eau purifiée et la puissance naturelle de l'argent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eEau d'Argent colloïdal pour Paupières Catalyons : un soin ciblé pour le contour des yeux\u003c\/h2\u003e\n \u003cp class=\"ea-section-intro\"\u003eVous cherchez une solution naturelle pour prendre soin de vos paupières ? L'\u003cstrong\u003eEau d'Argent Paupières de Catalyons\u003c\/strong\u003e est une \u003cstrong\u003eeau d'argent colloïdal\u003c\/strong\u003e spécialement formulée pour la zone fragile du contour des yeux. Présentée en flacon compte-gouttes de 20 ml, elle associe la pureté de l'argent ionisé à une application précise et hygiénique, pour un geste quotidien simple et efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eBienfaits de l'argent colloïdal pour les yeux\u003c\/h2\u003e\n \u003cp class=\"ea-section-intro\"\u003eL'\u003cstrong\u003eargent colloïdal pour les yeux\u003c\/strong\u003e est reconnu depuis longtemps pour ses propriétés purifiantes et apaisantes. Appliqué sur les paupières, il offre plusieurs avantages concrets :\u003c\/p\u003e\n \u003cdiv class=\"ea-grid\"\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e✨ Hygiène des paupières\u003c\/h3\u003e\n \u003cp\u003eAide à éliminer les impuretés accumulées à la surface des paupières tout au long de la journée : poussières, résidus de maquillage, pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e🌿 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de confort immédiate en cas de rougeurs, de tiraillements ou d'inconfort oculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés antimicrobiennes naturelles\u003c\/h3\u003e\n \u003cp\u003eL'argent colloïdal contribue à maintenir un environnement sain autour de la zone oculaire, sans conservateurs chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e💧 Soulagement des yeux secs\u003c\/h3\u003e\n \u003cp\u003eSi vous souffrez de sensations de fatigue oculaire, cette eau aide à rafraîchir et hydrater la zone des paupières 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=\"ea-section\"\u003e\n \u003ch2\u003eComposition et procédé de fabrication\u003c\/h2\u003e\n \u003cdiv class=\"ea-composition-box\"\u003e\n \u003cdiv class=\"ea-composition-header\"\u003e\n \u003cspan class=\"ea-composition-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp class=\"ea-composition-tagline\"\u003eUne formule d'une simplicité remarquable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-grid-compact\"\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003eBase ultra-pure pour une tolérance maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e⚡ Ions d'argent\u003c\/h3\u003e\n \u003cp\u003eObtenus par électrolyse naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ea-composition-detail\"\u003eCe procédé naturel de fabrication, maîtrisé par le laboratoire \u003cstrong\u003eCatalyons\u003c\/strong\u003e, garantit des particules d'argent d'une finesse optimale et une parfaite stabilité de la solution. Aucun additif, aucun conservateur, aucun parfum : la tolérance est maximale, même pour les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eComment utiliser l'Eau d'Argent Paupières ?\u003c\/h2\u003e\n \u003cp class=\"ea-section-intro\"\u003eL'utilisation est très simple grâce au flacon compte-gouttes :\u003c\/p\u003e\n \u003cdiv class=\"ea-timeline\"\u003e\n \u003cdiv class=\"ea-timeline-item\"\u003e\n \u003cdiv class=\"ea-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ea-timeline-content\"\u003e\n \u003ch3\u003eDéposez les gouttes\u003c\/h3\u003e\n \u003cp\u003eAppliquez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e sur une compresse stérile ou directement sur la paupière fermée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-timeline-item\"\u003e\n \u003cdiv class=\"ea-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ea-timeline-content\"\u003e\n \u003ch3\u003eTamponnez délicatement\u003c\/h3\u003e\n \u003cp\u003eSans frotter, allez de l'intérieur vers l'extérieur de l'œil pour un nettoyage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-timeline-item\"\u003e\n \u003cdiv class=\"ea-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ea-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez \u003cstrong\u003ematin et soir\u003c\/strong\u003e, ou autant de fois que nécessaire en cas d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-tip\"\u003e\n \u003cspan class=\"ea-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour renforcer la sensation de fraîcheur, conservez le flacon au réfrigérateur. Les compresses fraîches imbibées d'eau d'argent seront encore plus agréables sur des paupières fatiguées ou gonflées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce produit ?\u003c\/h2\u003e\n \u003cdiv class=\"ea-grid\"\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e👁️ Porteurs de lentilles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour maintenir une hygiène optimale des paupières au quotidien malgré le port de lentilles de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e💄 Utilisatrices de maquillage\u003c\/h3\u003e\n \u003cp\u003eÉlimine les résidus de maquillage en douceur et prépare le contour des yeux pour le soin suivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e🖥️ Exposition aux écrans\u003c\/h3\u003e\n \u003cp\u003eSoulage les yeux fatigués par les écrans, la climatisation ou la pollution urbaine au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e🐾 Animaux de compagnie\u003c\/h3\u003e\n \u003cp\u003eFréquemment utilisé pour le soin des paupières des \u003cstrong\u003echiens\u003c\/strong\u003e et autres animaux. Demandez conseil à votre vétérinaire avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003ePourquoi choisir Catalyons ?\u003c\/h2\u003e\n \u003cdiv class=\"ea-grid-compact\"\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e🇫🇷 Laboratoire français\u003c\/h3\u003e\n \u003cp\u003e+ de 50 ans d'expertise en oligo-éléments ionisés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e⚗️ Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eFabrication par électrolyse pour une qualité constante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e📋 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eChaque lot est contrôlé et tracé de bout en bout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003ch3\u003e🌱 Respect de l'environnement\u003c\/h3\u003e\n \u003cp\u003eDémarche respectueuse de votre santé et de la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA + DISCLAIMER --\u003e\n \u003csection class=\"ea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ea-cta-box\"\u003e\n \u003cp\u003e💧 Offrez à vos paupières la pureté de l'argent ionisé - un geste simple, naturel et efficace pour un confort oculaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ea-disclaimer\"\u003e\u003cstrong\u003ePrécaution importante :\u003c\/strong\u003e ce produit cosmétique est destiné à un usage externe uniquement. Il ne constitue pas un médicament et ne remplace en aucun cas un avis ou un traitement médical. En cas de problème oculaire persistant (chalazion, conjonctivite, infection), consultez systématiquement un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ea-cream: #f4f7fa;\n --ea-white: #ffffff;\n --ea-primary: #5b8fb9;\n --ea-primary-dark: #2c5f7c;\n --ea-primary-light: #e8f1f8;\n --ea-secondary: #7ab8d9;\n --ea-accent: #a67c52;\n\n --ea-text: #1a1a1a;\n --ea-text-light: #5a6470;\n\n --ea-border: #dde4ea;\n --ea-shadow: 0 4px 24px rgba(44, 95, 124, .08);\n --ea-shadow-lg: 0 12px 48px rgba(44, 95, 124, .15);\n --ea-radius: 20px;\n --ea-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ea-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ea-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ea-hero {\n position: relative;\n background: linear-gradient(135deg, #2c5f7c 0%, #5b8fb9 50%, #7ab8d9 100%);\n border-radius: var(--ea-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(--ea-shadow-lg);\n}\n\n.ea-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ea-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ea-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.ea-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.ea-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.ea-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ea-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(--ea-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ea-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ea-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ea-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ea-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.ea-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(--ea-primary), var(--ea-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ea-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ea-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.ea-card {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ea-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ea-shadow-lg);\n border-color: var(--ea-primary);\n}\n\n.ea-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ea-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ea-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ea-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ea-grid-compact .ea-card {\n padding: 1rem;\n}\n\n.ea-grid-compact .ea-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ea-grid-compact .ea-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ea-composition-box {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ea-shadow);\n}\n\n.ea-composition-header {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.ea-composition-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ea-composition-tagline {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--ea-primary-dark);\n margin: 0;\n}\n\n.ea-composition-detail {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ea-text-light);\n line-height: 1.7;\n text-align: center;\n margin: 1.25rem 0 0 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ea-composition-box .ea-grid-compact {\n max-width: 400px;\n margin: 0 auto;\n}\n\n\/* === TIMELINE === *\/\n.ea-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ea-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ea-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ea-primary), var(--ea-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.ea-timeline-content {\n flex: 1;\n background: var(--ea-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ea-radius-sm);\n box-shadow: var(--ea-shadow);\n}\n\n.ea-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ea-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ea-timeline-content p {\n font-size: 14px;\n color: var(--ea-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ea-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ea-primary-light);\n border-radius: var(--ea-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ea-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ea-tip p {\n font-size: 14px;\n color: var(--ea-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ea-testimonial {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ea-shadow);\n border-left: 4px solid var(--ea-primary);\n}\n\n.ea-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ea-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ea-cta-box {\n background: linear-gradient(135deg, var(--ea-primary) 0%, var(--ea-primary-dark) 100%);\n border-radius: var(--ea-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ea-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.ea-disclaimer {\n font-size: 12px;\n color: var(--ea-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ea-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ea-card {\n padding: 1.125rem;\n }\n\n .ea-section {\n margin-bottom: 1.75rem;\n }\n\n .ea-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ea-radius-sm);\n }\n\n .ea-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ea-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ea-grid-compact {\n gap: .625rem;\n }\n\n .ea-grid-compact .ea-card {\n padding: .75rem;\n }\n\n .ea-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ea-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ea-timeline-content h3 {\n font-size: 14px;\n }\n\n .ea-timeline-content p {\n font-size: 13px;\n }\n\n .ea-testimonial {\n padding: 1.25rem;\n }\n\n .ea-testimonial-text {\n font-size: 14px;\n }\n\n .ea-composition-box {\n padding: 1.25rem;\n }\n\n .ea-tip {\n padding: .875rem 1rem;\n }\n\n .ea-tip-icon {\n font-size: 20px;\n }\n\n .ea-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ea-card {\n animation: eaFadeInUp .5s ease backwards;\n }\n .ea-card:nth-child(1) { animation-delay: .05s; }\n .ea-card:nth-child(2) { animation-delay: .1s; }\n .ea-card:nth-child(3) { animation-delay: .15s; }\n .ea-card:nth-child(4) { animation-delay: .2s; }\n .ea-card:nth-child(5) { animation-delay: .25s; }\n .ea-card:nth-child(6) { animation-delay: .3s; }\n\n .ea-timeline-item {\n animation: eaFadeInUp .5s ease backwards;\n }\n .ea-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ea-timeline-item:nth-child(2) { animation-delay: .15s; }\n .ea-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes eaFadeInUp {\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 .ea-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54897579131257,"sku":"38809001","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-dargent-colloidal-pour-paupieres-catalyons-20-ml-packshothd.webp?v=1791202425"},{"product_id":"vitamine-e-10ml-centifolia","title":"Vitamine E - 10ml - Centifolia","description":"\u003cdiv class=\"ve-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ve-hero\"\u003e\n\u003cdiv class=\"ve-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ve-hero-content\"\u003e\n\u003cdiv class=\"ve-badges-top\"\u003e\n\u003cspan class=\"ve-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e \u003cspan class=\"ve-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"ve-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ve-hero-title\"\u003eVitamine E - 10 ml\u003c\/span\u003e\n\u003cp class=\"ve-subtitle\"\u003eCentifolia · L'Atelier\u003c\/p\u003e\n\u003cp class=\"ve-description\"\u003eUn concentré de tocophérols naturels d'origine végétale : antioxydant puissant pour protéger vos cosmétiques maison et sublimer votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eVitamine E naturelle Centifolia : l'actif antioxydant indispensable\u003c\/h2\u003e\n\u003cp class=\"ve-section-intro\"\u003eVous cherchez un moyen efficace de \u003cstrong\u003eprotéger vos préparations cosmétiques maison\u003c\/strong\u003e tout en prenant soin de votre peau ?\u003c\/p\u003e\n\u003cdiv class=\"ve-grid-compact\"\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant puissant\u003c\/h3\u003e\n\u003cp\u003eTocophérols naturels d'origine végétale au pouvoir protecteur reconnu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🧴 Polyvalent\u003c\/h3\u003e\n\u003cp\u003eIdéal en cosmétique DIY ou en soin anti-âge naturel pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eExtrait directement d'huiles végétales, sans synthèse ni OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e📐 Format malin\u003c\/h3\u003e\n\u003cp\u003eFlacon de 10 ml compact, économique grâce aux faibles dosages nécessaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eLes bienfaits de la vitamine E pour votre peau\u003c\/h2\u003e\n\u003cp class=\"ve-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la vitamine E\u003c\/strong\u003e sur la peau sont largement documentés. Voici ce que cet actif peut vous apporter au quotidien :\u003c\/p\u003e\n\u003cdiv class=\"ve-grid\"\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e✨ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E neutralise les radicaux libres responsables du vieillissement cutané prématuré. Elle aide votre peau à mieux résister aux agressions extérieures comme la pollution et les UV.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eEn limitant le stress oxydatif, elle contribue à préserver la souplesse et l'éclat de la peau, réduisant visiblement l'apparition des ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e💧 Nutrition et réparation\u003c\/h3\u003e\n\u003cp\u003eElle renforce la barrière cutanée, nourrit les peaux sèches et aide à apaiser les zones fragilisées ou déshydratées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🧪 Conservateur naturel\u003c\/h3\u003e\n\u003cp\u003eAjoutée à vos huiles et beurres végétaux, elle ralentit leur oxydation et prolonge significativement leur durée de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-tip\"\u003e\n\u003cspan class=\"ve-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e une carence en vitamine E peut se traduire par une peau terne, sèche et plus vulnérable aux signes de l'âge. On retrouve naturellement la vitamine E dans les huiles végétales, les noix, les amandes et les graines de tournesol. En application cutanée, elle offre un bienfait ciblé directement là où votre peau en a besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eComment utiliser la vitamine E Centifolia ?\u003c\/h2\u003e\n\u003cp class=\"ve-section-intro\"\u003eCette vitamine E s'intègre facilement dans toutes vos routines beauté. Voici les dosages recommandés :\u003c\/p\u003e\n\u003cdiv class=\"ve-timeline\"\u003e\n\u003cdiv class=\"ve-timeline-item\"\u003e\n\u003cdiv class=\"ve-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-content\"\u003e\n\u003ch3\u003eConservation des huiles végétales\u003c\/h3\u003e\n\u003cp\u003eAjoutez entre \u003cstrong\u003e0,02 % et 0,5 %\u003c\/strong\u003e de vitamine E dans vos flacons pour retarder le rancissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-item\"\u003e\n\u003cdiv class=\"ve-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-content\"\u003e\n\u003ch3\u003eSoins cosmétiques maison\u003c\/h3\u003e\n\u003cp\u003eIntégrez jusqu'à \u003cstrong\u003e5 %\u003c\/strong\u003e de vitamine E dans vos crèmes, sérums ou baumes pour profiter de ses propriétés anti-âge et nourrissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-item\"\u003e\n\u003cdiv class=\"ve-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-content\"\u003e\n\u003ch3\u003eApplication locale pure\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes sur les zones sèches, les cicatrices ou les contours des yeux pour un soin ciblé et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-tip\"\u003e\n\u003cspan class=\"ve-tip-icon\"\u003e🌙\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e mélangez 2 à 3 gouttes de vitamine E à votre huile végétale préférée (argan, jojoba, rose musquée) pour un sérum de nuit sur mesure, à la fois protecteur et régénérant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ve-accordion\"\u003e\n\u003cdetails class=\"ve-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ve-accordion-header\"\u003e🧬 INCI\u003c\/summary\u003e\n\u003cdiv class=\"ve-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eTocopherol\u003c\/strong\u003e (tocophérols naturels d'origine végétale).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ve-accordion-item\"\u003e\n\u003csummary class=\"ve-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n\u003cdiv class=\"ve-accordion-content mt-3\"\u003e\n\u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans OGM, sans additifs de synthèse, sans conservateurs artificiels. Fidèle aux engagements de la marque Centifolia, ce produit est \u003cstrong\u003evegan, cruelty-free\u003c\/strong\u003e et conditionné en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ve-accordion-item\"\u003e\n\u003csummary class=\"ve-accordion-header\"\u003e⚠️ Précaution d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ve-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est à usage cosmétique externe uniquement. Il ne constitue pas un complément vitamine E alimentaire et ne remplace en aucun cas un avis ou un traitement médical. 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\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ve-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir cette vitamine E plutôt qu'une autre ?\u003c\/h2\u003e\n\u003cdiv class=\"ve-grid\"\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🌿 Origine naturelle supérieure\u003c\/h3\u003e\n\u003cp\u003eContrairement aux vitamines E synthétiques à biodisponibilité moindre, celle de Centifolia est \u003cstrong\u003eextraite directement d'huiles végétales\u003c\/strong\u003e, offrant une efficacité supérieure et une parfaite affinité avec la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🔬 Haute concentration\u003c\/h3\u003e\n\u003cp\u003eSa concentration élevée en tocophérols actifs en fait un choix de qualité, aussi bien pour conserver vos préparations que pour enrichir vos soins quotidiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e💰 Investissement malin\u003c\/h3\u003e\n\u003cp\u003eFormat compact de 10 ml qui se glisse partout et dure longtemps grâce aux faibles dosages nécessaires. Un geste naturel et responsable pour votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la protection antioxydante qu'elle mérite — naturellement, efficacement, durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --ve-cream: #f7f5f0;\n --ve-white: #ffffff;\n --ve-primary: #4a6741;\n --ve-primary-dark: #34502d;\n --ve-primary-light: #e8f0e5;\n --ve-secondary: #8B6914;\n --ve-accent: #D4A017;\n --ve-text: #1a1a1a;\n --ve-text-light: #5a5a5a;\n --ve-border: #e0e0e0;\n --ve-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ve-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ve-radius: 20px;\n --ve-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ve-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ve-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ve-hero {\n position: relative;\n background: linear-gradient(135deg, #34502d 0%, #4a6741 40%, #6b8a4e 100%);\n border-radius: var(--ve-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(--ve-shadow-lg);\n}\n\n.ve-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,160,23,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(139,105,20,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ve-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ve-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.ve-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.ve-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ve-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ve-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(--ve-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ve-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ve-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ve-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ve-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.ve-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(--ve-primary), var(--ve-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ve-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ve-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.ve-section-intro strong {\n color: var(--ve-text);\n}\n\n\/* === CARDS === *\/\n.ve-card {\n background: var(--ve-white);\n border-radius: var(--ve-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ve-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ve-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ve-shadow-lg);\n border-color: var(--ve-primary);\n}\n\n.ve-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ve-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ve-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ve-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ve-card p strong {\n color: var(--ve-text);\n}\n\n\/* === GRILLES === *\/\n.ve-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ve-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ve-grid-compact .ve-card {\n padding: 1rem;\n}\n\n.ve-grid-compact .ve-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ve-grid-compact .ve-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ve-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ve-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ve-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ve-primary), var(--ve-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.ve-timeline-content {\n flex: 1;\n background: var(--ve-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ve-radius-sm);\n box-shadow: var(--ve-shadow);\n}\n\n.ve-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ve-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ve-timeline-content p {\n font-size: 14px;\n color: var(--ve-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ve-timeline-content p strong {\n color: var(--ve-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.ve-testimonial {\n background: var(--ve-white);\n border-radius: var(--ve-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ve-shadow);\n border-left: 4px solid var(--ve-primary);\n}\n\n.ve-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ve-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ve-accordion {\n background: var(--ve-white);\n border-radius: var(--ve-radius);\n box-shadow: var(--ve-shadow);\n overflow: hidden;\n}\n\n.ve-accordion-item {\n border-bottom: 1px solid var(--ve-border);\n margin: 0;\n padding: 0;\n}\n\n.ve-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ve-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ve-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.ve-accordion-header:hover {\n background: var(--ve-primary-light);\n}\n\n.ve-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ve-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ve-primary);\n transition: transform .2s ease;\n}\n\n.ve-accordion-item[open] .ve-accordion-header::after {\n content: '−';\n}\n\n.ve-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ve-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ve-accordion-content p {\n margin: 0;\n}\n\n.ve-accordion-content p strong {\n color: var(--ve-text);\n}\n\n\/* === TIP BOX === *\/\n.ve-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ve-primary-light);\n border-radius: var(--ve-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ve-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ve-tip p {\n font-size: 14px;\n color: var(--ve-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ve-tip p strong {\n color: var(--ve-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.ve-cta-box {\n background: linear-gradient(135deg, var(--ve-primary) 0%, var(--ve-primary-dark) 100%);\n border-radius: var(--ve-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.ve-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 .ve-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ve-card {\n padding: 1.125rem;\n }\n\n .ve-section {\n margin-bottom: 1.75rem;\n }\n\n .ve-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ve-radius-sm);\n }\n\n .ve-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ve-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte *\/\n .ve-grid-compact {\n gap: .625rem;\n }\n\n .ve-grid-compact .ve-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .ve-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ve-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ve-timeline-content h3 {\n font-size: 14px;\n }\n\n .ve-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .ve-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ve-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .ve-testimonial {\n padding: 1.25rem;\n }\n\n .ve-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .ve-tip {\n padding: .875rem 1rem;\n }\n\n .ve-tip-icon {\n font-size: 20px;\n }\n\n .ve-tip p {\n font-size: 13px;\n }\n\n \/* CTA mobile *\/\n .ve-cta-box {\n padding: 1.5rem 1.25rem;\n margin-top: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ve-card {\n animation: vefadeInUp .5s ease backwards;\n }\n .ve-card:nth-child(1) { animation-delay: .05s; }\n .ve-card:nth-child(2) { animation-delay: .1s; }\n .ve-card:nth-child(3) { animation-delay: .15s; }\n .ve-card:nth-child(4) { animation-delay: .2s; }\n .ve-card:nth-child(5) { animation-delay: .25s; }\n .ve-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vefadeInUp {\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 .ve-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":54950369296761,"sku":"CE0695","price":8.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-e-10ml-centifolia-lifestyle.webp?v=1775825672"},{"product_id":"huile-vegetale-calophylle-bio-100-ml-comptoir-des-huiles","title":"Huile végétale de Calophylle Bio - Cernes \u0026 poches - 100 ml - Comptoir des huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale de Calophylle Bio - Comptoir des Huiles\nPalette détectée:\n - Primaire: #8B7A2B (vert-olive doré, couleur de l'huile dans le flacon ambré)\n - Secondaire: #E8C840 (jaune doré du logo Comptoir des Huiles)\n - Accent: #4A7C59 (vert profond des feuilles de calophylle)\n - Fond packaging: #F5F0E6 (crème\/blanc cassé de l'étiquette)\nAmbiance: Naturel\/bio, végétal tropical, soin authentique, flacon apothicaire, chaleureux et botanique\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Contour des yeux : cernes et poches visiblement atténués\"\n 2. \"Jambes légères et confort au quotidien\"\n 3. \"Les bienfaits naturels de l'huile de Calophylle\"\n 4. \"Utilisation et conseils\"\n 5. \"Une huile éthique et pure\"\n 6. \"Ingrédient\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cal-hero\"\u003e\n \u003cdiv class=\"cal-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cal-hero-content\"\u003e\n \u003cdiv class=\"cal-badges-top\"\u003e\n \u003cspan class=\"cal-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🧴 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e✨ Visage \u0026amp; jambes\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile végétale de Calophylle Bio\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eHuile drainante — Cernes, poches \u0026amp; jambes légères\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eRiche en oméga 6 \u0026amp; 9, polyphénols et inophylline, cette huile vierge précieuse issue du \u003cem\u003eCalophyllum inophyllum\u003c\/em\u003e revitalise le contour des yeux, favorise la circulation et offre un soin régénérant, cicatrisant et drainant d'une pureté irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eContour des yeux : cernes et poches visiblement atténués\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eGrâce à son action stimulante sur la micro-circulation sanguine, l'huile de Calophylle est un allié de choix pour réduire les cernes et les poches.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🩸 Micro-circulation activée\u003c\/h3\u003e\n \u003cp\u003eStimule le flux sanguin dans la zone fragile du contour des yeux pour un regard revitalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Effet décongestionnant\u003c\/h3\u003e\n \u003cp\u003eDiminue visiblement les poches et les gonflements liés à la fatigue ou au manque de sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eRedonne fraîcheur et luminosité à la zone regard, même sur les peaux les plus fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🤲 Application douce\u003c\/h3\u003e\n \u003cp\u003eS'applique délicatement en massages circulaires pour un soin respectueux de cette zone sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eJambes légères et confort au quotidien\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eUtilisée en massage sur les jambes, l'huile de Calophylle offre une sensation de légèreté immédiate et un confort durable.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Légèreté immédiate\u003c\/h3\u003e\n \u003cp\u003eSoulage la sensation de jambes lourdes dès la première application grâce à son action drainante puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🔄 Circulation sanguine \u0026amp; lymphatique\u003c\/h3\u003e\n \u003cp\u003eFavorise un meilleur retour veineux et lymphatique, limitant les gonflements et l'inconfort quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧍 Idéale pour les longues journées\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les personnes restant longtemps debout ou souffrant de troubles circulatoires mineurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eLes bienfaits naturels de l'huile de Calophylle\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Oméga 9\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau en profondeur, lutte activement contre la déshydratation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Oméga 6\u003c\/h3\u003e\n \u003cp\u003eAméliore l'élasticité et adoucit les peaux sensibles, pour un toucher soyeux et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n \u003cp\u003eStimulent la micro-circulation et apportent une protection antioxydante, idéaux pour le regard fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Inophylline\u003c\/h3\u003e\n \u003cp\u003eActif star de la Calophylle, reconnue pour ses propriétés circulatoires et réparatrices exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eUtilisation et conseils\u003c\/h2\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cernes et poches\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 goutte sous chaque œil, puis massez doucement en mouvements circulaires. Appliquez de préférence le soir pour favoriser l'absorption pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003e🦵 Pour les jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eAppliquez plusieurs gouttes sur les jambes, puis massez en remontant du bas vers le haut pour stimuler la circulation. À utiliser quotidiennement ou en cas de besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e Déconseillé en cas de traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eUne huile éthique et pure\u003c\/h2\u003e\n \u003cdiv class=\"cal-testimonial\"\u003e\n \u003cp class=\"cal-testimonial-text\"\u003eIssue de l'agriculture biologique et obtenue par première pression à froid, cette huile préserve toute sa richesse en actifs. Les noix sont récoltées de manière durable et éthique en partenariat avec des producteurs locaux, garantissant une production respectueuse de l'humain et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, sans pesticides ni produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression pour préserver 100% des actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💚 Vert profond \u0026amp; soyeuse\u003c\/h3\u003e\n \u003cp\u003eSa couleur et sa texture témoignent de sa pureté exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧴 Flacon en verre\u003c\/h3\u003e\n \u003cp\u003eConditionnée dans un verre protecteur pour conserver toutes ses propriétés intactes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eIngrédient\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\" open\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Calophyllum Inophyllum Seed Oil (Huile de graines de Calophylle) – 100% pure et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Une seule huile, un soin complet — redonnez éclat à votre regard et légèreté à vos jambes avec la Calophylle Bio Comptoir des Huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. 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 --cal-cream: #F7F3EB;\n --cal-white: #ffffff;\n --cal-primary: #6B8A3E;\n --cal-primary-dark: #3D5A1E;\n --cal-primary-light: #EDF4E3;\n --cal-secondary: #D4A828;\n --cal-accent: #4A7C59;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #e0e0e0;\n --cal-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cal-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A1E 0%, #4A7C59 40%, #6B8A3E 70%, #D4A828 100%);\n border-radius: var(--cal-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(--cal-shadow-lg);\n}\n\n.cal-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,40,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cal-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.cal-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cal-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cal-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(--cal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cal-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.cal-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(--cal-primary), var(--cal-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-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.cal-card {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cal-shadow-lg);\n border-color: var(--cal-primary);\n}\n\n.cal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANTE === *\/\n.cal-card-ingredient {\n border-left: 4px solid var(--cal-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cal-grid-compact .cal-card {\n padding: 1rem;\n}\n\n.cal-grid-compact .cal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cal-grid-compact .cal-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-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.cal-timeline-content {\n flex: 1;\n background: var(--cal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cal-radius-sm);\n box-shadow: var(--cal-shadow);\n}\n\n.cal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cal-timeline-content p {\n font-size: 14px;\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cal-testimonial {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cal-shadow);\n border-left: 4px solid var(--cal-primary);\n}\n\n.cal-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cal-accordion {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n box-shadow: var(--cal-shadow);\n overflow: hidden;\n}\n\n.cal-accordion-item {\n border-bottom: 1px solid var(--cal-border);\n margin: 0;\n padding: 0;\n}\n\n.cal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cal-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.cal-accordion-header:hover {\n background: var(--cal-primary-light);\n}\n\n.cal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cal-primary);\n transition: transform .2s ease;\n}\n\n.cal-accordion-item[open] .cal-accordion-header::after {\n content: '−';\n}\n\n.cal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cal-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cal-primary-light);\n border-radius: var(--cal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cal-tip p {\n font-size: 14px;\n color: var(--cal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cal-cta-box {\n background: linear-gradient(135deg, var(--cal-primary) 0%, var(--cal-primary-dark) 100%);\n border-radius: var(--cal-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cal-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.cal-disclaimer {\n font-size: 12px;\n color: var(--cal-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 .cal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cal-card {\n padding: 1.125rem;\n }\n\n .cal-section {\n margin-bottom: 1.75rem;\n }\n\n .cal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cal-radius-sm);\n }\n\n .cal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cal-grid-compact {\n gap: .625rem;\n }\n\n .cal-grid-compact .cal-card {\n padding: .75rem;\n }\n\n .cal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cal-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cal-timeline-content h3 {\n font-size: 14px;\n }\n\n .cal-timeline-content p {\n font-size: 13px;\n }\n\n .cal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cal-testimonial {\n padding: 1.25rem;\n }\n\n .cal-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: calFadeInUp .5s ease backwards;\n }\n .cal-card:nth-child(1) { animation-delay: .05s; }\n .cal-card:nth-child(2) { animation-delay: .1s; }\n .cal-card:nth-child(3) { animation-delay: .15s; }\n .cal-card:nth-child(4) { animation-delay: .2s; }\n .cal-card:nth-child(5) { animation-delay: .25s; }\n .cal-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes calFadeInUp {\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 .cal-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":55092223377785,"sku":"HUV-CAL-0100","price":12.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-calophylle-bio-cernes-poches-100-ml-compto-lifestyle_2892a6eb-dadb-4624-8ab5-d79a06d62c01.webp?v=1770902236"},{"product_id":"argent-colloidal-20ppm-hygiene-oeil-30-ml-dr-theiss","title":"Argent Colloïdal 20ppm - hygiène des paupières 30 ml – Dr. Theiss","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e💧 20 ppm\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 0 % conservateur\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e👁️ Hygiène des paupières\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eArgent Colloïdal 20 ppm - Hygiène des paupières 30 ml\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eDr. Theiss – Le laboratoire alsacien expert en soins naturels\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eUne solution cosmétique épurée à l'argent colloïdal et à la camomille noble, pour nettoyer, purifier et apaiser vos paupières au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eArgent colloïdal 20 ppm Dr. Theiss : le soin naturel pour l'hygiène de vos paupières\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVos yeux sont exposés chaque jour à de nombreuses agressions extérieures : pollution, vent, écrans, poussières, maquillage… Si vous ressentez une sensation d'inconfort, de sécheresse ou de fatigue oculaire, prendre soin de vos paupières devient essentiel.\u003c\/p\u003e\n\u003cdiv class=\"ac-highlight-box\"\u003e\n\u003cp\u003eCet \u003cstrong\u003eargent colloïdal 20 ppm\u003c\/strong\u003e du laboratoire \u003cstrong\u003eDr. Theiss\u003c\/strong\u003e est une solution cosmétique naturelle spécialement formulée pour l'\u003cstrong\u003ehygiène des paupières\u003c\/strong\u003e, fabriquée en France avec une composition minimaliste et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eUne composition 100 % naturelle, sans conservateur ni adjuvant\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eCe qui distingue cette solution d'argent colloïdal, c'est sa formule épurée à l'extrême. Voici la liste complète des ingrédients :\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌼 Extrait de camomille noble\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAnthemis Nobilis Flower Extract\u003c\/strong\u003e – reconnu pour ses propriétés apaisantes et calmantes, il calme les sensations d'inconfort au niveau des paupières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧂 Chlorure de sodium\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSodium Chloride\u003c\/strong\u003e – pour une solution isotonique douce, parfaitement tolérée par la zone délicate du contour de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✨ Argent colloïdal 20 ppm\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSilver\u003c\/strong\u003e – particules d'argent pur en suspension, aux vertus purifiantes reconnues depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e0 % conservateur, 0 % adjuvant\u003c\/strong\u003e : vous appliquez sur vos paupières uniquement ce qui est nécessaire, rien de plus. Un léger dépôt naturel peut apparaître au fond du flacon : c'est tout simplement le signe de la présence réelle d'argent colloïdal dans la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'argent colloïdal pour les yeux et les paupières\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'argent colloïdal est utilisé depuis longtemps pour ses propriétés purifiantes et hydratantes. Associé à l'extrait de camomille noble, cette formulation offre plusieurs bienfaits concrets pour le contour de l'œil :\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧹 Nettoie et purifie\u003c\/h3\u003e\n\u003cp\u003eÉlimine les impuretés accumulées en surface des paupières pour une hygiène irréprochable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Apaise et calme\u003c\/h3\u003e\n\u003cp\u003eSoulage les sensations d'irritation liées aux agressions extérieures : polluants, vent, cosmétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💧 Hydrate en douceur\u003c\/h3\u003e\n\u003cp\u003eHydrate le contour des paupières pour un confort durable tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😌 Soulage la fatigue\u003c\/h3\u003e\n\u003cp\u003eApporte un soulagement bienvenu aux yeux fatigués, secs ou sensibles après de longues journées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eLaisse une sensation de fraîcheur et de propreté agréable après chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🩹 Réduit rougeurs et gonflements\u003c\/h3\u003e\n\u003cp\u003eContribue à apaiser les rougeurs et les gonflements au niveau de l'œil pour un regard apaisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e🌸\u003c\/span\u003e\n\u003cp\u003eSi vous cherchez une alternative naturelle aux solutions classiques pour prendre soin de vos \u003cstrong\u003eyeux sensibles\u003c\/strong\u003e, ce soin à l'argent colloïdal constitue un allié au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComment utiliser cette solution d'argent colloïdal 20 ppm ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eLe flacon de 30 ml est équipé d'un compte-gouttes (pipette) qui permet un dosage précis et une application facile :\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eAvant chaque emploi, agitez bien le flacon pour répartir uniformément les particules d'argent dans la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eAppliquez 1 goutte par paupière\u003c\/h3\u003e\n\u003cp\u003eDéposez une goutte matin et soir sur chaque paupière à l'aide du compte-gouttes pour un soin ciblé et précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eProfitez d'un confort durable\u003c\/h3\u003e\n\u003cp\u003eUsage externe uniquement, réservé aux adultes et adolescents. Avec seulement deux gouttes par jour, le flacon dure plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e✈️\u003c\/span\u003e\n\u003cp\u003eGrâce à son format compact de 30 ml, vous pouvez facilement l'emporter dans votre trousse de soin partout avec vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conseils pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ac-accordion\"\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e👁️ Porteurs de lentilles de contact\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vous portez des lentilles de contact, retirez-les avant l'application de la solution d'argent colloïdal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e👶 Tenir hors de portée des enfants\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit doit être conservé hors de portée des enfants. Réservé aux adultes et adolescents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e⚕️ Usage cosmétique uniquement\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à l'hygiène des paupières et ne remplace en aucun cas un traitement médical ni un collyre prescrit par un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e🩺 En cas de problème persistant\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de problème oculaire persistant, consultez votre médecin ou votre ophtalmologue sans tarder.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'argent colloïdal Dr. Theiss ?\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🏭 Savoir-faire français\u003c\/h3\u003e\n\u003cp\u003eLaboratoire alsacien implanté en France depuis plus de 25 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients naturels\u003c\/h3\u003e\n\u003cp\u003eIngrédients rigoureusement sélectionnés pour une formule minimaliste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e👨👩👧 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eUne solution 20 ppm qui allie simplicité, qualité et efficacité naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🐾 Aussi pour les animaux\u003c\/h3\u003e\n\u003cp\u003eApprécié pour l'hygiène oculaire des chiens et chats. Demandez conseil à votre vétérinaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à vos yeux le soin naturel qu'ils méritent avec l'argent colloïdal 20 ppm Dr. Theiss – pureté, douceur et efficacité réunies dans un flacon de 30 ml fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène des paupières et ne remplace pas un avis médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ac-cream: #faf8f5;\n --ac-white: #ffffff;\n --ac-primary: #8b6914;\n --ac-primary-dark: #5c4510;\n --ac-primary-light: #f5efe3;\n --ac-secondary: #c9a84c;\n --ac-accent: #d4a843;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e0d4;\n --ac-shadow: 0 4px 24px rgba(92,69,16,.08);\n --ac-shadow-lg: 0 12px 48px rgba(92,69,16,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4510 0%, #8b6914 40%, #c9a84c 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(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.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ac-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ac-highlight-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.ac-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-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.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.ac-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-highlight-box {\n padding: 1.25rem;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55220264665465,"sku":"NA1520","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-20ppm-hygiene-de-lil-30-ml-dr-theiss-lifestyle_3be88273-66d9-46f2-bd5d-f066743e3133.webp?v=1773851699"},{"product_id":"contour-des-yeux-roll-on-10ml-endro","title":"Contour des yeux roll on - 10 ml - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Contour des yeux roll on - 10 ml - Endro\nPalette détectée:\n - Primaire: #6B8FAD (bleu gris doux du packaging, rappelant le bleuet)\n - Secondaire: #A8C5D9 (bleu ciel clair, fond des images)\n - Accent: #3D5A73 (bleu foncé pour contraste)\n - Background: #F7F9FB (blanc légèrement bleuté)\nAmbiance: Fraîcheur, naturel\/bio, douceur, minimaliste épuré, cosmétique premium française\nPréfixe CSS: ecy\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir un soin pour le contour des yeux ?\"\n 2. \"Les actifs naturels au cœur de cette formule\"\n 3. \"Comment utiliser ce roll-on contour des yeux ?\"\n 4. \"Liste complète des ingrédients (INCI)\"\n 5. \"Ce qui fait la différence avec ce soin Endro\"\n 6. \"Les engagements Endro\"\n 7. \"À qui s'adresse ce meilleur soin contour des yeux naturel ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ecy-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ecy-hero\"\u003e\n \u003cdiv class=\"ecy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ecy-hero-content\"\u003e\n \u003cdiv class=\"ecy-badges-top\"\u003e\n \u003cspan class=\"ecy-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"ecy-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n \u003cspan class=\"ecy-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ecy-hero-title\"\u003eContour des Yeux Roll-On\u003c\/span\u003e\n \u003cp class=\"ecy-subtitle\"\u003eEndro Cosmétiques • 10 ml\u003c\/p\u003e\n \u003cp class=\"ecy-description\"\u003eVotre allié quotidien pour un regard frais et reposé. Cible efficacement les cernes, poches et ridules grâce à sa bille inox et ses actifs végétaux concentrés.\u003c\/p\u003e\n \u003cdiv class=\"ecy-hero-stats\"\u003e\n \u003cdiv class=\"ecy-stat\"\u003e\n \u003cspan class=\"ecy-stat-number\"\u003e89%\u003c\/span\u003e\n \u003cspan class=\"ecy-stat-label\"\u003emoins de ridules*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-stat\"\u003e\n \u003cspan class=\"ecy-stat-number\"\u003e37%\u003c\/span\u003e\n \u003cspan class=\"ecy-stat-label\"\u003eingrédients bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-stat\"\u003e\n \u003cspan class=\"ecy-stat-number\"\u003e5×\u003c\/span\u003e\n \u003cspan class=\"ecy-stat-label\"\u003eplus fine que le visage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003ePourquoi choisir un soin pour le contour des yeux ?\u003c\/h2\u003e\n \u003cp class=\"ecy-section-intro\"\u003eLa peau du contour de l'œil est \u003cstrong\u003ejusqu'à 5 fois plus fine\u003c\/strong\u003e que celle du reste du visage. C'est souvent la première zone où apparaissent les signes de fatigue et de vieillissement.\u003c\/p\u003e\n \u003cdiv class=\"ecy-grid\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément cette zone fragile et délicate qui manque de glandes sébacées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🔄 Microcirculation stimulée\u003c\/h3\u003e\n \u003cp\u003eRéduit l'apparence des cernes en activant le drainage naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e✨ Poches décongestionnées\u003c\/h3\u003e\n \u003cp\u003eEffet frais immédiat grâce à la bille métallique qui draine dès l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🪶 Ridules lissées\u003c\/h3\u003e\n \u003cp\u003eAtténue les rides d'expression pour un regard visiblement plus jeune\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"ecy-grid\"\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e💜 Hydrolat de bleuet bio\u003c\/h3\u003e\n \u003cp\u003eReconnu depuis des siècles pour ses vertus \u003cstrong\u003eapaisantes et décongestionnantes\u003c\/strong\u003e. Atténue les cernes bleutés et soulage les yeux gonflés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Huile de bourrache bio\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement riche en \u003cstrong\u003eacide gamma-linolénique\u003c\/strong\u003e (oméga-6 rare). Redonne souplesse et élasticité à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Extrait de gentiane jaune bio\u003c\/h3\u003e\n \u003cp\u003ePossède un \u003cstrong\u003eeffet lissant remarquable\u003c\/strong\u003e. Favorise le drainage naturel pour atténuer poches et cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card ecy-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Poudre d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eHydratation intense\u003c\/strong\u003e sans alourdir. Propriétés réparatrices et apaisantes idéales pour les yeux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eComment utiliser ce roll-on contour des yeux ?\u003c\/h2\u003e\n \u003cdiv class=\"ecy-timeline\"\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003ePréparez le soin\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement le flacon avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec la bille\u003c\/h3\u003e\n \u003cp\u003eFaites rouler doucement la bille inox de l'intérieur vers l'extérieur de l'œil, sur les paupières inférieures et supérieures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eTerminez en tapotant du bout des doigts pour favoriser la pénétration des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-item\"\u003e\n \u003cdiv class=\"ecy-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ecy-timeline-content\"\u003e\n \u003ch3\u003eRépétez 1 à 2 fois par jour\u003c\/h3\u003e\n \u003cp\u003eMatin et\/ou soir, sur une peau propre, avant votre crème de jour ou de nuit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-tip\"\u003e\n \u003cspan class=\"ecy-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce fraîcheur :\u003c\/strong\u003e Conservez votre roll-on au réfrigérateur pour un effet décongestionnant encore plus prononcé. Idéal pour les matins difficiles !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ecy-accordion\"\u003e\n \u003cdetails class=\"ecy-accordion-item\" open\u003e\n \u003csummary class=\"ecy-accordion-header\"\u003e📋 Composition complète\u003c\/summary\u003e\n \u003cdiv class=\"ecy-accordion-content\"\u003e\n \u003cp\u003eAQUA (WATER \/ EAU), CENTAUREA CYANUS FLOWER WATER*, GLYCERIN, COCO-CAPRYLATE\/CAPRATE, BORAGO OFFICINALIS SEED OIL*, PENTYLENE GLYCOL, ARACHIDYL ALCOHOL, BEHENYL ALCOHOL, SODIUM LEVULINATE, ARACHIDYL GLUCOSIDE, PROPANEDIOL, KAOLIN, SODIUM ANISATE, LACTIC ACID, ACACIA SENEGAL GUM, ALOE BARBADENSIS LEAF JUICE POWDER*, LEUCONOSTOC\/RADISH ROOT FERMENT FILTRATE, SODIUM STEAROYL GLUTAMATE, XANTHAN GUM, TOCOPHEROL, GENTIANA LUTEA ROOT EXTRACT*\u003c\/p\u003e\n \u003cp\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=\"ecy-accordion-item\"\u003e\n \u003csummary class=\"ecy-accordion-header\"\u003e🌿 Pourcentages clés\u003c\/summary\u003e\n \u003cdiv class=\"ecy-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients est d'origine naturelle\u003cbr\u003e\n \u003cstrong\u003e37%\u003c\/strong\u003e des ingrédients sont issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eCe qui fait la différence avec ce soin Endro\u003c\/h2\u003e\n \u003cdiv class=\"ecy-grid-compact\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e💨 Texture fluide\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans film gras, parfait sous le maquillage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🔘 Bille inox premium\u003c\/h3\u003e\n \u003cp\u003eEffet frais immédiat et massage précis de la zone orbitale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e👜 Format nomade\u003c\/h3\u003e\n \u003cp\u003e10 ml pratique qui se glisse partout pour des retouches express\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e♻️ Verre réutilisable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable pour un choix responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ecy-section\"\u003e\n \u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n \u003cdiv class=\"ecy-grid-compact\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale locale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ecy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce meilleur soin contour des yeux naturel ?\u003c\/h2\u003e\n \u003cp class=\"ecy-section-intro\"\u003eCe roll-on convient à tous les types de peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003cdiv class=\"ecy-grid\"\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e😴 Cernes marqués\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous souffrez de cernes ou de poches matinales persistantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e💻 Exposition aux écrans\u003c\/h3\u003e\n \u003cp\u003eParfait pour ceux qui passent de longues heures devant les écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent un soin certifié bio et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-card\"\u003e\n \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les peaux réactives et compatible avec le port de lentilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ecy-cta-box\"\u003e\n \u003cp\u003eOffrez à votre regard la fraîcheur et l'éclat qu'il mérite avec ce soin d'exception, fabriqué artisanalement en Bretagne 🌊\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ecy-disclaimer\"\u003e*Test d'usage sur un panel de 20 volontaires. Ce produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation. Évitez le contact direct avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ecy-cream: #F7F9FB;\n --ecy-white: #ffffff;\n --ecy-primary: #6B8FAD;\n --ecy-primary-dark: #3D5A73;\n --ecy-primary-light: #E8F0F5;\n --ecy-secondary: #A8C5D9;\n --ecy-accent: #7BA3BE;\n --ecy-text: #1a1a1a;\n --ecy-text-light: #5a6a7a;\n --ecy-border: #e0e8ee;\n --ecy-shadow: 0 4px 24px rgba(107,143,173,.12);\n --ecy-shadow-lg: 0 12px 48px rgba(61,90,115,.18);\n --ecy-radius: 20px;\n --ecy-radius-sm: 12px;\n}\n\n.ecy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ecy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ecy-hero {\n position: relative;\n background: linear-gradient(135deg, #A8C5D9 0%, #6B8FAD 50%, #3D5A73 100%);\n border-radius: var(--ecy-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(--ecy-shadow-lg);\n}\n\n.ecy-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.ecy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ecy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ecy-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(--ecy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ecy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ecy-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.ecy-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.ecy-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 2rem auto;\n}\n\n.ecy-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.ecy-stat {\n text-align: center;\n}\n\n.ecy-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.ecy-stat-label {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: clamp(11px, 2vw, 13px);\n font-weight: 600;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.ecy-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ecy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ecy-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.ecy-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(--ecy-primary), var(--ecy-secondary));\n border-radius: 2px;\n}\n\n.ecy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ecy-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.ecy-card {\n background: var(--ecy-white);\n border-radius: var(--ecy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ecy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ecy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ecy-shadow-lg);\n border-color: var(--ecy-primary);\n}\n\n.ecy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ecy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ecy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ecy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ecy-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--ecy-primary);\n}\n\n\/* === GRILLES === *\/\n.ecy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ecy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ecy-grid-compact .ecy-card {\n padding: 1rem;\n}\n\n.ecy-grid-compact .ecy-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ecy-grid-compact .ecy-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ecy-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ecy-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ecy-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ecy-primary), var(--ecy-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.ecy-timeline-content {\n flex: 1;\n background: var(--ecy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ecy-radius-sm);\n box-shadow: var(--ecy-shadow);\n}\n\n.ecy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ecy-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ecy-timeline-content p {\n font-size: 14px;\n color: var(--ecy-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ecy-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ecy-primary-light);\n border-radius: var(--ecy-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ecy-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ecy-tip p {\n font-size: 14px;\n color: var(--ecy-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ecy-accordion {\n background: var(--ecy-white);\n border-radius: var(--ecy-radius);\n box-shadow: var(--ecy-shadow);\n overflow: hidden;\n}\n\n.ecy-accordion-item {\n border-bottom: 1px solid var(--ecy-border);\n margin: 0;\n padding: 0;\n}\n\n.ecy-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ecy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ecy-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.ecy-accordion-header:hover {\n background: var(--ecy-primary-light);\n}\n\n.ecy-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ecy-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ecy-primary);\n transition: transform .2s ease;\n}\n\n.ecy-accordion-item[open] .ecy-accordion-header::after {\n content: '−';\n}\n\n.ecy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ecy-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ecy-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.ecy-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ecy-cta-box {\n background: linear-gradient(135deg, var(--ecy-primary) 0%, var(--ecy-primary-dark) 100%);\n border-radius: var(--ecy-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.ecy-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.ecy-disclaimer {\n font-size: 12px;\n color: var(--ecy-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 .ecy-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ecy-card {\n padding: 1.125rem;\n }\n \n .ecy-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--ecy-primary);\n }\n \n .ecy-section {\n margin-bottom: 1.75rem;\n }\n \n .ecy-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ecy-radius-sm);\n }\n \n .ecy-hero-stats {\n gap: 1.5rem;\n }\n \n .ecy-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ecy-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ecy-grid-compact {\n gap: .625rem;\n }\n \n .ecy-grid-compact .ecy-card {\n padding: .75rem;\n }\n \n .ecy-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ecy-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ecy-timeline-content h3 {\n font-size: 14px;\n }\n \n .ecy-timeline-content p {\n font-size: 13px;\n }\n \n .ecy-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ecy-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ecy-tip {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ecy-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ecy-card:nth-child(1) { animation-delay: .05s; }\n .ecy-card:nth-child(2) { animation-delay: .1s; }\n .ecy-card:nth-child(3) { animation-delay: .15s; }\n .ecy-card:nth-child(4) { animation-delay: .2s; }\n .ecy-card:nth-child(5) { animation-delay: .25s; }\n .ecy-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 .ecy-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":55363850174841,"sku":"NBAIEND0121","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/contour-des-yeux-roll-on-10-ml-endro-lifestyle_6d622852-c29c-4e5e-b387-c63964bb4c6e.webp?v=1769684724"},{"product_id":"endro-soin-contour-yeux-levres-routine-anti-age-20-ml","title":"Soin contour yeux \u0026 lèvres - anti-âge - 20 ml - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"edr-hero\"\u003e\n\u003cdiv class=\"edr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"edr-hero-content\"\u003e\n\u003cdiv class=\"edr-badges-top\"\u003e\n\u003cspan class=\"edr-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🧴 20 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"edr-hero-title\"\u003eSoin contour yeux \u0026amp; lèvres Endro\u003c\/span\u003e\n\u003cp class=\"edr-subtitle\"\u003eRoutine anti-âge naturelle\u003c\/p\u003e\n\u003cp class=\"edr-description\"\u003eUn soin 2-en-1 concentré en actifs puissants pour repulper, lisser et raviver l'éclat des zones les plus délicates de votre visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eSoin contour yeux et lèvres Endro : votre allié anti-âge naturel\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eVous cherchez un soin contour des yeux qui prend également soin de vos lèvres ? Ce soin 2-en-1 signé Endro a été spécialement formulé pour répondre aux besoins des zones les plus délicates de votre visage. Concentré en actifs puissants, il s'inscrit parfaitement dans une routine anti-âge efficace et naturelle.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce soin pour le contour des yeux et des lèvres ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eLa peau autour des yeux et des lèvres est jusqu'à cinq fois plus fine que sur le reste du visage. C'est précisément là que les premiers signes de l'âge et de la fatigue apparaissent.\u003c\/p\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e✨ Repulpe visiblement\u003c\/h3\u003e\n\u003cp\u003eRedonne du volume au contour des yeux et des lèvres pour un effet jeunesse immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🪶 Lisse les ridules\u003c\/h3\u003e\n\u003cp\u003eAtténue les fines lignes et les marques de déshydratation pour une peau plus lisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e😌 Atténue la fatigue\u003c\/h3\u003e\n\u003cp\u003eRéduit les signes de fatigue pour un regard reposé et revitalisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💪 Raffermit la peau\u003c\/h3\u003e\n\u003cp\u003eTonifie les tissus pour redonner fermeté et éclat à votre visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌟 Révèle la lumière\u003c\/h3\u003e\n\u003cp\u003eIllumine le regard et le sourire pour un teint plus radieux au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eUn soin contour yeux Made in France\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid-compact\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n\u003cp\u003eFabriqué en Bretagne par la marque Endro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🧴 Format généreux\u003c\/h3\u003e\n\u003cp\u003e20 ml vs 10 ml classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e👁️ Double action\u003c\/h3\u003e\n\u003cp\u003eYeux + lèvres en un seul soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e📅 Longue durée\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.5rem;\" class=\"edr-section-intro\"\u003eContrairement aux formats classiques de 10 ml, cette version élargie vous permet de traiter à la fois le contour des yeux et celui des lèvres, deux zones souvent négligées mais essentielles pour préserver la jeunesse de votre visage.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eComment utiliser ce soin apaisant contour des yeux ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin contour yeux, appliquez-le sur une peau propre et sèche.\u003c\/p\u003e\n\u003cdiv class=\"edr-timeline\"\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003ePrélevez le soin\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité du bout du doigt suffit pour chaque zone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur le contour des yeux\u003c\/h3\u003e\n\u003cp\u003ePar légers tapotements, de l'intérieur vers l'extérieur de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eTraitez le contour des lèvres\u003c\/h3\u003e\n\u003cp\u003eRenouvelez l'opération sur tout le pourtour de la bouche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eMatin et\/ou soir\u003c\/h3\u003e\n\u003cp\u003eUtilisez selon vos besoins pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-tip\"\u003e\n\u003cspan class=\"edr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe geste de tapotement favorise la microcirculation et optimise la pénétration des actifs. Évitez de frotter pour ne pas fragiliser ces zones sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌱 Prévention des ridules\u003c\/h3\u003e\n\u003cp\u003eIdéal dès les premiers signes de l'âge pour prévenir l'apparition des fines lignes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e😴 Signes de fatigue\u003c\/h3\u003e\n\u003cp\u003eParfait pour atténuer les marques visibles de fatigue autour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eRecommandé pour hydrater et repulper le contour des lèvres déshydraté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌿 Routine naturelle\u003c\/h3\u003e\n\u003cp\u003ePour celles qui souhaitent un soin anti-âge efficace et 100% naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eLes engagements Endro\u003c\/h2\u003e\n\u003cdiv class=\"edr-testimonial\"\u003e\n\u003cp class=\"edr-testimonial-text\"\u003e\"En choisissant Endro, vous optez pour une cosmétique responsable. Notre marque bretonne s'engage à proposer des formules concentrées en actifs, sans ingrédients superflus, dans le respect de votre peau et de l'environnement.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-accordion\"\u003e\n\u003cdetails open=\"\" class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003e20 ml - Format généreux pour une utilisation prolongée sur le contour des yeux et des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\" class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eMade in France - Fabriqué avec soin en Bretagne par la marque Endro.\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 style=\"margin-bottom: 0px!important;\" class=\"edr-section\"\u003e\n\u003cdiv class=\"edr-cta-box\"\u003e\n\u003cp\u003eOffrez à votre regard et à vos lèvres le soin qu'ils méritent avec ce concentré anti-âge naturel et Made in France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"edr-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --edr-cream: #F8F7F5;\n --edr-white: #ffffff;\n --edr-primary: #8B9BB4;\n --edr-primary-dark: #5A6A80;\n --edr-primary-light: #E8ECF2;\n --edr-secondary: #A5B4C8;\n --edr-accent: #6B7A8F;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #e0e0e0;\n --edr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --edr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, #A5B4C8 0%, #8B9BB4 50%, #6B7A8F 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-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.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.edr-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-secondary));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-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.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-testimonial {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n margin-bottom: 1.25rem;\n}\n\n.edr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.edr-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.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .edr-card {\n padding: 1.125rem;\n }\n \n .edr-section {\n margin-bottom: 1.75rem;\n }\n \n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n \n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .edr-grid-compact {\n gap: .625rem;\n }\n \n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n \n .edr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .edr-timeline-content {\n padding: .875rem 1rem;\n }\n \n .edr-timeline-content h3 {\n font-size: 14px;\n }\n \n .edr-timeline-content p {\n font-size: 13px;\n }\n \n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .edr-testimonial {\n padding: 1.25rem;\n }\n \n .edr-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-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 .edr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":56580290249081,"sku":"NBAIEND0120","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-contour-yeux-levres-endro.jpg?v=1776431879"},{"product_id":"bio-regard-creme-contour-des-yeux-50-ml-science-et-equilibre","title":"Crème Contour des Yeux - Bio Regard – 50 ml – Science et Équilibre","description":"\u003cdiv class=\"bioregard-premium\"\u003e\n \u003cdiv class=\"bioregard-hero\"\u003e\n \u003cdiv class=\"bioregard-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bioregard-hero-content\"\u003e\n \u003cdiv class=\"bioregard-badges-top\"\u003e\n \u003cspan class=\"bioregard-badge\"\u003e🌿 99% Naturel\u003c\/span\u003e\n \u003cspan class=\"bioregard-badge\"\u003e✅ COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"bioregard-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"bioregard-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bioregard-hero-title\"\u003eBIO REGARD\u003c\/span\u003e\n \u003cp class=\"bioregard-subtitle\"\u003eCrème Contour des Yeux Bio • 50 ml\u003c\/p\u003e\n \u003cp class=\"bioregard-description\"\u003eUn soin ciblé pour lisser les ridules, atténuer les cernes et décongestionner les poches. Une formule à 99% d'origine naturelle et 54% d'ingrédients bio, signée Laboratoires Science \u0026amp; Équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bioregard-section\"\u003e\n \u003ch2\u003eBIO REGARD : la crème contour des yeux bio qui révèle l'éclat de votre regard\u003c\/h2\u003e\n \u003cp class=\"bioregard-section-intro\"\u003eLes yeux sont souvent les premiers à trahir la fatigue et le temps qui passe. \u003cstrong\u003eBIO REGARD\u003c\/strong\u003e, la crème contour des yeux signée Laboratoires Science \u0026amp; Équilibre, a été pensée pour prendre soin de cette zone délicate avec une formule à \u003cstrong\u003e99 % d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e54 % d'ingrédients issus de l'Agriculture Biologique\u003c\/strong\u003e. Un véritable soin contour des yeux certifié COSMOS ORGANIC, conçu et fabriqué en France.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bioregard-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème pour le contour des yeux ?\u003c\/h2\u003e\n \u003cp class=\"bioregard-section-intro\"\u003eLa peau du contour de l'œil est jusqu'à \u003cstrong\u003e4 fois plus fine\u003c\/strong\u003e que sur le reste du visage. Elle réclame un soin spécifique, doux et ciblé. BIO REGARD combine des actifs végétaux reconnus pour agir sur les 4 préoccupations majeures de cette zone :\u003c\/p\u003e\n \u003cdiv class=\"bioregard-grid\"\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e✨ Ridules et pattes d'oie\u003c\/h3\u003e\n \u003cp\u003eLissées grâce à l'acide hyaluronique 100% naturel et à la vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e👁️ Cernes\u003c\/h3\u003e\n \u003cp\u003eAtténués par le Petit-Houx (Ruscus Aculeatus), plante réputée pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e💧 Poches\u003c\/h3\u003e\n \u003cp\u003eDécongestionnées grâce à l'action astringente et tenseur de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🌸 Déshydratation\u003c\/h3\u003e\n \u003cp\u003eComblée par la synergie de 5 huiles végétales nourrissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bioregard-section\"\u003e\n \u003ch2\u003eUne composition riche et naturelle\u003c\/h2\u003e\n \u003cp class=\"bioregard-section-intro\"\u003eCette crème contour yeux s'appuie sur des actifs végétaux rigoureusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"bioregard-grid\"\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🌹 Rose de Damas\u003c\/h3\u003e\n \u003cp\u003eEau florale apaisante et tonifiante, elle rafraîchit et unifie le regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🫒 5 huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eAvocat, argan, jojoba, karité et rosier muscat pour nourrir et renforcer le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🌿 Petit-Houx\u003c\/h3\u003e\n \u003cp\u003eActif clé anti-cernes et anti-poches, stimule la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique naturel\u003c\/h3\u003e\n \u003cp\u003eHydratation intense et effet repulpant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eBouclier antioxydant contre le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🏆 Certifié COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003e54% d'ingrédients bio et 99% d'origine naturelle, garantis par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"bioregard-accordion-item\"\u003e\n \u003csummary class=\"bioregard-accordion-header\"\u003e📋 INCI complet\u003c\/summary\u003e\n \u003cdiv class=\"bioregard-accordion-content mt-3\"\u003e\n \u003cp\u003eRosa Damascena flower water*, Aqua, Rosa Rubiginosa seed oil*, Simmondsia Chinensis seed oil*, Butyrospermum Parkii butter*, Argania Spinosa kernel oil*, Cetyl alcohol, Persea Gratissima oil*, Glycerin**, Glyceryl stearate, Cetearyl alcohol, Stearic acid, Sodium lauroyl glutamate, Ruscus Aculeatus root extract*, Sodium hyaluronate, Benzyl alcohol, Tocopherol, Dehydroacetic acid, Sodium benzoate, Potassium sorbate, Citric acid, Citronellol, Geraniol.\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem;\"\u003e\u003cem\u003e*Issus de l'Agriculture Biologique — **Obtenu à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bioregard-section\"\u003e\n \u003ch2\u003eComment utiliser BIO REGARD ?\u003c\/h2\u003e\n \u003cp class=\"bioregard-section-intro\"\u003ePour tirer le meilleur de ce soin pour le contour des yeux :\u003c\/p\u003e\n \u003cdiv class=\"bioregard-timeline\"\u003e\n \u003cdiv class=\"bioregard-timeline-item\"\u003e\n \u003cdiv class=\"bioregard-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bioregard-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, déposez une petite quantité de crème sur le bout du doigt.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-timeline-item\"\u003e\n \u003cdiv class=\"bioregard-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bioregard-timeline-content\"\u003e\n \u003ch3\u003eAppliquez par petits tapotements\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du coin interne vers l'extérieur de l'œil, sans étirer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-timeline-item\"\u003e\n \u003cdiv class=\"bioregard-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bioregard-timeline-content\"\u003e\n \u003ch3\u003eÉvitez la muqueuse oculaire\u003c\/h3\u003e\n \u003cp\u003eRestez sur la zone du contour externe pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-tip\"\u003e\n \u003cspan class=\"bioregard-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format \u003cstrong\u003eairless 50 ml\u003c\/strong\u003e préserve la fraîcheur et l'efficacité des actifs jusqu'à la dernière dose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bioregard-section\"\u003e\n \u003ch2\u003eQuels résultats espérer ?\u003c\/h2\u003e\n \u003cp class=\"bioregard-section-intro\"\u003eAvec une utilisation régulière, le regard retrouve fraîcheur et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"bioregard-grid-compact\"\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e✨ Ridules lissées\u003c\/h3\u003e\n \u003cp\u003eTraits visiblement adoucis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e👁️ Cernes atténués\u003c\/h3\u003e\n \u003cp\u003eRegard plus lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e💧 Poches réduites\u003c\/h3\u003e\n \u003cp\u003eContour décongestionné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🌸 Peau raffermie\u003c\/h3\u003e\n \u003cp\u003eConfort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bioregard-section-intro\" style=\"margin-top:1.5rem;\"\u003eUne routine simple mais efficace, pour ce qui est souvent considéré comme l'un des \u003cstrong\u003emeilleurs gestes beauté anti-âge\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bioregard-section\"\u003e\n \u003ch2\u003eUn engagement éthique et écologique\u003c\/h2\u003e\n \u003cdiv class=\"bioregard-grid-compact\"\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🏆 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié bio par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🌿 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eLabel de référence de la cosmétique bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🌱 Formule Vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bioregard-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans nos laboratoires français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bioregard-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"bioregard-accordion\"\u003e\n \u003cdetails class=\"bioregard-accordion-item\"\u003e\n \u003csummary class=\"bioregard-accordion-header\"\u003e⚠️ Conseils d'utilisation et précautions\u003c\/summary\u003e\n \u003cdiv class=\"bioregard-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de contact avec les yeux, rincez abondamment. Ce produit cosmétique ne remplace pas un avis ni un traitement médical. En cas de doute, de grossesse ou de pathologie oculaire, demandez conseil à un professionnel de santé. 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\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bioregard-cream: #faf8fc;\n --bioregard-white: #ffffff;\n --bioregard-primary: #9b7cb8;\n --bioregard-primary-dark: #6b4e8a;\n --bioregard-primary-light: #f3ecf8;\n --bioregard-secondary: #c9a961;\n --bioregard-accent: #b89cd0;\n --bioregard-text: #2a1f38;\n --bioregard-text-light: #6a5d75;\n --bioregard-border: #e8dff0;\n --bioregard-shadow: 0 4px 24px rgba(107,78,138,.08);\n --bioregard-shadow-lg: 0 12px 48px rgba(107,78,138,.18);\n --bioregard-radius: 20px;\n --bioregard-radius-sm: 12px;\n}\n\n.bioregard-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bioregard-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bioregard-text);\n line-height: 1.6;\n}\n\n.bioregard-hero {\n position: relative;\n background: linear-gradient(135deg, #9b7cb8 0%, #b89cd0 50%, #c9a961 100%);\n border-radius: var(--bioregard-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(--bioregard-shadow-lg);\n}\n\n.bioregard-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .4;\n}\n\n.bioregard-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bioregard-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bioregard-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.bioregard-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.bioregard-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bioregard-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(--bioregard-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bioregard-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bioregard-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bioregard-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bioregard-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.bioregard-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(--bioregard-primary), var(--bioregard-secondary));\n border-radius: 2px;\n}\n\n.bioregard-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bioregard-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.bioregard-card {\n background: var(--bioregard-white);\n border-radius: var(--bioregard-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bioregard-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bioregard-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bioregard-shadow-lg);\n border-color: var(--bioregard-primary);\n}\n\n.bioregard-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bioregard-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bioregard-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bioregard-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bioregard-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bioregard-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bioregard-grid-compact .bioregard-card {\n padding: 1rem;\n}\n\n.bioregard-grid-compact .bioregard-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bioregard-grid-compact .bioregard-card p {\n font-size: 12px;\n}\n\n.bioregard-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.bioregard-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bioregard-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bioregard-primary), var(--bioregard-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(155,124,184,.3);\n}\n\n.bioregard-timeline-content {\n flex: 1;\n background: var(--bioregard-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bioregard-radius-sm);\n box-shadow: var(--bioregard-shadow);\n}\n\n.bioregard-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bioregard-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bioregard-timeline-content p {\n font-size: 14px;\n color: var(--bioregard-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bioregard-accordion {\n background: var(--bioregard-white);\n border-radius: var(--bioregard-radius);\n box-shadow: var(--bioregard-shadow);\n overflow: hidden;\n}\n\n.bioregard-accordion-item {\n border-bottom: 1px solid var(--bioregard-border);\n margin: 0;\n padding: 0;\n}\n\n.bioregard-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bioregard-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bioregard-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.bioregard-accordion-header:hover {\n background: var(--bioregard-primary-light);\n}\n\n.bioregard-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bioregard-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bioregard-primary);\n transition: transform .2s ease;\n}\n\n.bioregard-accordion-item[open] .bioregard-accordion-header::after {\n content: '−';\n}\n\n.bioregard-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bioregard-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bioregard-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.bioregard-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bioregard-primary-light);\n border-radius: var(--bioregard-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bioregard-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bioregard-tip p {\n font-size: 14px;\n color: var(--bioregard-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bioregard-premium strong {\n color: var(--bioregard-primary-dark);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bioregard-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .bioregard-card {\n padding: 1.125rem;\n }\n .bioregard-section {\n margin-bottom: 1.75rem;\n }\n .bioregard-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bioregard-radius-sm);\n }\n .bioregard-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .bioregard-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .bioregard-grid-compact {\n gap: .625rem;\n }\n .bioregard-grid-compact .bioregard-card {\n padding: .75rem;\n }\n .bioregard-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .bioregard-timeline-content {\n padding: .875rem 1rem;\n }\n .bioregard-timeline-content h3 {\n font-size: 14px;\n }\n .bioregard-timeline-content p {\n font-size: 13px;\n }\n .bioregard-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .bioregard-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bioregard-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bioregard-card:nth-child(1) { animation-delay: .05s; }\n .bioregard-card:nth-child(2) { animation-delay: .1s; }\n .bioregard-card:nth-child(3) { animation-delay: .15s; }\n .bioregard-card:nth-child(4) { animation-delay: .2s; }\n .bioregard-card:nth-child(5) { animation-delay: .25s; }\n .bioregard-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 .bioregard-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Science et Équilibre","offers":[{"title":"Default Title","offer_id":57138139234681,"sku":"SQ0085","price":48.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bio-regard-creme-contour-des-yeux-50-ml-science-et-equilibre-packshothd.webp?v=1777024363"},{"product_id":"argent-colloidal-hygiene-paupiere-certifie-bio-30-ml-dr-theiss","title":"Argent colloïdal - Hygiène paupière certifié bio - 30 ml - Dr Theiss","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e💧 20 PPM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eHygiène quotidienne des paupières sensibles\u003c\/span\u003e\n\u003cp class=\"ac-description\"\u003eUne formule unique alliant argent colloïdal purifiant, seigle bio apaisant et eau de Rose de Damas tonifiante — spécialement pensée pour le contour de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eArgent colloïdal bio pour l'hygiène des paupières : la douceur naturelle au service de votre regard\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVos paupières sont fragiles et méritent une attention particulière. Le soin \u003cstrong\u003eArgent colloïdal 20 PPM bio Dr Theiss\u003c\/strong\u003e a été spécialement formulé pour l'hygiène quotidienne du contour de l'œil. Sa formule unique associe trois actifs doux et naturels : l'argent colloïdal purifiant, l'extrait de \u003cstrong\u003eseigle bio\u003c\/strong\u003e apaisant et l'\u003cstrong\u003eeau de Rose de Damas bio\u003c\/strong\u003e tonifiante. Certifié Cosmos Organic par Ecocert et fabriqué en France, ce soin de 30 ml vous accompagne au quotidien pour préserver la propreté et le confort de vos paupières.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir un argent colloïdal pour les yeux ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'\u003cstrong\u003eargent colloïdal\u003c\/strong\u003e est reconnu depuis des générations pour ses propriétés purifiantes. Cette formule Dr Theiss à 20 PPM est enrichie en actifs végétaux bio pour un usage spécifiquement dédié à l'hygiène des paupières.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n\u003cp\u003eAssainit en douceur les zones délicates du contour de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌸 Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'épiderme fragile des paupières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n\u003cp\u003eUne sensation apaisante dès l'application matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💚 Toutes peaux\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les types de peau, même les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eUne composition 100 % d'origine naturelle\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Aqua, Secale Cereale Seed Extract*, Rosa Damascena Flower Extract*, Colloidal Silver. \u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌱 100 %\u003c\/h3\u003e\n\u003cp\u003ed'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌾 25 %\u003c\/h3\u003e\n\u003cp\u003eissus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🚫 0 %\u003c\/h3\u003e\n\u003cp\u003econservateur \u0026amp; 0 % adjuvant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🏅 Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertifié Cosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003ePour utiliser au mieux l'\u003cstrong\u003eargent colloïdal pour les yeux\u003c\/strong\u003e, suivez ces étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eAgiter le flacon\u003c\/h3\u003e\n\u003cp\u003eBien secouer avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eImprégner un coton\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes sur un coton doux ou une compresse stérile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eAppliquer en douceur\u003c\/h3\u003e\n\u003cp\u003ePassez délicatement sur les paupières fermées, du coin interne vers l'extérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eRenouveler matin \u0026amp; soir\u003c\/h3\u003e\n\u003cp\u003eIntégrez ce geste à votre routine quotidienne d'hygiène oculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-accordion\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cdetails class=\"ac-accordion-item\"\u003e\n\u003csummary class=\"ac-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas utiliser en même temps que le port de lentilles de contact. Déconseillé aux personnes allergiques au seigle ou aux céréales, ainsi qu'aux femmes enceintes et allaitantes. Usage réservé aux adultes et aux adolescents. Ce soin cosmétique ne remplace pas un avis ou un traitement médical : en cas de gêne oculaire persistante, 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\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePeut-on utiliser cet argent colloïdal pour les animaux ?\u003c\/h2\u003e\n\u003cdiv class=\"ac-testimonial\"\u003e\n\u003cp class=\"ac-testimonial-text\"\u003eDe nombreuses personnes s'interrogent sur l'usage de l'\u003cstrong\u003eargent colloïdal pour chat\u003c\/strong\u003e ou l'\u003cstrong\u003eargent colloïdal pour chien\u003c\/strong\u003e. Ce soin Dr Theiss a été spécifiquement conçu pour l'hygiène des paupières humaines. Pour tout usage vétérinaire, y compris pour votre chat ou votre chien, il est indispensable de demander conseil à votre vétérinaire, qui saura vous orienter vers un produit adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ac-cream: #f6faf3;\n --ac-white: #ffffff;\n --ac-primary: #8bc34a;\n --ac-primary-dark: #4d7c2a;\n --ac-primary-light: #eaf5dd;\n --ac-secondary: #6a4a2b;\n --ac-accent: #d4a373;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e0e0e0;\n --ac-shadow: 0 4px 24px rgba(77,124,42,.08);\n --ac-shadow-lg: 0 12px 48px rgba(77,124,42,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #8bc34a 0%, #6ba832 50%, #4d7c2a 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px), radial-gradient(circle at 80% 70%, white 1px, transparent 2px);\n background-size: 60px 60px, 40px 40px;\n opacity: .08;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.ac-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-accent));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 20px;\n margin-bottom: .35rem;\n color: var(--ac-primary);\n font-weight: 900;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 13px;\n}\n\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,195,74,.3);\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .ac-card {\n padding: 1.125rem;\n }\n .ac-section {\n margin-bottom: 1.75rem;\n }\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .ac-grid-compact {\n gap: .625rem;\n }\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n .ac-grid-compact .ac-card h3 {\n font-size: 17px;\n }\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n .ac-timeline-content p {\n font-size: 13px;\n }\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .ac-testimonial {\n padding: 1.25rem;\n }\n .ac-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n}\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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Dr Theiss","offers":[{"title":"Default Title","offer_id":64569555976569,"sku":"NA1520B","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-hygiene-paupiere-certifie-bio-30-ml-dr-thei-packshothd.webp?v=1789926128"},{"product_id":"fluide-lissant-yeux-levres-lia-bio-douces-angevines","title":"Lia Fluide Lissant Yeux \u0026 Lèvres Bio – 10 ml – Douces Angevines","description":"\u003cdiv class=\"lia-premium\"\u003e\n\u003cdiv class=\"lia-hero\"\u003e\n\u003cdiv class=\"lia-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lia-hero-content\"\u003e\n\u003cdiv class=\"lia-badges-top\"\u003e\n\u003cspan class=\"lia-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"lia-badge\"\u003e💯 100% Naturel\u003c\/span\u003e \u003cspan class=\"lia-badge\"\u003e🌱 Vegan\u003c\/span\u003e \u003cspan class=\"lia-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lia-hero-title\"\u003eL'herbalisterie au service de votre regard\u003c\/span\u003e\n\u003cp class=\"lia-subtitle\"\u003eFluide lissant divin · Contour yeux et lèvres\u003c\/p\u003e\n\u003cp class=\"lia-description\"\u003eUne synergie précieuse de plantes, fleurs et huiles végétales bio pour nourrir, lisser et défatiguer les zones les plus délicates de votre visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"lia-section\"\u003e\n\u003ch2\u003eUn soin contour yeux et lèvres pensé pour les peaux les plus délicates\u003c\/h2\u003e\n\u003cp class=\"lia-section-intro\"\u003eLe contour des yeux et des lèvres est la zone la plus fine du visage : presque dépourvue de glandes sébacées, elle se déshydrate vite, se froisse au moindre stress et trahit en premier la fatigue. Le fluide \u003cstrong\u003eLia de Douces Angevines\u003c\/strong\u003e adopte une approche d'herbalisterie globale : une synergie de plantes et d'huiles biologiques qui agit sur la souplesse, l'éclat et la microcirculation.\u003c\/p\u003e\n\u003cdiv class=\"lia-grid-compact\"\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e🌿 Formule\u003c\/h3\u003e\n\u003cp\u003e100 % naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e👁️ Tolérance\u003c\/h3\u003e\n\u003cp\u003eYeux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e💧 Texture\u003c\/h3\u003e\n\u003cp\u003eUltra-fine, non collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eArtisanale France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lia-section\"\u003e\n\u003ch2\u003eLes actifs clés du fluide lissant divin Lia\u003c\/h2\u003e\n\u003cp class=\"lia-section-intro\"\u003eChaque plante a été choisie pour son action ciblée sur la peau fragile du contour yeux et lèvres.\u003c\/p\u003e\n\u003cdiv class=\"lia-grid\"\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e🖤 Huile de Nigelle bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras, elle lisse les ridules et renforce la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e✨ Huile d'Argan bio\u003c\/h3\u003e\n\u003cp\u003eNourrit intensément et préserve l'élasticité de la peau fine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e🌼 Hélichryse de France bio\u003c\/h3\u003e\n\u003cp\u003eActif de référence pour défatiguer le regard et atténuer les cernes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e🍵 Thé vert du Japon bio\u003c\/h3\u003e\n\u003cp\u003eAntioxydant puissant, il protège la peau et préserve l'éclat naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-card\"\u003e\n\u003ch3\u003e🌸 Verveine, jasmin, frangipanier, rose de Damas\u003c\/h3\u003e\n\u003cp\u003eFleurs précieuses aux vertus régénérantes et à la fragrance florale subtile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lia-section\"\u003e\n\u003ch2\u003eComment utiliser le fluide contour yeux et lèvres Lia\u003c\/h2\u003e\n\u003cdiv class=\"lia-timeline\"\u003e\n\u003cdiv class=\"lia-timeline-item\"\u003e\n\u003cdiv class=\"lia-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lia-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eMatin et\/ou soir, après nettoyage, déposez 1 goutte sur le bout de l'annulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-timeline-item\"\u003e\n\u003cdiv class=\"lia-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lia-timeline-content\"\u003e\n\u003ch3\u003eAppliquez par tapotements\u003c\/h3\u003e\n\u003cp\u003eTapotez délicatement du coin interne vers l'externe, puis sur le contour des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-timeline-item\"\u003e\n\u003cdiv class=\"lia-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lia-timeline-content\"\u003e\n\u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n\u003cp\u003eUne seule goutte suffit pour les deux yeux et le contour des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lia-section\"\u003e\n\u003ch2\u003eComposition complète du fluide Lia\u003c\/h2\u003e\n\u003cdiv class=\"lia-compo\"\u003e\n\u003cdiv class=\"lia-compo-row\"\u003e\n\u003cspan class=\"lia-compo-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"lia-compo-value\"\u003e10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-compo-row\"\u003e\n\u003cspan class=\"lia-compo-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"lia-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-compo-row\"\u003e\n\u003cspan class=\"lia-compo-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"lia-compo-value\"\u003e100 % naturelle · Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lia-compo-row lia-compo-inci\"\u003e\n\u003cspan class=\"lia-compo-label\"\u003eINCI\u003c\/span\u003e \u003cspan class=\"lia-compo-value\"\u003eNigella Sativa Seed Oil*, Argania Spinosa Kernel Oil*, Helichrysum Italicum Flower Oil*, Camellia Sinensis Leaf Extract*, Lippia Citriodora Leaf Oil*, Jasminum Officinale Flower Extract*, Plumeria Alba Flower Extract, Rosa Damascena Flower Oil*, Tocopherol\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"lia-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"lia-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"lia-accordion\"\u003e\n\u003cdetails class=\"lia-accordion-item\"\u003e\n\u003csummary class=\"lia-accordion-header\"\u003e🌱 Convient-il aux peaux très sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"lia-accordion-content\"\u003e\n\u003cp\u003eOui, sa formule sans conservateurs synthétiques respecte les peaux réactives et les yeux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lia-accordion-item\"\u003e\n\u003csummary class=\"lia-accordion-header\"\u003e👁️ Peut-on l'appliquer sur la paupière mobile ?\u003c\/summary\u003e\n\u003cdiv class=\"lia-accordion-content\"\u003e\n\u003cp\u003eOui, sa texture sèche ultra-fine est adaptée aux paupières et au dessous de l'œil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lia-accordion-item\"\u003e\n\u003csummary class=\"lia-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n\u003cdiv class=\"lia-accordion-content\"\u003e\n\u003cp\u003eCe cosmétique n'est pas un médicament et ne remplace pas un avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lia-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"lia-cta-box\"\u003e\n\u003cp\u003e🌸 Un geste ancré dans la puissance des plantes.\u003cbr\u003eUne goutte, quelques secondes, et votre regard retrouve souplesse, éclat et sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lia-cream: #faf7fb;\n --lia-white: #ffffff;\n --lia-primary: #6b4c9a;\n --lia-primary-dark: #3d2c6b;\n --lia-primary-light: #efe8f5;\n --lia-secondary: #c94b8e;\n --lia-accent: #e8a5c4;\n --lia-text: #2a1f3d;\n --lia-text-light: #6b6478;\n --lia-border: #e8e0ee;\n --lia-shadow: 0 4px 24px rgba(107,76,154,.10);\n --lia-shadow-lg: 0 12px 48px rgba(107,76,154,.18);\n --lia-radius: 20px;\n --lia-radius-sm: 12px;\n}\n\n.lia-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lia-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lia-text);\n}\n\n.lia-hero {\n position: relative;\n background: linear-gradient(135deg, #6b4c9a 0%, #a05aa8 40%, #c94b8e 75%, #e8a5c4 100%);\n border-radius: var(--lia-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(--lia-shadow-lg);\n}\n\n.lia-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 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.lia-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lia-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.lia-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.lia-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 600px;\n opacity: .92;\n}\n\n.lia-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lia-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(--lia-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lia-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lia-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lia-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--lia-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.lia-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(--lia-primary), var(--lia-secondary));\n border-radius: 2px;\n}\n\n.lia-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lia-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.lia-section-intro strong {\n color: var(--lia-primary-dark);\n}\n\n.lia-card {\n background: var(--lia-white);\n border-radius: var(--lia-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lia-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lia-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lia-shadow-lg);\n border-color: var(--lia-primary);\n}\n\n.lia-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lia-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lia-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lia-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lia-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lia-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lia-grid-compact .lia-card {\n padding: 1rem;\n}\n\n.lia-grid-compact .lia-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lia-grid-compact .lia-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--lia-primary);\n}\n\n.lia-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lia-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lia-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lia-primary), var(--lia-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,76,154,.3);\n}\n\n.lia-timeline-content {\n flex: 1;\n background: var(--lia-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lia-radius-sm);\n box-shadow: var(--lia-shadow);\n}\n\n.lia-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lia-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lia-timeline-content p {\n font-size: 14px;\n color: var(--lia-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lia-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lia-primary-light);\n border-radius: var(--lia-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--lia-secondary);\n}\n\n.lia-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lia-tip p {\n font-size: 14px;\n color: var(--lia-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lia-tip strong {\n color: var(--lia-primary-dark);\n}\n\n.lia-compo {\n background: var(--lia-white);\n border-radius: var(--lia-radius);\n padding: 1.5rem;\n box-shadow: var(--lia-shadow);\n}\n\n.lia-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1rem;\n padding: .875rem 0;\n border-bottom: 1px solid var(--lia-border);\n}\n\n.lia-compo-row:last-child {\n border-bottom: none;\n}\n\n.lia-compo-label {\n font-weight: 700;\n color: var(--lia-primary-dark);\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.lia-compo-value {\n color: var(--lia-text-light);\n font-size: 14px;\n text-align: right;\n line-height: 1.6;\n}\n\n.lia-compo-inci {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.lia-compo-inci .lia-compo-value {\n text-align: left;\n font-size: 12.5px;\n font-style: italic;\n}\n\n.lia-accordion {\n background: var(--lia-white);\n border-radius: var(--lia-radius);\n box-shadow: var(--lia-shadow);\n overflow: hidden;\n}\n\n.lia-accordion-item {\n border-bottom: 1px solid var(--lia-border);\n}\n\n.lia-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lia-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lia-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.lia-accordion-header:hover {\n background: var(--lia-primary-light);\n}\n\n.lia-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lia-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--lia-secondary);\n transition: transform .2s ease;\n}\n\n.lia-accordion-item[open] .lia-accordion-header::after {\n content: '−';\n}\n\n.lia-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lia-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.lia-accordion-content p {\n margin: 0;\n}\n\n.lia-cta-box {\n background: linear-gradient(135deg, var(--lia-primary) 0%, var(--lia-secondary) 100%);\n border-radius: var(--lia-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--lia-shadow-lg);\n}\n\n.lia-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,.15) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.lia-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}\n\n.lia-disclaimer {\n font-size: 12px;\n color: var(--lia-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lia-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lia-card {\n padding: 1.125rem;\n }\n .lia-section {\n margin-bottom: 1.75rem;\n }\n .lia-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lia-radius-sm);\n }\n .lia-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lia-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .lia-grid-compact {\n gap: .625rem;\n }\n .lia-grid-compact .lia-card {\n padding: .75rem;\n }\n .lia-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lia-timeline-content {\n padding: .875rem 1rem;\n }\n .lia-timeline-content h3 {\n font-size: 14px;\n }\n .lia-timeline-content p {\n font-size: 13px;\n }\n .lia-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .lia-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .lia-compo {\n padding: 1.125rem;\n }\n .lia-compo-row {\n flex-direction: column;\n gap: .25rem;\n }\n .lia-compo-value {\n text-align: left;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lia-card {\n animation: liaFadeUp .5s ease backwards;\n }\n .lia-card:nth-child(1) { animation-delay: .05s; }\n .lia-card:nth-child(2) { animation-delay: .1s; }\n .lia-card:nth-child(3) { animation-delay: .15s; }\n .lia-card:nth-child(4) { animation-delay: .2s; }\n .lia-card:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes liaFadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lia-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DOUCES ANGEVINES","offers":[{"title":"Default Title","offer_id":64737899643257,"sku":"DA0045","price":44.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fluide-lissant-yeux-levres-lia-certifie-bio-douces-angevines-packshothd.webp?v=1790754064"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/yeux.webp?v=1790071788","url":"https:\/\/www.naturellement-bio.com\/collections\/yeux.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}