{"title":"Sélection Saint-Valentin","description":"","products":[{"product_id":"men-booster-gel-derection-60-ml-labophyto","title":"Men Booster Gel d'Érection - 60 ml - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Men Booster Gel d'Érection - 60 ml - Labophyto\nPalette détectée:\n - Primaire: #C25A4A (rouge terracotta\/brique du packaging)\n - Secondaire: #8B3D32 (version foncée du rouge)\n - Accent: #E8D5C4 (beige crème du fond)\nAmbiance: Masculine, sobre, premium, orienté performance\/santé intime, formule naturelle\nPréfixe CSS: mb\n--\u003e\n\n\u003cdiv class=\"mb-premium\"\u003e\n \n \u003cdiv class=\"mb-hero\"\u003e\n \u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mb-hero-content\"\u003e\n \u003cdiv class=\"mb-badges-top\"\u003e\n \u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e⚡ Action en 5-10 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mb-hero-title\"\u003eMen Booster Gel d'Érection\u003c\/span\u003e\n \u003cp class=\"mb-subtitle\"\u003eLa solution naturelle pour des performances optimales\u003c\/p\u003e\n \u003cp class=\"mb-description\"\u003eGel intime stimulant enrichi en extraits de plantes et huiles essentielles pour une érection forte et durable. Développé par Labophyto, expert en santé sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e✨ Les 4 bénéfices clés\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💪 Érection puissante\u003c\/h3\u003e\n \u003cp\u003eStimule et tonifie les parties intimes pour favoriser une érection forte et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eAméliore le flux sanguin vers les corps caverneux pour une meilleure vascularisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n \u003cp\u003eRésultats en seulement 5 à 10 minutes avant le rapport pour plus de spontanéité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e😌 Bien-être masculin\u003c\/h3\u003e\n \u003cp\u003eRetrouvez confiance et sérénité pour des moments intimes épanouis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e🧪 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba\u003c\/h3\u003e\n \u003cp\u003eFavorise la circulation sanguine pour une meilleure vascularisation des tissus érectiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan\u003c\/h3\u003e\n \u003cp\u003eHydrate et assouplit la peau pour une meilleure pénétration des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e❄️ Menthol\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation de fraîcheur stimulante et active les récepteurs sensoriels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌱 Extrait de Tribulus\u003c\/h3\u003e\n \u003cp\u003eRenforce l'effet tonifiant et stimulant pour des performances accrues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mb-steps\"\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité de gel directement sur les parties intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement jusqu'à absorption complète du produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003ePatienter\u003c\/h3\u003e\n \u003cp\u003eAttendez 5 à 10 minutes avant le rapport sexuel pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch3\u003eProfiter\u003c\/h3\u003e\n \u003cp\u003eSavourez des moments intimes intenses et une confiance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🎯 Hommes en quête de performance\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez optimiser vos capacités et vivre des moments plus intenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🔄 Retrouver sa confiance\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin d'un coup de pouce pour vous sentir pleinement en forme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💚 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions à base de plantes, sans produits chimiques agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid-compact\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e60 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⏱️ Délai d'action\u003c\/h3\u003e\n \u003cp\u003e5-10 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormule clean\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mb-accordion\"\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e🧴 Texture et application\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eGel non gras et non collant pour une application discrète et confortable. S'absorbe rapidement sans laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eCe produit peut être utilisé en complément d'autres traitements ou dispositifs de performance sexuelle. Usage externe uniquement. Éviter le contact avec les yeux. En cas d'irritation, cesser l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mb-cta-box\"\u003e\n \u003cp\u003e🔥 Rejoignez les milliers d'hommes qui ont déjà transformé leur vie intime avec Men Booster. Une formule française d'excellence pour retrouver confiance et performance au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mb-cream: #FAF7F4;\n --mb-white: #ffffff;\n --mb-primary: #C25A4A;\n --mb-primary-dark: #8B3D32;\n --mb-primary-light: #F5E6E3;\n --mb-secondary: #D4756A;\n --mb-accent: #E8D5C4;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #e0e0e0;\n --mb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 50%, #6B2A22 100%);\n border-radius: var(--mb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mb-primary), var(--mb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mb-grid-compact .mb-card {\n padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n font-size: 12px;\n}\n\n\/* === ÉTAPES === *\/\n.mb-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-step {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mb-step:hover {\n transform: translateY(-5px);\n border-color: var(--mb-primary);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-step-number {\n width: 45px;\n height: 45px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-primary-dark));\n border-radius: 50%;\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 15px rgba(194,90,74,.35);\n}\n\n.mb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mb-step-content p {\n font-size: 13px;\n color: var(--mb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n box-shadow: var(--mb-shadow);\n overflow: hidden;\n}\n\n.mb-accordion-item {\n border-bottom: 1px solid var(--mb-border);\n margin: 0;\n padding: 0;\n}\n\n.mb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mb-accordion-header:hover {\n background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mb-primary);\n transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n content: '−';\n}\n\n.mb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);\n border-radius: var(--mb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mb-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mb-card {\n padding: 1.125rem;\n }\n \n .mb-step {\n padding: 1.125rem;\n }\n \n .mb-section {\n margin-bottom: 1.75rem;\n }\n \n .mb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mb-radius-sm);\n }\n \n .mb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mb-grid-compact {\n gap: .625rem;\n }\n \n .mb-grid-compact .mb-card {\n padding: .75rem;\n }\n \n .mb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card,\n .mb-step {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-card:nth-child(1), .mb-step:nth-child(1) { animation-delay: .05s; }\n .mb-card:nth-child(2), .mb-step:nth-child(2) { animation-delay: .1s; }\n .mb-card:nth-child(3), .mb-step:nth-child(3) { animation-delay: .15s; }\n .mb-card:nth-child(4), .mb-step:nth-child(4) { animation-delay: .2s; }\n .mb-card:nth-child(5) { animation-delay: .25s; }\n .mb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023491229,"sku":"REF1045","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/men-booster-gel-derection-60-ml-labophyto-lifestyle.webp?v=1772642582"},{"product_id":"maxi-control-gel-retardant-60-ml-labophyto","title":"Maxi Control Labophyto - Gel Retardant 60 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e⏱️ Action en 5-10 min\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🧴 Flacon airless 60 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaxi Control Labophyto\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eGel retardant 60 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe gel retardant naturel pour homme qui prolonge vos moments intimes avec confiance et sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaxi Control Labophyto : le gel retardant naturel pour retrouver confiance et contrôle\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'éjaculation précoce touche de nombreux hommes. Si vous cherchez une solution \u003cstrong\u003esimple, discrète et naturelle\u003c\/strong\u003e, le \u003cstrong\u003eMaxi Control Gel Retardant de Labophyto\u003c\/strong\u003e est fait pour vous.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🎯 Action locale\u003c\/h3\u003e\n \u003cp\u003eRéduit l'hypersensibilité du gland de manière ciblée et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⏳ Rapports prolongés\u003c\/h3\u003e\n \u003cp\u003eGagnez en durée et en maîtrise pour des moments plus intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e😌 Plaisir préservé\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité sans supprimer les sensations agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤫 Discret et pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon airless compact, application rapide et sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment fonctionne ce gel retardant éjaculation ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eAppliqué sur le pénis quelques minutes avant le rapport, le \u003cstrong\u003egel retardant Maxi Control\u003c\/strong\u003e diminue légèrement la sensibilité cutanée grâce à ses actifs naturels. Vous conservez les sensations agréables tout en gagnant un \u003cstrong\u003emeilleur contrôle sur le moment de l'éjaculation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧬 Désensibilisation douce\u003c\/h3\u003e\n \u003cp\u003eLes actifs végétaux atténuent l'hypersensibilité nerveuse de manière progressive et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Texture gel optimale\u003c\/h3\u003e\n \u003cp\u003eApplication précise et confort optimal, sans effet collant ni résidu gênant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Sensations conservées\u003c\/h3\u003e\n \u003cp\u003eVous gardez le plaisir intact tout en maîtrisant le rythme de vos rapports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels aux propriétés ciblées\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLabophyto a sélectionné des extraits végétaux reconnus pour leur action apaisante et désensibilisante.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌼 Millepertuis\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions musculaires locales pour un meilleur confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌾 Avoine\u003c\/h3\u003e\n \u003cp\u003eAtténue la sensibilité nerveuse au niveau de la zone d'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eProcure une fraîcheur légèrement anesthésiante, agréable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍃 Houblon\u003c\/h3\u003e\n \u003cp\u003ePropriétés calmantes et relaxantes qui favorisent la détente locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Glycérine et eau\u003c\/h3\u003e\n \u003cp\u003eTexture fluide et bonne hydratation de la peau pour un confort d'utilisation optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚖️ pH respecté\u003c\/h3\u003e\n \u003cp\u003eFormule qui respecte le pH naturel de la peau, sans substances agressives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur le bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur le gland et le frein du pénis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eMassez jusqu'à pénétration complète du produit dans la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePatientez 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003eLaissez agir avant le rapport pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe gel est \u003cstrong\u003ecompatible avec les préservatifs\u003c\/strong\u003e et ne présente pas de contre-indication pour le sexe oral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Maxi Control ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Formule végétale\u003c\/h3\u003e\n \u003cp\u003eÀ base de plantes, sans anesthésiant chimique lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Flacon airless 60 ml\u003c\/h3\u003e\n \u003cp\u003eHygiénique, pratique et suffisant pour de nombreuses utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Labophyto, expert en santé sexuelle masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n \u003cp\u003eTexture légère qui s'absorbe vite, sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e sur l'avant-bras avant la première utilisation. En cas de rougeur, n'utilisez pas le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon au frais, à l'abri de la lumière et hors de portée des enfants. \u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe gel est un soin de confort intime et ne remplace pas un avis médical. Consultez un professionnel si les troubles persistent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 - FAQ --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eFoire aux questions sur le gel retardant Maxi Control Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e💡 Le gel réduit-il le plaisir ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Le \u003cstrong\u003eMaxi Control\u003c\/strong\u003e atténue l'hypersensibilité sans supprimer les sensations. Vous ressentez le plaisir avec davantage de maîtrise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🕒 Combien de temps dure l'effet ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'effet se manifeste \u003cstrong\u003e5 à 10 minutes après l'application\u003c\/strong\u003e et se maintient pendant le rapport. Les résultats varient selon les individus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🔄 Compatible avec un préservatif ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le gel est \u003cstrong\u003ecompatible avec les préservatifs en latex\u003c\/strong\u003e et utilisable avant un rapport oral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e📦 Combien d'applications avec 60 ml ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eAvec une noisette par utilisation, le flacon offre \u003cstrong\u003eplusieurs dizaines d'applications\u003c\/strong\u003e, un choix économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Y a-t-il des effets secondaires ?\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eFormulé à base d'ingrédients naturels, le gel est généralement bien toléré. En cas de peau réactive, un léger picotement peut survenir. Effectuez un test cutané au préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🚀 Reprenez le contrôle de vos moments intimes avec le \u003cstrong\u003eMaxi Control Gel Retardant\u003c\/strong\u003e — formule naturelle, résultat concret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un soin de confort intime. Il ne remplace pas un avis médical. Consultez un professionnel de santé si les troubles persistent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f4f7f5;\n --mc-white: #ffffff;\n --mc-primary: #2e8b57;\n --mc-primary-dark: #1a5e38;\n --mc-primary-light: #e8f5ee;\n --mc-secondary: #4db882;\n --mc-accent: #34c77b;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #dce8e1;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5e38 0%, #2e8b57 45%, #4db882 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-badges-top {\n gap: 6px;\n }\n\n .mc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023687837,"sku":"REF1046","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maxi_control_gel_60ml_labophyto.webp?v=1772627197"},{"product_id":"hot-shot-sex-booster-aphrodisiaque-3-x-20-ml-labophyto","title":"Labophyto Hot Shot Sex Booster - X Power : Aphrodisiaque 3x20 ml","description":"\u003cdiv class=\"hs-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hs-hero\"\u003e\n \u003cdiv class=\"hs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hs-hero-content\"\u003e\n \u003cdiv class=\"hs-badges-top\"\u003e\n \u003cspan class=\"hs-badge\"\u003e🔥 Aphrodisiaque naturel\u003c\/span\u003e\n \u003cspan class=\"hs-badge\"\u003e⚡ 3 × 20 ml\u003c\/span\u003e\n \u003cspan class=\"hs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hs-hero-title\"\u003eHot Shot Sex Booster\u003c\/span\u003e\n \u003cp class=\"hs-subtitle\"\u003eX Power par Labophyto\u003c\/p\u003e\n \u003cp class=\"hs-description\"\u003eLe shot aphrodisiaque prêt à boire qui associe maca, ginseng, guarana, caféine, taurine et vitamine C pour réveiller votre désir et votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eHot Shot Sex Booster X Power : l'aphrodisiaque naturel en shot prêt à boire\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eVous cherchez un \u003cstrong\u003eaphrodisiaque naturel\u003c\/strong\u003e efficace pour raviver la flamme ? Le \u003cstrong\u003eHot Shot Sex Booster\u003c\/strong\u003e de Labophyto est un complément alimentaire en format shot conçu pour \u003cstrong\u003ebooster la libido\u003c\/strong\u003e aussi bien chez l'homme que chez la femme. Sa formule concentrée associe des plantes reconnues — maca, ginseng, guarana — à des actifs énergisants pour vous aider à retrouver désir et vitalité avant vos moments intimes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eUne formule complète pour stimuler le désir\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eCe qui distingue le Hot Shot Sex Booster, c'est la synergie de ses ingrédients. Là où beaucoup de produits misent sur un seul actif, ce shot combine \u003cstrong\u003esix composants complémentaires\u003c\/strong\u003e pour agir sur plusieurs leviers à la fois : énergie, circulation, endurance et désir.\u003c\/p\u003e\n \u003cdiv class=\"hs-grid\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne parmi les aphrodisiaques naturels les plus étudiés. Soutient le désir sexuel et l'endurance, aussi bien chez l'homme que chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e☕ Guarana\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en caféine, il procure un regain d'énergie rapide et aide à réduire la sensation de fatigue, souvent responsable d'une baisse de libido.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌱 Ginseng\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène réputée pour ses propriétés tonifiantes, le ginseng contribue à améliorer la vitalité globale et la résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e⚡ Caféine\u003c\/h3\u003e\n \u003cp\u003eEn complément du guarana, elle renforce l'effet stimulant et favorise la vigilance pour des moments intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e💪 Taurine\u003c\/h3\u003e\n \u003cp\u003eCet acide aminé soutient les fonctions métaboliques et participe à la production d'énergie cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eAntioxydant essentiel, elle contribue à réduire la fatigue et soutient le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eComment prendre le Hot Shot Sex Booster ?\u003c\/h2\u003e\n \u003cdiv class=\"hs-timeline\"\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant ouverture, secouez le shot pour garantir une bonne répartition de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eBuvez un shot de 20 ml\u003c\/h3\u003e\n \u003cp\u003eConsommez directement environ 30 minutes avant le moment souhaité. Pas besoin d'eau ni de cuillère doseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eProfitez de l'instant\u003c\/h3\u003e\n \u003cp\u003eNe dépassez pas une unidose par jour. Format discret qui se glisse facilement dans un sac ou une valise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-tip\"\u003e\n \u003cspan class=\"hs-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format en shot individuel est particulièrement pratique : discret, il se glisse facilement dans un sac ou une valise. Vous le buvez directement et c'est tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eSi vous vous demandez \u003cstrong\u003ecomment booster sa libido\u003c\/strong\u003e de manière naturelle, ce shot s'adresse à vous, que vous soyez un homme ou une femme.\u003c\/p\u003e\n \u003cdiv class=\"hs-grid\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e😩 Fatigue \u0026amp; stress\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes ressentant une baisse de désir liée au stress ou à la fatigue quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent booster la libido sans recourir à des solutions médicamenteuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e💑 Vie de couple\u003c\/h3\u003e\n \u003cp\u003ePour les couples qui veulent simplement pimenter leurs soirées avec un coup de pouce naturel et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"hs-testimonial\"\u003e\n \u003cp class=\"hs-testimonial-text\"\u003eLe Hot Shot Sex Booster est fabriqué en France par Labophyto, un laboratoire spécialisé dans les compléments alimentaires dédiés au bien-être intime. La formulation respecte les réglementations européennes en vigueur et chaque ingrédient est sélectionné pour sa qualité et sa traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire français spécialisé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n \u003cp\u003eRéglementations européennes respectées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🔬 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eIngrédients sélectionnés avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e📦 3 × 20 ml\u003c\/h3\u003e\n \u003cp\u003e60 ml au total, 3 shots individuels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"hs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hs-accordion\"\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, de traitement médical en cours ou de pathologie particulière, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 3 shots de 20 ml chacun (60 ml au total).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hs-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hs-cream: #f5f3f0;\n --hs-white: #ffffff;\n --hs-primary: #c4a265;\n --hs-primary-dark: #1a1a1a;\n --hs-primary-light: #f7f1e6;\n --hs-secondary: #d4b87a;\n --hs-accent: #e63946;\n --hs-text: #1a1a1a;\n --hs-text-light: #5a5a5a;\n --hs-border: #e0e0e0;\n --hs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hs-radius: 20px;\n --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n position: relative;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 40%, #2a2218 70%, #3a2f1e 100%);\n border-radius: var(--hs-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(196,162,101,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(230,57,70,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.hs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hs-hero-title {\n display: block;\n color: var(--hs-primary);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.4);\n text-transform: uppercase;\n}\n\n.hs-subtitle {\n color: rgba(255,255,255,.7);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.5rem 0;\n}\n\n.hs-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(196,162,101,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(196,162,101,.3);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hs-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.2);\n transition: all .3s ease;\n}\n\n.hs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n background: rgba(196,162,101,.25);\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hs-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hs-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hs-primary), var(--hs-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.hs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.hs-card {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hs-shadow-lg);\n border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hs-grid-compact .hs-card {\n padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hs-primary-dark), #3a2f1e);\n color: var(--hs-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n border: 2px solid var(--hs-primary);\n}\n\n.hs-timeline-content {\n flex: 1;\n background: var(--hs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hs-radius-sm);\n box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n font-size: 14px;\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hs-primary-light);\n border-radius: var(--hs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hs-tip p {\n font-size: 14px;\n color: var(--hs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hs-testimonial {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hs-shadow);\n border-left: 4px solid var(--hs-primary);\n}\n\n.hs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hs-accordion {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n overflow: hidden;\n}\n\n.hs-accordion-item {\n border-bottom: 1px solid var(--hs-border);\n margin: 0;\n padding: 0;\n}\n\n.hs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hs-accordion-header:hover {\n background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hs-primary);\n transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n content: '−';\n}\n\n.hs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hs-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hs-disclaimer {\n font-size: 12px;\n color: var(--hs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hs-card {\n padding: 1.125rem;\n }\n\n .hs-section {\n margin-bottom: 1.75rem;\n }\n\n .hs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hs-radius-sm);\n }\n\n .hs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hs-grid-compact {\n gap: .625rem;\n }\n\n .hs-grid-compact .hs-card {\n padding: .75rem;\n }\n\n .hs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hs-timeline-content h3 {\n font-size: 14px;\n }\n\n .hs-timeline-content p {\n font-size: 13px;\n }\n\n .hs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hs-testimonial {\n padding: 1.25rem;\n }\n\n .hs-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hs-card {\n animation: hsFadeInUp .5s ease backwards;\n }\n .hs-card:nth-child(1) { animation-delay: .05s; }\n .hs-card:nth-child(2) { animation-delay: .1s; }\n .hs-card:nth-child(3) { animation-delay: .15s; }\n .hs-card:nth-child(4) { animation-delay: .2s; }\n .hs-card:nth-child(5) { animation-delay: .25s; }\n .hs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023917213,"sku":"REF1047","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/x-power-hot-shot-sex-booster-aphrodisiaque-3-x-20-ml-labophyto-777008.jpg?v=1772627188"},{"product_id":"xl-power-aphrodisiaque-10-gelules-labophyto","title":"XL Power : Aphrodisiaque 4 en 1 - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: XL Power - Aphrodisiaque 4 en 1\nPalette détectée:\n - Primaire: #2B68A8 (bleu professionnel\/médical du packaging)\n - Secondaire: #5DB8E5 (bleu clair des gélules)\n - Accent: #1A4A7A (bleu foncé pour contraste)\nAmbiance: Technique\/médical, professionnel, masculin, orienté performance\nStyle: Premium scientifique avec légitimité française (drapeau)\nPréfixe CSS: xlp\n--\u003e\n\u003cdiv class=\"xlp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"xlp-hero\"\u003e\n\u003cdiv class=\"xlp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-hero-content\"\u003e\n\u003cdiv class=\"xlp-badges-top\"\u003e\n\u003cspan class=\"xlp-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e💊 10 gélules\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e⚡ Action rapide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"xlp-hero-title\"\u003eXL Power\u003c\/span\u003e\n\u003cp class=\"xlp-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eL'aphrodisiaque 4 en 1 nouvelle génération\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"xlp-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe complément alimentaire masculin qui combine efficacité scientifique et ingrédients naturels pour booster votre libido, vos performances et votre vitalité. Résultats rapides garantis.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LES 4 ACTIONS CLÉS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🎯 Les 4 actions synergiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3\u003eÉrection favorisée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eGrâce au Tribulus\u003c\/p\u003e\n\u003cp\u003eAméliore la libido et la fonction érectile en stimulant la production naturelle de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eTestostérone augmentée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eAction hormonale naturelle\u003c\/p\u003e\n\u003cp\u003eLe Tribulus aide à augmenter le niveau de testostérone endogène pour une virilité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eQualité du sperme améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eFertilité optimisée\u003c\/p\u003e\n\u003cp\u003eLe zinc et les actifs naturels contribuent à une meilleure qualité spermatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e❤️\u003c\/div\u003e\n\u003ch3\u003eCirculation sanguine améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003ePiper nigrum + Melilotus\u003c\/p\u003e\n\u003cp\u003eFavorise la circulation sanguine à travers les petits vaisseaux pour une meilleure performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION PREMIUM --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🧬 Formule scientifique exclusive\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-composition\"\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eDosage optimal\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePlante légendaire qui booste la production de testostérone et améliore la libido masculine naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eMaca\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eExtrait concentré\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eRacine péruvienne reconnue pour stimuler le désir sexuel et améliorer l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eGinseng\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHaute concentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eTonifiant naturel qui augmente l'énergie physique et mentale pour des performances optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3\u003eL-Arginine\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAcide aminé essentiel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePrécurseur de l'oxyde nitrique, améliore la circulation sanguine vers les organes génitaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eZinc\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e100% des apports\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eMinéral indispensable pour une fonction reproductive normale et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌶️\u003c\/div\u003e\n\u003ch3\u003eCaféine + Arginine + Cuivre\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eSynergie énergisante\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eCombinaison pour une stimulation complète et une vitalité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n\u003cdiv class=\"xlp-usage-timeline\"\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eTiming parfait\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule 30 minutes avant\u003c\/strong\u003e le rapport sexuel avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMaximum 1 gélule par jour.\u003c\/strong\u003e Ne pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eEfficacité maximale\u003c\/h3\u003e\n\u003cp\u003eAssociez à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et un mode de vie sain pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-benefits\"\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eDésir décuplé\u003c\/h3\u003e\n\u003cp\u003eStimulation naturelle de la libido grâce à des ingrédients aphrodisiaques reconnus depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003ePerformance prolongée\u003c\/h3\u003e\n\u003cp\u003eAméliorez votre endurance et la durée de vos rapports pour une satisfaction mutuelle maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003ePropriétés énergisantes qui boostent votre forme générale et votre confiance en vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormule à base d'extraits de plantes, sans additifs chimiques nocifs pour votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eAction rapide\u003c\/h3\u003e\n\u003cp\u003eRésultats perceptibles dès 30 minutes après la prise pour une spontanéité préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eQualité française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon les normes CE les plus strictes, gage de sécurité et d'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e👤 XL Power est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eVous cherchez à booster votre libido\u003c\/h3\u003e\n\u003cp\u003eRedécouvrez un désir sexuel puissant grâce à une formule naturelle qui stimule votre appétit sensuel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e💼\u003c\/div\u003e\n\u003ch3\u003eLe stress impacte vos performances\u003c\/h3\u003e\n\u003cp\u003eRetrouvez confiance et sérénité lors de vos rapports intimes malgré un quotidien chargé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eVous souhaitez améliorer votre endurance\u003c\/h3\u003e\n\u003cp\u003eProlongez vos ébats et satisfaisez pleinement votre partenaire avec une meilleure résistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n\u003cp\u003eOptez pour une solution à base de plantes, sans produits chimiques agressifs pour votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-warning-box\"\u003e\n\u003cdiv class=\"xlp-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"xlp-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'usage importantes\u003c\/h3\u003e\n\u003cul class=\"xlp-warning-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéservé aux adultes.\u003c\/strong\u003e Ne pas donner aux enfants.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 1 gélule.\u003c\/li\u003e\n\u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants.\u003c\/li\u003e\n\u003cli\u003eEn cas de doute ou de traitement médical, consulter un professionnel de santé.\u003c\/li\u003e\n\u003cli\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LABOPHYTO EXPERTISE --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-brand-box\"\u003e\n\u003ch2\u003e🏆 L'expertise Labophyto\u003c\/h2\u003e\n\u003cdiv class=\"xlp-brand-content\"\u003e\n\u003cp class=\"xlp-brand-intro\"\u003eLabophyto est un \u003cstrong\u003eleader français\u003c\/strong\u003e dans le domaine des compléments alimentaires naturels dédiés au bien-être intime et à la vitalité masculine.\u003c\/p\u003e\n\u003cdiv class=\"xlp-expertise-grid\"\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eRecherche scientifique\u003c\/h4\u003e\n\u003cp\u003eFormules développées en collaboration avec des experts pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eIngrédients premium\u003c\/h4\u003e\n\u003cp\u003eSélection rigoureuse de plantes et actifs naturels pour leur qualité et leur pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e✅\u003c\/div\u003e\n\u003ch4\u003eNormes CE strictes\u003c\/h4\u003e\n\u003cp\u003eFabrication française respectant les standards de qualité et de sécurité les plus élevés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eEngagement qualité\u003c\/h4\u003e\n\u003cp\u003eDes produits sûrs, testés et efficaces pour votre bien-être et votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-info\"\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10 gélules\u003c\/strong\u003e\u003cbr\u003eFormat économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eOrigine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eNormes CE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eExtraits de plantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eAction\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 minutes\u003c\/strong\u003e\u003cbr\u003eAvant le rapport\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eUsage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 gélule\/jour max\u003c\/strong\u003e\u003cbr\u003eSelon besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🏅\u003c\/div\u003e\n\u003ch3\u003eMarque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eExpert depuis 2008\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"xlp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"xlp-cta-box\"\u003e\n\u003cdiv class=\"xlp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-cta-content\"\u003e\n\u003cp class=\"xlp-cta-title\"\u003eRetrouvez confiance et performance\u003c\/p\u003e\n\u003cp\u003eXL Power combine l'efficacité scientifique des actifs naturels pour vous offrir des résultats rapides et durables. Fabriqué en France avec des ingrédients premium, ce complément alimentaire 4 en 1 est votre allié pour une vie intime épanouie.\u003c\/p\u003e\n\u003cp class=\"xlp-cta-highlight\"\u003e🇫🇷 Qualité française • ⚡ Action rapide • 🌿 100% naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --xlp-cream: #f8f9fb;\n --xlp-white: #ffffff;\n --xlp-primary: #2B68A8;\n --xlp-primary-dark: #1A4A7A;\n --xlp-primary-light: #E8F1F9;\n --xlp-secondary: #5DB8E5;\n --xlp-accent: #3D8BC7;\n\n \/* Textes *\/\n --xlp-text: #1a1a1a;\n --xlp-text-light: #5a5a5a;\n\n \/* Effets *\/\n --xlp-border: #e0e6ed;\n --xlp-shadow: 0 4px 24px rgba(43, 104, 168, 0.08);\n --xlp-shadow-lg: 0 12px 48px rgba(43, 104, 168, 0.15);\n --xlp-radius: 20px;\n --xlp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.xlp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xlp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--xlp-text);\n}\n\n\/* === HERO SECTION === *\/\n.xlp-hero {\n position: relative;\n background: linear-gradient(135deg, #2B68A8 0%, #3D8BC7 50%, #5DB8E5 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--xlp-shadow-lg);\n}\n\n.xlp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.xlp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xlp-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.xlp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--xlp-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.xlp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.xlp-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.xlp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.xlp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--xlp-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.xlp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--xlp-primary), var(--xlp-secondary));\n border-radius: 2px;\n}\n\n.xlp-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--xlp-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.xlp-premium h4 {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 700;\n color: var(--xlp-primary);\n margin: 0 0 0.5rem 0;\n}\n\n.xlp-premium p {\n margin: 0 0 1rem 0;\n color: var(--xlp-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n\/* === GRILLES === *\/\n.xlp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.xlp-grid-composition {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.xlp-grid-benefits {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.xlp-grid-info {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.xlp-card {\n background: var(--xlp-white);\n border-radius: var(--xlp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--xlp-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.xlp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--xlp-shadow-lg);\n border-color: var(--xlp-primary);\n}\n\n\/* Cards Actions *\/\n.xlp-action-card {\n text-align: center;\n}\n\n.xlp-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.xlp-highlight {\n color: var(--xlp-primary);\n font-weight: 700;\n font-size: clamp(13px, 1.8vw, 15px);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n\/* Cards Ingrédients *\/\n.xlp-ingredient-card {\n position: relative;\n background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-ingredient-icon {\n font-size: clamp(36px, 5vw, 44px);\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.xlp-dosage {\n background: var(--xlp-primary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n display: inline-block;\n margin-bottom: 0.75rem;\n}\n\n\/* Cards Bénéfices *\/\n.xlp-benefit-card {\n text-align: center;\n background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-benefit-icon {\n font-size: clamp(44px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* Cards Cibles *\/\n.xlp-target-card {\n border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-target-icon {\n font-size: clamp(36px, 5vw, 44px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* Cards Info *\/\n.xlp-info-card {\n text-align: center;\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.xlp-info-icon {\n font-size: clamp(32px, 5vw, 40px);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.xlp-info-card h3 {\n font-size: clamp(14px, 2vw, 16px);\n margin-bottom: 0.5rem;\n}\n\n.xlp-info-card p {\n font-size: clamp(13px, 1.8vw, 15px);\n margin: 0;\n}\n\n\/* === TIMELINE MODE D'EMPLOI === *\/\n.xlp-usage-timeline {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.xlp-step {\n display: flex;\n gap: 2rem;\n margin-bottom: 2.5rem;\n align-items: flex-start;\n}\n\n.xlp-step:last-child {\n margin-bottom: 0;\n}\n\n.xlp-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--xlp-primary), var(--xlp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(43, 104, 168, 0.3);\n}\n\n.xlp-step-content {\n flex: 1;\n background: var(--xlp-white);\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n border-radius: var(--xlp-radius-sm);\n box-shadow: var(--xlp-shadow);\n border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.xlp-step-content p {\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.xlp-warning-box {\n background: #FFF9E6;\n border: 3px solid #FFB020;\n border-radius: var(--xlp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.xlp-warning-icon {\n font-size: clamp(44px, 6vw, 56px);\n flex-shrink: 0;\n}\n\n.xlp-warning-content h3 {\n color: #D97706;\n margin-bottom: 1rem;\n}\n\n.xlp-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.xlp-warning-list li {\n color: var(--xlp-text);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.xlp-warning-list li::before {\n content: '⚡';\n position: absolute;\n left: 0;\n color: #FFB020;\n}\n\n\/* === BRAND BOX === *\/\n.xlp-brand-box {\n background: linear-gradient(135deg, var(--xlp-primary-light) 0%, var(--xlp-white) 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n border: 2px solid var(--xlp-border);\n}\n\n.xlp-brand-box h2 {\n margin-bottom: 1.5rem;\n}\n\n.xlp-brand-intro {\n font-size: clamp(16px, 2vw, 19px);\n color: var(--xlp-text);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2.5rem;\n line-height: 1.7;\n}\n\n.xlp-expertise-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.xlp-expertise-item {\n text-align: center;\n}\n\n.xlp-expertise-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.xlp-expertise-item h4 {\n color: var(--xlp-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.xlp-expertise-item p {\n margin: 0;\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === CTA FINAL === *\/\n.xlp-cta-box {\n background: linear-gradient(135deg, var(--xlp-primary) 0%, var(--xlp-primary-dark) 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--xlp-shadow-lg);\n}\n\n.xlp-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: radial-gradient(circle at 25% 25%, white 2%, transparent 2%),\n radial-gradient(circle at 75% 75%, white 2%, transparent 2%);\n background-size: 60px 60px;\n}\n\n.xlp-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.xlp-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.02em;\n}\n\n.xlp-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.xlp-cta-highlight {\n color: white;\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 700;\n margin: 0;\n padding: 1rem 2rem;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n display: inline-block;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .xlp-grid,\n .xlp-grid-composition,\n .xlp-grid-benefits,\n .xlp-expertise-grid {\n grid-template-columns: 1fr;\n }\n\n .xlp-grid-info {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .xlp-step {\n gap: 1rem;\n }\n\n .xlp-step-number {\n width: 44px;\n height: 44px;\n font-size: 20px;\n }\n\n .xlp-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n\n .xlp-badges-top {\n gap: 8px;\n }\n\n .xlp-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n}\n\n@media (max-width: 480px) {\n .xlp-grid-info {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .xlp-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .xlp-card:nth-child(1) { animation-delay: 0.1s; }\n .xlp-card:nth-child(2) { animation-delay: 0.2s; }\n .xlp-card:nth-child(3) { animation-delay: 0.3s; }\n .xlp-card:nth-child(4) { animation-delay: 0.4s; }\n .xlp-card:nth-child(5) { animation-delay: 0.5s; }\n .xlp-card:nth-child(6) { animation-delay: 0.6s; }\n\n .xlp-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n\n .xlp-step:nth-child(1) { animation-delay: 0.1s; }\n .xlp-step:nth-child(2) { animation-delay: 0.3s; }\n .xlp-step:nth-child(3) { animation-delay: 0.5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .xlp-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .xlp-card {\n border: 3px solid var(--xlp-primary);\n }\n\n .xlp-hero {\n border: 3px solid var(--xlp-primary-dark);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .xlp-premium {\n background: white;\n }\n\n .xlp-card {\n box-shadow: none;\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n\n .xlp-hero {\n background: white;\n border: 2px solid #000;\n }\n\n .xlp-hero-title,\n .xlp-subtitle,\n .xlp-description {\n color: #000;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024179357,"sku":"REF1048","price":32.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/labophyto-xl-power-10-gelules_1_-min.jpg?v=1772627172"},{"product_id":"top-desire-60-gelules-labophyto","title":"Top Desire - Stimulant Libido Femme 100% Naturel - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Desire - Stimulant Libido Femme\nPalette détectée:\n - Primaire: #E91E8C (rose vif vibrant du packaging, féminin et énergique)\n - Secondaire: #C41673 (rose fuchsia foncé pour contraste)\n - Accent: #FF5BAE (rose clair pour backgrounds et highlights)\n - Neutre: #2D2D2D (gris anthracite du logo)\nAmbiance: Féminin moderne, sensuel, énergique, premium lifestyle\nStyle: Intimité féminine, wellness, empowerment, romance moderne\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n \u003cdiv class=\"td-hero\"\u003e\n \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-hero-content\"\u003e\n \u003cdiv class=\"td-badges-top\"\u003e\n \u003cspan class=\"td-badge\"\u003e💖 100% naturel\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e✨ 60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"td-hero-title\"\u003eTop Desire\u003c\/span\u003e\n \u003cp class=\"td-subtitle\"\u003eLe stimulant libido féminin nouvelle génération\u003c\/p\u003e\n \u003cp class=\"td-description\"\u003eRavivez votre désir et votre épanouissement intime grâce à une formule 100% naturelle enrichie en plantes adaptogènes et vitamines essentielles. Conçu par Labophyto, expert français en bien-être sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePourquoi choisir Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eFormule 100% naturelle\u003c\/div\u003e\n \u003cp\u003eUne synergie d'ingrédients puissants et naturels soigneusement sélectionnés pour stimuler votre libido sans effets secondaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eStimule le désir sexuel\u003c\/div\u003e\n \u003cp\u003eAgit sur les mécanismes naturels du désir féminin pour raviver votre envie et votre sensualité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eBooste l'énergie\u003c\/div\u003e\n \u003cp\u003eCombat la fatigue et le stress qui affectent votre libido grâce aux plantes adaptogènes comme la maca et le ginseng.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp\u003eSoutient votre équilibre hormonal naturel avec du zinc et de la vitamine B6 pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💕\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eAméliore le plaisir\u003c\/div\u003e\n \u003cp\u003eFavorise la circulation sanguine et la réceptivité sexuelle pour des moments intimes plus intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eQualité premium\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par Labophyto selon les normes européennes les plus strictes pour votre sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eComposition active et dosages\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eTribulus Terrestris\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp\u003eStimule puissamment le désir sexuel et favorise l'équilibre hormonal naturel chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eL-Arginine\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e250 mg\u003c\/div\u003e\n \u003cp\u003eAméliore la circulation sanguine vers les zones intimes, augmentant la sensibilité et la réceptivité sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🥔\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eMaca\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp\u003ePlante adaptogène péruvienne reconnue pour réduire le stress, booster l'énergie et raviver le désir sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cp\u003eAccroît l'énergie physique et mentale, améliore les performances et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cp\u003eAide à la régulation hormonale et contribue à réduire la fatigue pour un équilibre optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cp\u003eSoutient la fertilité, maintient un taux de testostérone sain et renforce le système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-steps\"\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003ePosologie quotidienne\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eDe préférence le matin ou avant un repas pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eDurée de cure\u003c\/div\u003e\n \u003cp\u003eMinimum 1 mois pour des résultats durables et significatifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eRégularité\u003c\/div\u003e\n \u003cp\u003eRespectez la prise quotidienne pour maximiser les effets bénéfiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePour qui est Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFatigue et stress\u003c\/div\u003e\n \u003cp\u003eVous êtes épuisée par le rythme quotidien et votre libido en souffre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFluctuations hormonales\u003c\/div\u003e\n \u003cp\u003eVos hormones jouent au yo-yo et affectent votre désir sexuel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💔\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eBaisse de libido\u003c\/div\u003e\n \u003cp\u003eVous ressentez une diminution de votre envie et de votre sensualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eVie de couple\u003c\/div\u003e\n \u003cp\u003eVous souhaitez raviver la flamme et renforcer vos relations intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eSolution naturelle\u003c\/div\u003e\n \u003cp\u003eVous cherchez une approche saine sans recourir aux médicaments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eÉpanouissement\u003c\/div\u003e\n \u003cp\u003eVous voulez retrouver votre confiance et votre bien-être intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLes bénéfices attendus\u003c\/h2\u003e\n \u003cdiv class=\"td-benefits\"\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🌱 Phase d'adaptation\u003c\/div\u003e\n \u003cp\u003eVotre corps s'habitue aux actifs naturels. Vous commencez à ressentir plus d'énergie et moins de fatigue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e💫 Premiers effets\u003c\/div\u003e\n \u003cp\u003eLe désir sexuel commence à se réveiller. Vous ressentez une amélioration de votre humeur et de votre réceptivité sensuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🔥 Résultats optimaux\u003c\/div\u003e\n \u003cp\u003eVotre libido est pleinement stimulée. Vous retrouvez votre sensualité, votre confiance et profitez pleinement de votre intimité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLabophyto : expertise française\u003c\/h2\u003e\n \u003cdiv class=\"td-brand-box\"\u003e\n \u003cdiv class=\"td-brand-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est une marque française spécialisée dans les compléments alimentaires naturels pour le bien-être intime et sexuel. Depuis sa création, la marque s'engage à proposer des solutions efficaces, sûres et respectueuses de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"td-brand-values\"\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cspan\u003eProduit en France selon les normes européennes les plus strictes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eContrôles rigoureux\u003c\/strong\u003e\n \u003cspan\u003eChaque lot est testé pour garantir pureté et efficacité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eIngrédients premium\u003c\/strong\u003e\n \u003cspan\u003eSources responsables et respectueuses de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eQualité garantie\u003c\/strong\u003e\n \u003cspan\u003eFormules développées avec des experts en phytothérapie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cp\u003e1 mois de cure complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003ePoids net\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e32,8 g\u003c\/div\u003e\n \u003cp\u003eFormat compact et pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cp\u003ePlantes et vitamines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLabophyto, expert en pleasure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eRéférence\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eREF1049\u003c\/div\u003e\n \u003cp\u003eProduit certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e♀️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eDestiné à\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFemmes adultes\u003c\/div\u003e\n \u003cp\u003eSpécialement formulé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-warning-box\"\u003e\n \u003cdiv class=\"td-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"td-warning-content\"\u003e\n \u003cul class=\"td-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour\u003c\/li\u003e\n \u003cli\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes sous traitement médical sans avis médical\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eConserver dans un endroit sec, frais et à l'abri de la lumière\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, consultez un professionnel de santé avant utilisation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"td-cta-box\"\u003e\n \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-cta-content\"\u003e\n \u003cspan class=\"td-cta-title\"\u003eRedécouvrez votre désir\u003c\/span\u003e\n \u003cp\u003eOptez pour Top Desire et retrouvez une libido épanouie, naturellement. Avec sa formule premium 100% naturelle et sa fabrication française, Top Desire est votre allié pour raviver la flamme et renforcer votre bien-être intime.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFaites le choix d'une sexualité épanouie et d'un bien-être durable !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --td-cream: #fafafa;\n --td-white: #ffffff;\n --td-primary: #E91E8C;\n --td-primary-dark: #C41673;\n --td-primary-light: #FFE5F3;\n --td-secondary: #FF5BAE;\n --td-accent: #2D2D2D;\n --td-text: #1a1a1a;\n --td-text-light: #5a5a5a;\n --td-border: #e0e0e0;\n --td-shadow: 0 4px 24px rgba(233, 30, 140, 0.08);\n --td-shadow-lg: 0 12px 48px rgba(233, 30, 140, 0.15);\n --td-radius: 20px;\n --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--td-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--td-text);\n}\n\n\/* === HERO === *\/\n.td-hero {\n position: relative;\n background: linear-gradient(135deg, #E91E8C 0%, #C41673 50%, #FF5BAE 100%);\n border-radius: var(--td-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.td-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.td-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.td-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--td-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.td-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n}\n\n.td-hero-title {\n display: block;\n color: white;\n font-size: clamp(38px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n}\n\n.td-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.td-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.td-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 5px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n border-radius: 3px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.td-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-card-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.td-card p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.td-ingredient-card {\n background: linear-gradient(135deg, var(--td-white) 0%, var(--td-primary-light) 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.td-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n}\n\n.td-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-ingredient-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-ingredient-name {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-ingredient-dose {\n display: inline-block;\n padding: 6px 16px;\n background: var(--td-primary);\n color: white;\n border-radius: 999px;\n font-size: clamp(13px, 1.6vw, 15px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.td-ingredient-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.td-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-step {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-left: 4px solid var(--td-primary);\n}\n\n.td-step:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-step-number {\n flex-shrink: 0;\n width: 56px!important;\n height: 56px!important;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: 50%;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(233, 30, 140, 0.3);\n}\n\n.td-step-content {\n flex: 1;\n}\n\n.td-step-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-step-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.td-profile-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-secondary);\n}\n\n.td-profile-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n}\n\n.td-profile-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-profile-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.td-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-benefit-card {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-top: 4px solid var(--td-primary);\n}\n\n.td-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-benefit-timeline {\n flex-shrink: 0;\n padding: 12px 20px;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: var(--td-radius-sm);\n font-size: clamp(13px, 1.7vw, 15px);\n font-weight: 800;\n text-align: center;\n white-space: nowrap;\n height: fit-content;\n}\n\n.td-benefit-content {\n flex: 1;\n}\n\n.td-benefit-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-benefit-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.td-brand-box {\n background: linear-gradient(135deg, var(--td-primary-light) 0%, var(--td-white) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--td-shadow);\n border: 2px solid var(--td-primary);\n}\n\n.td-brand-content \u003e p {\n color: var(--td-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.td-brand-values {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-brand-value {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n transition: all 0.3s ease;\n}\n\n.td-brand-value:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow);\n}\n\n.td-brand-value-icon {\n flex-shrink: 0;\n font-size: 32px;\n}\n\n.td-brand-value-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.td-brand-value-text strong {\n font-size: clamp(16px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--td-primary-dark);\n}\n\n.td-brand-value-text span {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n}\n\n\/* === INFO CARDS === *\/\n.td-info-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-info-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.td-info-title {\n font-size: clamp(14px, 1.9vw, 16px);\n font-weight: 700;\n color: var(--td-text-light);\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.td-info-value {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-info-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 14px);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.td-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid #FF9800;\n box-shadow: var(--td-shadow);\n}\n\n.td-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n}\n\n.td-warning-content {\n flex: 1;\n}\n\n.td-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n color: var(--td-text);\n}\n\n.td-warning-list li {\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n}\n\n.td-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.td-cta-box {\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 20% 50%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 60% 70%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 80% 30%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent);\n background-size: 200px 200px;\n}\n\n.td-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.td-cta-title {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n\n.td-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.3vw, 19px);\n line-height: 1.7;\n margin-bottom: 1rem;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.td-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 700;\n font-size: clamp(17px, 2.5vw, 20px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .td-grid {\n grid-template-columns: 1fr;\n }\n \n .td-benefit-card,\n .td-step,\n .td-warning-box {\n flex-direction: column;\n }\n \n .td-benefit-timeline,\n .td-step-number {\n width: 100%;\n text-align: center;\n }\n \n .td-brand-value {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .td-card,\n .td-ingredient-card,\n .td-profile-card,\n .td-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-card:nth-child(1),\n .td-ingredient-card:nth-child(1),\n .td-profile-card:nth-child(1),\n .td-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n \n .td-card:nth-child(2),\n .td-ingredient-card:nth-child(2),\n .td-profile-card:nth-child(2),\n .td-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n \n .td-card:nth-child(3),\n .td-ingredient-card:nth-child(3),\n .td-profile-card:nth-child(3),\n .td-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n \n .td-card:nth-child(4),\n .td-ingredient-card:nth-child(4),\n .td-profile-card:nth-child(4),\n .td-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n \n .td-card:nth-child(5),\n .td-ingredient-card:nth-child(5),\n .td-profile-card:nth-child(5),\n .td-info-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n \n .td-card:nth-child(6),\n .td-ingredient-card:nth-child(6),\n .td-profile-card:nth-child(6),\n .td-info-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n \n .td-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .td-step:nth-child(1) { animation-delay: 0.1s; }\n .td-step:nth-child(2) { animation-delay: 0.2s; }\n .td-step:nth-child(3) { animation-delay: 0.3s; }\n .td-step:nth-child(4) { animation-delay: 0.4s; }\n \n .td-benefit-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .td-benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .td-benefit-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .td-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .td-premium {\n --td-shadow: 0 0 0 2px var(--td-primary);\n --td-shadow-lg: 0 0 0 3px var(--td-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024474269,"sku":"REF1049","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-desir-60-gelules-lapbophyto_11zon.jpg?v=1772627165"},{"product_id":"testoman-taux-de-testosterone-60-gelules-labophyto","title":"TestoMan - Booster de testostérone - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: TestoMan - Booster de testostérone\nPalette détectée:\n - Primaire: #5C6F4E (vert olive foncé du packaging - masculin, naturel, puissant)\n - Secondaire: #8A9B7A (vert sauge clair des formes organiques)\n - Accent: #4A5A3E (vert foncé pour contraste)\n - Fond: #F8F6F2 (blanc cassé\/crème du packaging)\nAmbiance: Masculin moderne, naturel et scientifique. Design épuré avec formes organiques végétales. Tons verts évoquant la nature, la vitalité et la performance. Style premium mais accessible, santé masculine.\nPréfixe CSS: tm\n--\u003e\n\n\u003cdiv class=\"tm-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tm-hero\"\u003e\n \u003cdiv class=\"tm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tm-hero-content\"\u003e\n \u003cdiv class=\"tm-badges-top\"\u003e\n \u003cspan class=\"tm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"tm-badge\"\u003e♂️ Spécial homme\u003c\/span\u003e\n \u003cspan class=\"tm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tm-hero-title\"\u003eTestoMan\u003c\/span\u003e\n \u003cp class=\"tm-subtitle\"\u003eLe booster de testostérone naturel pour hommes actifs\u003c\/p\u003e\n \u003cp class=\"tm-description\"\u003eUne formule exclusive à base de tribulus, L-arginine, vitamines et minéraux pour soutenir votre vitalité masculine, votre performance physique et votre bien-être hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🎯 Les 4 piliers de votre vitalité masculine\u003c\/h2\u003e\n \u003cdiv class=\"tm-grid\"\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eTestostérone optimisée\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003e300 mg de tribulus terrestris par dose pour soutenir naturellement votre taux de testostérone et maintenir votre équilibre hormonal masculin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eÉnergie \u0026amp; performance\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003e80 mg de caféine et vitamine D3 pour booster votre vitalité physique, renforcer vos muscles et améliorer votre endurance au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eFertilité \u0026amp; reproduction\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003eZinc (10 mg) et sélénium (50 µg) : 100% des VNR pour une fertilité normale, une spermatogenèse optimale et la protection de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-card\"\u003e\n \u003cdiv class=\"tm-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"tm-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp class=\"tm-card-text\"\u003eMélisse (120 mg) et guggul (100 mg) pour harmoniser votre environnement hormonal et soutenir votre bien-être mental et physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🔬 Une formule scientifique complète\u003c\/h2\u003e\n \u003cp class=\"tm-intro-text\"\u003eChaque dose de 2 gélules concentre 10 ingrédients actifs rigoureusement sélectionnés pour leur efficacité prouvée sur la santé masculine.\u003c\/p\u003e\n \u003cdiv class=\"tm-composition-grid\"\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eTribulus terrestris\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eSoutien du taux de testostérone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e140 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eSaule blanc\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eBien-être général\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eMélisse\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eÉquilibre nerveux et hormonal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eGuggul\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme lipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e80 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eCaféine\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eÉnergie et vigilance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eFertilité normale (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e50 µg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eSélénium\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eSpermatogenèse (91% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e5 µg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eFonction musculaire (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e6 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B5\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme énergétique (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-card\"\u003e\n \u003cdiv class=\"tm-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cp class=\"tm-ingredient-benefit\"\u003eRégulation hormonale (100% VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-vnr-note\"\u003e\n \u003cp\u003e\u003cstrong\u003eVNR :\u003c\/strong\u003e Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e👤 TestoMan est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"tm-grid\"\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eSportifs \u0026amp; actifs\u003c\/div\u003e\n \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre performance musculaire et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n \u003cp\u003eVous ressentez une baisse de vitalité, d'énergie ou de libido liée à l'âge et souhaitez soutenir naturellement votre taux de testostérone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eHommes en quête d'équilibre\u003c\/div\u003e\n \u003cp\u003eVous voulez maintenir un bien-être hormonal masculin optimal et préserver votre fertilité naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-profile-card\"\u003e\n \u003cdiv class=\"tm-profile-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"tm-profile-title\"\u003eActifs sous pression\u003c\/div\u003e\n \u003cp\u003eVotre rythme de vie intense (stress, fatigue, manque de sommeil) impacte votre vitalité physique et mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser TestoMan ?\u003c\/h2\u003e\n \u003cdiv class=\"tm-usage-timeline\"\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003ePosologie simple\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas (matin ou midi).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003eCure de 30 jours\u003c\/div\u003e\n \u003cp\u003eUne boîte = 1 mois de cure complète. Renouvelable plusieurs fois dans l'année selon vos besoins et objectifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003eAssociez-le à une bonne hygiène de vie\u003c\/div\u003e\n \u003cp\u003ePour des résultats optimaux : alimentation équilibrée, activité physique régulière, sommeil réparateur (7-8h), gestion du stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-usage-step\"\u003e\n \u003cdiv class=\"tm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tm-step-content\"\u003e\n \u003cdiv class=\"tm-step-title\"\u003ePatience et régularité\u003c\/div\u003e\n \u003cp\u003eLes premiers effets se font sentir après 2-3 semaines. Pour des résultats durables, privilégiez la régularité sur 2-3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS ATTENDUS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e📈 Les résultats que vous pouvez attendre\u003c\/h2\u003e\n \u003cdiv class=\"tm-results-grid\"\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eRegain d'énergie\u003c\/div\u003e\n \u003cp\u003eSensation de vitalité accrue, meilleure résistance à la fatigue, vigilance améliorée grâce à la caféine et aux vitamines B.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003ePerformance physique\u003c\/div\u003e\n \u003cp\u003eAmélioration de la force musculaire, meilleure endurance à l'effort, récupération optimisée après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eVitalité masculine\u003c\/div\u003e\n \u003cp\u003eSoutien du taux de testostérone, regain de libido, amélioration du bien-être hormonal et de la confiance en soi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-result-card\"\u003e\n \u003cdiv class=\"tm-result-time\"\u003eSur le long terme\u003c\/div\u003e\n \u003cdiv class=\"tm-result-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"tm-result-title\"\u003eÉquilibre durable\u003c\/div\u003e\n \u003cp\u003eMaintien de la fertilité, protection antioxydante, équilibre hormonal stabilisé, bien-être général optimisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LABOPHYTO --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e🏛️ La garantie Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"tm-brand-box\"\u003e\n \u003cdiv class=\"tm-brand-content\"\u003e\n \u003cdiv class=\"tm-brand-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"tm-brand-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est un laboratoire français expert en phytothérapie masculine et santé sexuelle depuis plusieurs années. Spécialisé dans les compléments naturels pour hommes, Labophyto s'engage à sélectionner des ingrédients de qualité premium, rigoureusement contrôlés et tracés.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFabrication française\u003c\/strong\u003e : TestoMan est fabriqué en France dans des installations certifiées, garantissant sécurité, efficacité et respect des normes les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tm-info-grid\"\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003e30 jours de cure\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003ePosologie\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e2 gélules\/jour\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eAvec un verre d'eau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e🇫🇷 France\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eLaboratoire Labophyto\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eExtraits de plantes \u0026amp; minéraux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eGélules\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003eVégétales\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eHPMC (cellulose)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-info-card\"\u003e\n \u003cdiv class=\"tm-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"tm-info-value\"\u003eÀ l'abri\u003c\/div\u003e\n \u003cdiv class=\"tm-info-detail\"\u003eLumière, chaleur, humidité\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"tm-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tm-warning-box\"\u003e\n \u003cdiv class=\"tm-warning-grid\"\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé aux hommes adultes.\u003c\/strong\u003e Ne convient pas aux femmes, enfants et adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e💊\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée\u003c\/strong\u003e de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e🥗\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eNe remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e⚕️\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé sans avis médical\u003c\/strong\u003e si vous êtes sous traitement (antihypertenseur, antidiabétique, anticoagulant).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e☕\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eContient de la caféine (80 mg\/dose).\u003c\/strong\u003e Déconseillé le soir. À limiter si sensibilité à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tm-warning-item\"\u003e\n \u003cdiv class=\"tm-warning-icon\"\u003e👶\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Conserver dans un endroit sec et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tm-cta-box\"\u003e\n \u003cdiv class=\"tm-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tm-cta-content\"\u003e\n \u003cp class=\"tm-cta-text\"\u003eTestoMan de Labophyto est votre allié naturel pour soutenir votre taux de testostérone, booster votre vitalité masculine et retrouver une énergie physique et mentale optimale. Une formule complète, scientifique et 100% naturelle pour les hommes actifs qui prennent soin de leur santé.\u003c\/p\u003e\n \u003cdiv class=\"tm-cta-badge\"\u003e\n \u003cspan\u003e🌿 Formule naturelle • 💪 Résultats prouvés • 🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ===========================\n VARIABLES CSS\n =========================== *\/\n:root {\n \/* Couleurs principales *\/\n --tm-cream: #F8F6F2;\n --tm-white: #ffffff;\n --tm-primary: #5C6F4E;\n --tm-primary-dark: #4A5A3E;\n --tm-primary-light: #E8EBE6;\n --tm-secondary: #8A9B7A;\n --tm-accent: #6D7F5E;\n\n \/* Textes *\/\n --tm-text: #1a1a1a;\n --tm-text-light: #5a5a5a;\n\n \/* Effets *\/\n --tm-border: #e0e0e0;\n --tm-shadow: 0 4px 24px rgba(92,111,78,.08);\n --tm-shadow-lg: 0 12px 48px rgba(92,111,78,.15);\n --tm-radius: 20px;\n --tm-radius-sm: 12px;\n}\n\n\/* ===========================\n CONTENEUR PRINCIPAL\n =========================== *\/\n.tm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tm-text);\n line-height: 1.7;\n}\n\n\/* ===========================\n HERO SECTION\n =========================== *\/\n.tm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-accent) 50%, var(--tm-secondary) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 30%),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.2) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.tm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.tm-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.02em;\n}\n\n.tm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* ===========================\n SECTIONS\n =========================== *\/\n.tm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tm-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tm-primary), var(--tm-secondary));\n border-radius: 2px;\n}\n\n.tm-intro-text {\n text-align: center;\n font-size: clamp(15px, 2vw, 18px);\n color: var(--tm-text-light);\n max-width: 800px;\n margin: 0 auto 2.5rem;\n line-height: 1.8;\n}\n\n\/* ===========================\n GRILLES \u0026 CARDS\n =========================== *\/\n.tm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tm-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n border-color: var(--tm-primary);\n}\n\n.tm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tm-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-card-text {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n COMPOSITION\n =========================== *\/\n.tm-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.tm-ingredient-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--tm-shadow);\n border-left: 4px solid var(--tm-primary);\n transition: all .3s ease;\n}\n\n.tm-ingredient-card:hover {\n transform: translateX(4px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-ingredient-dose {\n font-size: 24px;\n font-weight: 900;\n color: var(--tm-primary);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.tm-ingredient-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--tm-text);\n margin-bottom: .25rem;\n}\n\n.tm-ingredient-benefit {\n font-size: 13px;\n color: var(--tm-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.tm-vnr-note {\n background: var(--tm-primary-light);\n border-radius: var(--tm-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n}\n\n.tm-vnr-note p {\n margin: 0;\n font-size: 14px;\n color: var(--tm-primary-dark);\n}\n\n\/* ===========================\n PROFILS\n =========================== *\/\n.tm-profile-card {\n background: linear-gradient(135deg, var(--tm-white) 0%, var(--tm-primary-light) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.tm-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n border-color: var(--tm-primary);\n}\n\n.tm-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tm-profile-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-profile-card p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n MODE D'EMPLOI (TIMELINE)\n =========================== *\/\n.tm-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.tm-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n transition: all .3s ease;\n}\n\n.tm-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tm-primary), var(--tm-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(92,111,78,.25);\n}\n\n.tm-step-content {\n flex: 1;\n}\n\n.tm-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.tm-step-content p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n RÉSULTATS\n =========================== *\/\n.tm-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.tm-result-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tm-shadow);\n border-top: 4px solid var(--tm-primary);\n transition: all .3s ease;\n}\n\n.tm-result-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-result-time {\n display: inline-block;\n background: var(--tm-primary-light);\n color: var(--tm-primary-dark);\n font-size: 12px;\n font-weight: 800;\n padding: 6px 12px;\n border-radius: 999px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.tm-result-icon {\n font-size: 42px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.tm-result-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--tm-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.tm-result-card p {\n font-size: 14px;\n color: var(--tm-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n INFO BOX\n =========================== *\/\n.tm-info-box {\n background: linear-gradient(135deg, var(--tm-primary-light) 0%, var(--tm-white) 100%);\n border-radius: var(--tm-radius);\n padding: 1.5rem 2rem;\n border-left: 4px solid var(--tm-primary);\n}\n\n.tm-info-box p {\n margin: 0;\n font-size: 15px;\n color: var(--tm-text);\n line-height: 1.7;\n}\n\n\/* ===========================\n BRAND BOX\n =========================== *\/\n.tm-brand-box {\n background: var(--tm-white);\n border-radius: var(--tm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--tm-shadow-lg);\n border: 2px solid var(--tm-primary-light);\n}\n\n.tm-brand-content {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.tm-brand-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.tm-brand-text p {\n font-size: 15px;\n color: var(--tm-text-light);\n line-height: 1.8;\n margin-bottom: 1rem;\n}\n\n.tm-brand-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* ===========================\n INFOS PRATIQUES\n =========================== *\/\n.tm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.tm-info-card {\n background: var(--tm-white);\n border-radius: var(--tm-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--tm-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.tm-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-info-label {\n font-size: 12px;\n font-weight: 700;\n color: var(--tm-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n margin-bottom: .5rem;\n}\n\n.tm-info-value {\n font-size: 24px;\n font-weight: 900;\n color: var(--tm-primary);\n margin-bottom: .25rem;\n letter-spacing: -.02em;\n}\n\n.tm-info-detail {\n font-size: 13px;\n color: var(--tm-text-light);\n font-style: italic;\n}\n\n\/* ===========================\n WARNING BOX\n =========================== *\/\n.tm-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5CC 100%);\n border-radius: var(--tm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid #FFD966;\n box-shadow: var(--tm-shadow);\n}\n\n.tm-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.tm-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tm-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tm-warning-item p {\n font-size: 14px;\n color: var(--tm-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* ===========================\n CTA FINAL\n =========================== *\/\n.tm-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-primary-dark) 100%);\n border-radius: var(--tm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 70% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.tm-cta-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tm-cta-text {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tm-cta-badge {\n display: inline-block;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n padding: 12px 24px;\n border-radius: 999px;\n box-shadow: 0 4px 24px rgba(0,0,0,.15);\n}\n\n.tm-cta-badge span {\n color: var(--tm-primary-dark);\n font-size: 14px;\n font-weight: 800;\n letter-spacing: .02em;\n}\n\n\/* ===========================\n RESPONSIVE\n =========================== *\/\n@media (max-width: 767px) {\n .tm-grid,\n .tm-composition-grid,\n .tm-results-grid,\n .tm-info-grid,\n .tm-warning-grid {\n grid-template-columns: 1fr;\n }\n \n .tm-brand-content {\n flex-direction: column;\n text-align: center;\n }\n \n .tm-brand-icon {\n margin: 0 auto;\n }\n \n .tm-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .tm-step-number {\n margin: 0 auto 1rem;\n }\n}\n\n\/* ===========================\n ANIMATIONS\n =========================== *\/\n@media (prefers-reduced-motion: no-preference) {\n .tm-card,\n .tm-profile-card,\n .tm-result-card,\n .tm-ingredient-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .tm-card:nth-child(1),\n .tm-profile-card:nth-child(1),\n .tm-result-card:nth-child(1) { animation-delay: .1s; }\n .tm-card:nth-child(2),\n .tm-profile-card:nth-child(2),\n .tm-result-card:nth-child(2) { animation-delay: .2s; }\n .tm-card:nth-child(3),\n .tm-profile-card:nth-child(3),\n .tm-result-card:nth-child(3) { animation-delay: .3s; }\n .tm-card:nth-child(4),\n .tm-profile-card:nth-child(4),\n .tm-result-card:nth-child(4) { animation-delay: .4s; }\n .tm-card:nth-child(5) { animation-delay: .5s; }\n .tm-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ===========================\n ACCESSIBILITÉ\n =========================== *\/\n@media (prefers-reduced-motion: reduce) {\n .tm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tm-card,\n .tm-profile-card,\n .tm-result-card,\n .tm-info-card {\n border: 2px solid var(--tm-text);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025162397,"sku":"REF1051","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/testoman-60-gelules-lapbophyto_11zon.jpg?v=1772627061"},{"product_id":"supramen-performance-10-gelules-labophyto","title":"Supramen - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Supramen - 10 Gélules - Labophyto\nPalette détectée:\n - Primaire: #E31E24 (rouge vif dynamique du packaging)\n - Secondaire: #1A1A1A (noir profond du poing\/icône)\n - Accent: #FFFFFF (blanc contrastant)\nAmbiance: Masculin, puissant, énergique, performance, force virile\nPréfixe CSS: spm\n--\u003e\n\n\u003cdiv class=\"spm-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"spm-hero\"\u003e\n \u003cdiv class=\"spm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spm-hero-content\"\u003e\n \u003cdiv class=\"spm-badges-top\"\u003e\n \u003cspan class=\"spm-badge\"\u003e💪 Performance masculine\u003c\/span\u003e\n \u003cspan class=\"spm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"spm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spm-hero-title\"\u003eSupramen\u003c\/span\u003e\n \u003cp class=\"spm-subtitle\"\u003eRéveillez le champion qui sommeille en vous\u003c\/p\u003e\n \u003cp class=\"spm-description\"\u003eComplément alimentaire premium à base de plantes adaptogènes et vitamines, spécialement formulé pour booster votre énergie, votre libido et vos performances au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"spm-hero-stats\"\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e10\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eGélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e5\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eActifs puissants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-stat\"\u003e\n \u003cspan class=\"spm-stat-number\"\u003e10j\u003c\/span\u003e\n \u003cspan class=\"spm-stat-label\"\u003eCure recommandée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🎯 Vos bénéfices\u003c\/h2\u003e\n \u003cdiv class=\"spm-grid\"\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie décuplée\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue et retrouvez une vitalité explosive pour affronter chaque journée avec détermination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eLibido stimulée\u003c\/h3\u003e\n \u003cp\u003eRéveillez votre désir naturellement grâce à des plantes aphrodisiaques reconnues depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003ch3\u003ePerformance optimale\u003c\/h3\u003e\n \u003cp\u003eAméliorez vos capacités physiques et sexuelles pour des moments intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n \u003cdiv class=\"spm-card-icon\"\u003e💯\u003c\/div\u003e\n \u003ch3\u003eEndurance renforcée\u003c\/h3\u003e\n \u003cp\u003eProlongez vos efforts et maintenez un niveau de performance élevé, plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🌿 Composition premium\u003c\/h2\u003e\n \u003cp class=\"spm-section-intro\"\u003eUne synergie d'actifs naturels puissants, rigoureusement sélectionnés pour leur efficacité prouvée\u003c\/p\u003e\n \u003cdiv class=\"spm-grid spm-ingredients-grid\"\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🥔\u003c\/span\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLa racine péruvienne de la vitalité\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003ePropriétés énergisantes\u003c\/li\u003e\n \u003cli\u003eEffets aphrodisiaques\u003c\/li\u003e\n \u003cli\u003eAméliore la fertilité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3\u003eTribulus Terrestris\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe booster de testostérone naturel\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eStimule la testostérone\u003c\/li\u003e\n \u003cli\u003ePerformance physique\u003c\/li\u003e\n \u003cli\u003eVigueur sexuelle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🪴\u003c\/span\u003e\n \u003ch3\u003eGinseng\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe tonifiant ancestral d'Asie\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eCombat la fatigue\u003c\/li\u003e\n \u003cli\u003eEndurance physique\u003c\/li\u003e\n \u003cli\u003eAdaptogène puissant\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e🍫\u003c\/span\u003e\n \u003ch3\u003eCacao\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eL'aliment des dieux aztèques\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eRiche en antioxydants\u003c\/li\u003e\n \u003cli\u003eCirculation sanguine\u003c\/li\u003e\n \u003cli\u003eSensation de bien-être\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-ingredient-card spm-ingredient-highlight\"\u003e\n \u003cdiv class=\"spm-ingredient-header\"\u003e\n \u003cspan class=\"spm-ingredient-icon\"\u003e⚙️\u003c\/span\u003e\n \u003ch3\u003eZinc\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp class=\"spm-ingredient-desc\"\u003eLe minéral essentiel masculin\u003c\/p\u003e\n \u003cul class=\"spm-ingredient-benefits\" style=\"list-style:none;\"\u003e\n \u003cli\u003eProduction de testostérone\u003c\/li\u003e\n \u003cli\u003eMaintien de la fertilité\u003c\/li\u003e\n \u003cli\u003eFonction reproductive\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"spm-usage-container\"\u003e\n \u003cdiv class=\"spm-usage-main\"\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence lors des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eSuivre une cure d'\u003cstrong\u003eau moins 10 jours\u003c\/strong\u003e pour observer des résultats significatifs et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-step\"\u003e\n \u003cdiv class=\"spm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spm-step-content\"\u003e\n \u003ch3\u003eOption boost express\u003c\/h3\u003e\n \u003cp\u003eEn cas de besoin, la prise peut être \u003cstrong\u003eponctuelle\u003c\/strong\u003e pour un effet boost immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-usage-tip\"\u003e\n \u003cspan class=\"spm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pro :\u003c\/strong\u003e Respectez la dose recommandée pour éviter tout effet indésirable. Pour des résultats optimaux, associez à une hygiène de vie saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"spm-grid spm-target-grid\"\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e🏋️\u003c\/span\u003e\n \u003ch3\u003eL'homme actif\u003c\/h3\u003e\n \u003cp\u003eQui veut maintenir son énergie malgré un rythme de vie intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e💼\u003c\/span\u003e\n \u003ch3\u003eLe professionnel\u003c\/h3\u003e\n \u003cp\u003eQui souhaite rester performant au travail comme à la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e❤️\u003c\/span\u003e\n \u003ch3\u003eLe couple\u003c\/h3\u003e\n \u003cp\u003eQui désire raviver la flamme et partager des moments intenses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-card spm-target-card\"\u003e\n \u003cspan class=\"spm-target-icon\"\u003e🔄\u003c\/span\u003e\n \u003ch3\u003eL'homme en quête\u003c\/h3\u003e\n \u003cp\u003eQui cherche à revitaliser son corps et dynamiser sa libido naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"spm-info-grid\"\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003e10 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-info-item\"\u003e\n \u003cspan class=\"spm-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"spm-info-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"spm-info-value\"\u003e100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GARANTIES --\u003e\n \u003csection class=\"spm-section\"\u003e\n \u003ch2\u003e🛡️ Nos garanties\u003c\/h2\u003e\n \u003cdiv class=\"spm-guarantees\"\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🔬\u003c\/span\u003e\n \u003cspan\u003eMatières premières rigoureusement sélectionnées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eIngrédients issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan\u003eNormes de qualité et sécurité élevées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spm-guarantee\"\u003e\n \u003cspan class=\"spm-guarantee-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan\u003eRespectueux de votre santé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"spm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"spm-cta-box\"\u003e\n \u003cdiv class=\"spm-cta-icon\"\u003e💪\u003c\/div\u003e\n \u003cp\u003eFaites confiance au \u003cstrong\u003eSupramen\u003c\/strong\u003e de Labophyto pour retrouver une énergie débordante et améliorer significativement vos performances physiques et sexuelles.\u003c\/p\u003e\n \u003cp class=\"spm-cta-sub\"\u003eCommandez dès maintenant et profitez d'une vitalité retrouvée, naturellement !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spm-cream: #f8f7f5;\n --spm-white: #ffffff;\n --spm-primary: #E31E24;\n --spm-primary-dark: #b8171c;\n --spm-primary-light: #fef2f2;\n --spm-secondary: #1a1a1a;\n --spm-accent: #ff6b6b;\n --spm-text: #1a1a1a;\n --spm-text-light: #5a5a5a;\n --spm-border: #e5e5e5;\n --spm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --spm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --spm-radius: 20px;\n --spm-radius-sm: 12px;\n}\n\n.spm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--spm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.spm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.spm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spm-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.spm-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.spm-hero-title {\n display: block;\n color: white;\n font-size: clamp(42px, 10vw, 72px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 30px rgba(0,0,0,.3);\n text-transform: uppercase;\n}\n\n.spm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.spm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.spm-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.spm-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: var(--spm-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.spm-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.spm-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n margin-top: 4px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.spm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--spm-secondary);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.spm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spm-primary), var(--spm-accent));\n border-radius: 2px;\n}\n\n.spm-section-intro {\n text-align: center;\n color: var(--spm-text-light);\n font-size: clamp(16px, 2vw, 18px);\n max-width: 600px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.spm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.spm-ingredients-grid {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.spm-target-grid {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spm-card {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--spm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.spm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--spm-shadow-lg);\n border-color: var(--spm-primary);\n}\n\n.spm-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--spm-secondary);\n margin: 0 0 0.75rem 0;\n}\n\n.spm-card p {\n color: var(--spm-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.spm-benefit-card {\n text-align: center;\n}\n\n.spm-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.spm-ingredient-card {\n position: relative;\n overflow: hidden;\n}\n\n.spm-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--spm-primary), var(--spm-accent));\n}\n\n.spm-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 0.75rem;\n}\n\n.spm-ingredient-icon {\n font-size: 32px;\n}\n\n.spm-ingredient-header h3 {\n margin: 0;\n font-size: 17px;\n}\n\n.spm-ingredient-desc {\n font-style: italic;\n color: var(--spm-primary-dark) !important;\n font-weight: 600;\n margin-bottom: 1rem !important;\n font-size: 14px !important;\n}\n\n.spm-ingredient-benefits {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.spm-ingredient-benefits li {\n padding: 6px 0 6px 24px;\n position: relative;\n font-size: 14px;\n color: var(--spm-text-light);\n}\n\n.spm-ingredient-benefits li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--spm-primary);\n font-weight: 700;\n}\n\n.spm-ingredient-highlight {\n background: linear-gradient(135deg, var(--spm-primary-light) 0%, var(--spm-white) 100%);\n}\n\n\/* === TARGET CARDS === *\/\n.spm-target-card {\n text-align: center;\n padding: clamp(2rem, 4vw, 2.5rem);\n}\n\n.spm-target-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n\/* === USAGE SECTION === *\/\n.spm-usage-container {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.spm-usage-main {\n background: var(--spm-white);\n border-radius: var(--spm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--spm-shadow);\n margin-bottom: 1.5rem;\n}\n\n.spm-usage-step {\n display: flex;\n gap: 1.25rem;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--spm-border);\n}\n\n.spm-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.spm-usage-step:first-child {\n padding-top: 0;\n}\n\n.spm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--spm-primary), var(--spm-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(227, 30, 36, .3);\n}\n\n.spm-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--spm-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.spm-step-content p {\n margin: 0;\n color: var(--spm-text-light);\n font-size: 15px;\n}\n\n.spm-usage-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n padding: 1.25rem 1.5rem;\n background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n border-radius: var(--spm-radius-sm);\n border-left: 4px solid #f59e0b;\n}\n\n.spm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spm-usage-tip p {\n margin: 0;\n font-size: 14px;\n color: #92400e;\n}\n\n\/* === INFO GRID === *\/\n.spm-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.spm-info-item {\n background: var(--spm-white);\n border-radius: var(--spm-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--spm-shadow);\n transition: all .3s ease;\n}\n\n.spm-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.spm-info-label {\n display: block;\n font-size: 12px;\n color: var(--spm-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.spm-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--spm-secondary);\n}\n\n\/* === GUARANTEES === *\/\n.spm-guarantees {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.spm-guarantee {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem 1.5rem;\n background: var(--spm-white);\n border-radius: var(--spm-radius-sm);\n box-shadow: var(--spm-shadow);\n font-weight: 600;\n color: var(--spm-secondary);\n transition: all .3s ease;\n}\n\n.spm-guarantee:hover {\n transform: translateX(8px);\n box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-guarantee-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n\/* === CTA BOX === *\/\n.spm-cta-box {\n background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n border-radius: var(--spm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.spm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n}\n\n.spm-cta-icon {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 1;\n}\n\n.spm-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spm-cta-sub {\n font-size: clamp(15px, 2vw, 17px) !important;\n opacity: .9;\n margin-bottom: 0 !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .spm-grid {\n grid-template-columns: 1fr;\n }\n \n .spm-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .spm-hero-stats {\n gap: 1rem;\n }\n \n .spm-stat {\n padding: 0.75rem 1rem;\n }\n \n .spm-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .spm-step-number {\n margin: 0 auto;\n }\n}\n\n@media (max-width: 480px) {\n .spm-info-grid {\n grid-template-columns: 1fr;\n }\n \n .spm-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spm-card {\n animation: spmFadeInUp .6s ease backwards;\n }\n .spm-card:nth-child(1) { animation-delay: .1s; }\n .spm-card:nth-child(2) { animation-delay: .2s; }\n .spm-card:nth-child(3) { animation-delay: .3s; }\n .spm-card:nth-child(4) { animation-delay: .4s; }\n .spm-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes spmFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .spm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .spm-card {\n border: 2px solid var(--spm-secondary);\n }\n \n .spm-badge {\n border: 2px solid var(--spm-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025359005,"sku":"REF1052","price":29.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/supramen-10-gelules-lapbophyto.jpg?v=1772626918"},{"product_id":"hot-drink-femme-bois-bande-solution-buvable-250-ml-labophyto","title":"Hot Drink Femme Bois Bandé - Solution Buvable 250 ml - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hot Drink Femme Bois Bandé - Solution Buvable 250 ml - Labophyto\nPalette détectée:\n - Primaire: #E84B8A (rose vif\/hot pink dominant du packaging)\n - Secondaire: #6B6B6B (gris du bandeau courbe)\n - Accent: #F9C74F (doré\/ananas pour contraste)\nAmbiance: Féminin, sensuel, bien-être intime, moderne et décomplexé, packaging épuré rose\/blanc\nPréfixe CSS: hdf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Hot Drink Femme Bois Bandé Labophyto : la boisson naturelle pour soutenir la libido féminine\"\n 2. \"Pourquoi choisir le bois bandé pour femme ?\"\n 3. \"Composition détaillée pour 15 ml (dose journalière)\"\n 4. \"Comment prendre le Hot Drink Bois Bandé Femme ?\"\n 5. \"À qui s'adresse ce complément alimentaire ?\"\n 6. \"Précautions d'emploi\"\n 7. \"Fabrication française et qualité Labophyto\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"hdf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hdf-hero\"\u003e\n \u003cdiv class=\"hdf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hdf-hero-content\"\u003e\n \u003cdiv class=\"hdf-badges-top\"\u003e\n \u003cspan class=\"hdf-badge\"\u003e🍍 Goût ananas\u003c\/span\u003e\n \u003cspan class=\"hdf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hdf-badge\"\u003e🌿 Plantes \u0026amp; vitamines\u003c\/span\u003e\n \u003cspan class=\"hdf-badge\"\u003e♀️ Libido féminine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hdf-hero-title\"\u003eHot Drink Femme Bois Bandé\u003c\/span\u003e\n \u003cp class=\"hdf-subtitle\"\u003eSolution buvable 250 ml — Labophyto\u003c\/p\u003e\n \u003cp class=\"hdf-description\"\u003eUn cocktail de plantes amazoniennes et de vitamines essentielles pour raviver le désir, l'énergie et l'épanouissement intime au féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eHot Drink Femme Bois Bandé Labophyto : la boisson naturelle pour soutenir la libido féminine\u003c\/h2\u003e\n \u003cp class=\"hdf-section-intro\"\u003eVous ressentez une baisse de désir ou un manque de vitalité au quotidien ? Découvrez une solution naturelle, agréable et efficace.\u003c\/p\u003e\n \u003cdiv class=\"hdf-grid-compact\"\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e💧 Solution buvable\u003c\/h3\u003e\n \u003cp\u003eFormat liquide pratique, absorption rapide et goût ananas agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003ePlantes reconnues et vitamines essentielles, sans colorants artificiels ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e♀️ Spécial femme\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour favoriser l'épanouissement intime féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🏛️ Expertise française\u003c\/h3\u003e\n \u003cp\u003eConçu par Labophyto, laboratoire expert en santé sexuelle depuis des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003ePourquoi choisir le bois bandé pour femme ?\u003c\/h2\u003e\n \u003cdiv class=\"hdf-grid\"\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🌳 Bois bandé (Muira Puama)\u003c\/h3\u003e\n \u003cp\u003ePlante originaire d'Amazonie utilisée depuis des siècles pour ses propriétés tonifiantes. Aide à maintenir de bonnes relations intimes en contribuant à l'\u003cstrong\u003eéquilibre hormonal féminin\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🏔️ Maca péruvienne\u003c\/h3\u003e\n \u003cp\u003ePlante réputée pour \u003cstrong\u003estimuler le désir sexuel\u003c\/strong\u003e et soutenir la vitalité globale, un pilier de la phytothérapie traditionnelle andine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🧘 Rhodiola rosea\u003c\/h3\u003e\n \u003cp\u003eAdaptogène puissant qui aide à \u003cstrong\u003egérer le stress\u003c\/strong\u003e — souvent responsable d'une libido en berne — pour une action sur plusieurs leviers complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 15 ml (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"hdf-grid\"\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🏔️ Extrait de Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e — Lepidium meyenii (racine). Aide à stimuler le désir sexuel et soutient la vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Extrait de Bois Bandé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e125 mg\u003c\/strong\u003e — Roupala montana (écorce). Contribue à l'équilibre hormonal féminin et au maintien de bonnes relations sexuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🧘 Extrait de Rhodiola\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Rhodiola rosea (racine). Aide à réduire la fatigue et le stress, soutient la résistance physique et mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e25 mg\u003c\/strong\u003e (31 % AR) — Antioxydant puissant, contribue à la réduction de la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e⚡ Vitamine B6\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1,4 mg\u003c\/strong\u003e (100 % AR) — Contribue à la régulation de l'activité hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card hdf-card-ingredient\"\u003e\n \u003ch3\u003e💚 Vitamine B9\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e200 µg\u003c\/strong\u003e (100 % AR) — Acide folique, soutient la synthèse normale des acides aminés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-tip\"\u003e\n \u003cspan class=\"hdf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans colorants artificiels ni conservateurs\u003c\/strong\u003e. Goût ananas agréable et facile à prendre au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eComment prendre le Hot Drink Bois Bandé Femme ?\u003c\/h2\u003e\n \u003cdiv class=\"hdf-timeline\"\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eSecouez la bouteille\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eDosez 15 à 20 ml par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin ou environ \u003cstrong\u003e30 minutes avant un moment intime\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eBuvez pur ou dilué\u003c\/h3\u003e\n \u003cp\u003eSavourez la solution pure ou diluée dans un verre d'eau ou de jus de fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-item\"\u003e\n \u003cdiv class=\"hdf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hdf-timeline-content\"\u003e\n \u003ch3\u003eCure de 15 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 250 ml offre environ \u003cstrong\u003e15 jours d'utilisation\u003c\/strong\u003e, idéal pour une cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce complément alimentaire ?\u003c\/h2\u003e\n \u003cdiv class=\"hdf-grid-compact\"\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous traversez une période de fatigue qui impacte votre énergie et votre désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e😰 Stress quotidien\u003c\/h3\u003e\n \u003cp\u003eLe stress au travail ou personnel freine votre épanouissement intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e🔄 Changements hormonaux\u003c\/h3\u003e\n \u003cp\u003ePériodes de transition hormonale affectant votre équilibre et votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hdf-card\"\u003e\n \u003ch3\u003e💫 Envie de renouveau\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver du désir, de l'énergie et un meilleur équilibre intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hdf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hdf-accordion\"\u003e\n \u003cdetails class=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"hdf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée. Une consommation excessive peut avoir des effets laxatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hdf-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"hdf-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hdf-accordion-item\"\u003e\n \u003csummary class=\"hdf-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"hdf-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical ou de doute, consultez votre médecin avant utilisation. Ce complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"hdf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et qualité Labophyto\u003c\/h2\u003e\n \u003cdiv class=\"hdf-cta-box\"\u003e\n \u003cp\u003e🇫🇷 \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire français expert en santé sexuelle, élabore ses produits dans le respect des normes de qualité les plus strictes. Le \u003cstrong\u003eHot Drink Femme Bois Bandé\u003c\/strong\u003e est fabriqué en France, garantissant traçabilité, sécurité et conformité réglementaire. En choisissant cette boisson bois bandé, vous optez pour un produit \u003cstrong\u003efiable, naturel et pensé pour le bien-être féminin\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hdf-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hdf-cream: #FFF5F9;\n --hdf-white: #ffffff;\n --hdf-primary: #E84B8A;\n --hdf-primary-dark: #C2356E;\n --hdf-primary-light: #FDEAF1;\n --hdf-secondary: #6B6B6B;\n --hdf-accent: #F9C74F;\n --hdf-text: #1a1a1a;\n --hdf-text-light: #5a5a5a;\n --hdf-border: #F0D4E0;\n --hdf-shadow: 0 4px 24px rgba(232, 75, 138, .08);\n --hdf-shadow-lg: 0 12px 48px rgba(232, 75, 138, .15);\n --hdf-radius: 20px;\n --hdf-radius-sm: 12px;\n}\n\n.hdf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hdf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hdf-hero {\n position: relative;\n background: linear-gradient(135deg, #E84B8A 0%, #D63B7A 40%, #C2356E 100%);\n border-radius: var(--hdf-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(--hdf-shadow-lg);\n}\n\n.hdf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(249,199,79,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hdf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hdf-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.hdf-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.hdf-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.hdf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hdf-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(--hdf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hdf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hdf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hdf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hdf-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.hdf-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(--hdf-primary), var(--hdf-accent));\n border-radius: 2px;\n}\n\n.hdf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hdf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hdf-card {\n background: var(--hdf-white);\n border-radius: var(--hdf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hdf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hdf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hdf-shadow-lg);\n border-color: var(--hdf-primary);\n}\n\n.hdf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hdf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hdf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hdf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hdf-card-ingredient {\n border-left: 4px solid var(--hdf-primary);\n text-align: left;\n}\n\n.hdf-card-ingredient:hover {\n border-left-color: var(--hdf-accent);\n}\n\n\/* === GRILLES === *\/\n.hdf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hdf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hdf-grid-compact .hdf-card {\n padding: 1rem;\n}\n\n.hdf-grid-compact .hdf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hdf-grid-compact .hdf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hdf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hdf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hdf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hdf-primary), var(--hdf-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.hdf-timeline-content {\n flex: 1;\n background: var(--hdf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hdf-radius-sm);\n box-shadow: var(--hdf-shadow);\n}\n\n.hdf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hdf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hdf-timeline-content p {\n font-size: 14px;\n color: var(--hdf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hdf-testimonial {\n background: var(--hdf-white);\n border-radius: var(--hdf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hdf-shadow);\n border-left: 4px solid var(--hdf-primary);\n}\n\n.hdf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hdf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hdf-accordion {\n background: var(--hdf-white);\n border-radius: var(--hdf-radius);\n box-shadow: var(--hdf-shadow);\n overflow: hidden;\n}\n\n.hdf-accordion-item {\n border-bottom: 1px solid var(--hdf-border);\n margin: 0;\n padding: 0;\n}\n\n.hdf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hdf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hdf-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.hdf-accordion-header:hover {\n background: var(--hdf-primary-light);\n}\n\n.hdf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hdf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hdf-primary);\n transition: transform .2s ease;\n}\n\n.hdf-accordion-item[open] .hdf-accordion-header::after {\n content: '−';\n}\n\n.hdf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hdf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hdf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hdf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hdf-primary-light);\n border-radius: var(--hdf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hdf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hdf-tip p {\n font-size: 14px;\n color: var(--hdf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hdf-cta-box {\n background: linear-gradient(135deg, var(--hdf-primary) 0%, var(--hdf-primary-dark) 100%);\n border-radius: var(--hdf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hdf-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.hdf-disclaimer {\n font-size: 12px;\n color: var(--hdf-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 .hdf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hdf-card {\n padding: 1.125rem;\n }\n\n .hdf-section {\n margin-bottom: 1.75rem;\n }\n\n .hdf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hdf-radius-sm);\n }\n\n .hdf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hdf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hdf-grid-compact {\n gap: .625rem;\n }\n\n .hdf-grid-compact .hdf-card {\n padding: .75rem;\n }\n\n .hdf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hdf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hdf-timeline-content h3 {\n font-size: 14px;\n }\n\n .hdf-timeline-content p {\n font-size: 13px;\n }\n\n .hdf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hdf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hdf-testimonial {\n padding: 1.25rem;\n }\n\n .hdf-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hdf-card {\n animation: hdfFadeInUp .5s ease backwards;\n }\n .hdf-card:nth-child(1) { animation-delay: .05s; }\n .hdf-card:nth-child(2) { animation-delay: .1s; }\n .hdf-card:nth-child(3) { animation-delay: .15s; }\n .hdf-card:nth-child(4) { animation-delay: .2s; }\n .hdf-card:nth-child(5) { animation-delay: .25s; }\n .hdf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hdfFadeInUp {\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 .hdf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025784989,"sku":"REF1055","price":17.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hot-drink-bois-bande-femme-labophyto-min.jpg?v=1772528555"},{"product_id":"fertitop-homme-fertilite-60-gelules-labophyto","title":"Fertitop Homme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"fth-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fth-hero\"\u003e\n \u003cdiv class=\"fth-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fth-hero-content\"\u003e\n \u003cdiv class=\"fth-badges-top\"\u003e\n \u003cspan class=\"fth-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fth-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n \u003cspan class=\"fth-badge\"\u003e🧬 11 actifs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fth-hero-title\"\u003eFertitop Homme Fertilité\u003c\/span\u003e\n \u003cp class=\"fth-subtitle\"\u003ePar Labophyto — Expert en bien-être intime masculin\u003c\/p\u003e\n \u003cp class=\"fth-description\"\u003eComplément alimentaire à base de plantes, acides aminés et vitamines pour soutenir naturellement la fertilité masculine et la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eFertitop Homme de Labophyto : le complément alimentaire fertilité homme à base de plantes et vitamines\u003c\/h2\u003e\n \u003cp class=\"fth-section-intro\"\u003eVous êtes en projet de conception et souhaitez mettre toutes les chances de votre côté ? \u003cstrong\u003eFertitop Homme\u003c\/strong\u003e de Labophyto est un \u003cstrong\u003ecomplément alimentaire homme fertilité\u003c\/strong\u003e formulé en France, associant extraits de plantes, acides aminés et micronutriments essentiels. Sa formule complète cible la spermatogenèse, la vitalité et l'équilibre hormonal pour vous accompagner naturellement dans cette étape importante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément fertilité homme ?\u003c\/h2\u003e\n \u003cp class=\"fth-section-intro\"\u003eLa fertilité masculine dépend de nombreux facteurs : qualité du sperme, motilité des spermatozoïdes, taux de zinc et de sélénium, niveau de stress oxydatif. Fertitop Homme réunit \u003cstrong\u003e11 actifs synergiques\u003c\/strong\u003e soigneusement dosés pour agir sur l'ensemble de ces paramètres.\u003c\/p\u003e\n \u003cdiv class=\"fth-grid\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e⚡ Zinc \u0026amp; sélénium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 % des AR\u003c\/strong\u003e — Contribuent à une fertilité et une reproduction normales, tout en protégeant les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B9 \u0026amp; B12\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e400 µg + 2,5 µg\u003c\/strong\u003e — Participent à la division cellulaire et au bon déroulement de la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🚀 L-Carnitine \u0026amp; taurine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e160 mg chacun\u003c\/strong\u003e — Deux acides aminés reconnus pour leur rôle dans la mobilité et la vitalité des spermatozoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Précurseur du monoxyde d'azote, il soutient la circulation sanguine et la libido masculine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e380 mg\u003c\/strong\u003e — Plante adaptogène traditionnellement utilisée pour favoriser la vitalité sexuelle et l'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e — Tonifiant général qui aide à réduire la fatigue et à maintenir la performance physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e♂️ Tribulus terrestris\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Soutient l'équilibre hormonal et la libido chez l'homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e — Contribue aux défenses naturelles et au bien-être général de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"fth-grid-compact\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003e380 mg\u003cbr\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔬 L-Carnitine\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e⚡ Taurine\u003c\/h3\u003e\n \u003cp\u003e160 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n \u003cp\u003e120 mg\u003cbr\u003e\u003cem\u003ePanax ginseng\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e♂️ Tribulus\u003c\/h3\u003e\n \u003cp\u003e100 mg\u003cbr\u003e\u003cem\u003eTribulus terrestris\u003c\/em\u003e — fruit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n \u003cp\u003e100 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n \u003cp\u003e80 mg\u003cbr\u003e\u003cem\u003eAstragalus membranaceus\u003c\/em\u003e — racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧬 Zinc\u003c\/h3\u003e\n \u003cp\u003e10 mg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔒 Sélénium\u003c\/h3\u003e\n \u003cp\u003e55 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🧪 Vitamine B9\u003c\/h3\u003e\n \u003cp\u003e400 µg\u003cbr\u003e200 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e💊 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e2,5 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e📋 Autres\u003c\/h3\u003e\n \u003cp\u003eGélule végétale, carbonate de magnésium, sels de magnésium d'acides gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eComment prendre Fertitop Homme ?\u003c\/h2\u003e\n \u003cdiv class=\"fth-timeline\"\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, le matin de préférence, avec un grand verre d'eau au cours du repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, suivez une \u003cstrong\u003ecure de 3 mois minimum\u003c\/strong\u003e, correspondant au cycle complet de la spermatogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-item\"\u003e\n \u003cdiv class=\"fth-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fth-timeline-content\"\u003e\n \u003ch3\u003eMaximisez les bienfaits\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une alimentation variée, une activité physique régulière et un sommeil de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-tip\"\u003e\n \u003cspan class=\"fth-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e intégrez vos gélules à votre routine du petit-déjeuner pour ne jamais oublier votre prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n \u003cdiv class=\"fth-grid-compact\"\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans le bien-être intime masculin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e✅ Normes européennes\u003c\/h3\u003e\n \u003cp\u003eChaque lot est élaboré selon les normes européennes en vigueur avec des ingrédients tracés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules\u003c\/strong\u003e par boîte, soit un mois complet de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fth-card\"\u003e\n \u003ch3\u003e🔬 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eIngrédients rigoureusement sélectionnés pour une efficacité et une sécurité optimales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fth-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fth-accordion\"\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'homme adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e⚠️ Dosage\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (2 gélules). Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fth-accordion-item\"\u003e\n \u003csummary class=\"fth-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire pour fertilité homme\u003c\/strong\u003e ne remplace ni une alimentation équilibrée, ni un mode de vie sain, ni un avis médical. En cas de traitement médical, de pathologie ou d'infertilité diagnostiquée, consultez votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fth-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fth-cta-box\"\u003e\n \u003cp\u003e🧬 Fertitop Homme est votre allié naturel pour aborder sereinement votre projet de conception. Offrez à votre organisme les nutriments dont il a besoin pour soutenir votre fertilité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fth-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fth-cream: #f4f6fa;\n --fth-white: #ffffff;\n --fth-primary: #1a6fb5;\n --fth-primary-dark: #0d3f6e;\n --fth-primary-light: #e8f1fa;\n --fth-secondary: #2c9ed4;\n --fth-accent: #1b8ecf;\n --fth-text: #1a1a1a;\n --fth-text-light: #5a5a5a;\n --fth-border: #dce4ee;\n --fth-shadow: 0 4px 24px rgba(13,63,110,.08);\n --fth-shadow-lg: 0 12px 48px rgba(13,63,110,.15);\n --fth-radius: 20px;\n --fth-radius-sm: 12px;\n}\n\n.fth-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fth-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fth-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fth-primary-dark) 0%, var(--fth-primary) 50%, var(--fth-secondary) 100%);\n border-radius: var(--fth-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fth-shadow-lg);\n}\n\n.fth-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fth-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fth-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fth-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fth-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fth-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fth-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fth-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.fth-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.fth-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fth-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fth-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.fth-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fth-primary), var(--fth-secondary));\n border-radius: 2px;\n}\n\n.fth-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fth-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fth-card {\n background: var(--fth-white);\n border-radius: var(--fth-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fth-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fth-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fth-shadow-lg);\n border-color: var(--fth-primary);\n}\n\n.fth-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fth-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fth-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fth-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fth-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fth-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fth-grid-compact .fth-card {\n padding: 1rem;\n}\n\n.fth-grid-compact .fth-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fth-grid-compact .fth-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fth-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fth-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fth-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fth-primary), var(--fth-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fth-timeline-content {\n flex: 1;\n background: var(--fth-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fth-radius-sm);\n box-shadow: var(--fth-shadow);\n}\n\n.fth-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fth-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fth-timeline-content p {\n font-size: 14px;\n color: var(--fth-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fth-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fth-primary-light);\n border-radius: var(--fth-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fth-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fth-tip p {\n font-size: 14px;\n color: var(--fth-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fth-accordion {\n background: var(--fth-white);\n border-radius: var(--fth-radius);\n box-shadow: var(--fth-shadow);\n overflow: hidden;\n}\n\n.fth-accordion-item {\n border-bottom: 1px solid var(--fth-border);\n margin: 0;\n padding: 0;\n}\n\n.fth-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fth-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fth-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fth-accordion-header:hover {\n background: var(--fth-primary-light);\n}\n\n.fth-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fth-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fth-primary);\n transition: transform .2s ease;\n}\n\n.fth-accordion-item[open] .fth-accordion-header::after {\n content: '−';\n}\n\n.fth-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fth-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fth-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.fth-cta-box {\n background: linear-gradient(135deg, var(--fth-primary) 0%, var(--fth-primary-dark) 100%);\n border-radius: var(--fth-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fth-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.fth-disclaimer {\n font-size: 12px;\n color: var(--fth-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fth-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fth-card {\n padding: 1.125rem;\n }\n\n .fth-section {\n margin-bottom: 1.75rem;\n }\n\n .fth-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fth-radius-sm);\n }\n\n .fth-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fth-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fth-grid-compact {\n gap: .625rem;\n }\n\n .fth-grid-compact .fth-card {\n padding: .75rem;\n }\n\n .fth-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fth-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fth-timeline-content h3 {\n font-size: 14px;\n }\n\n .fth-timeline-content p {\n font-size: 13px;\n }\n\n .fth-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fth-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fth-card {\n animation: fthFadeInUp .5s ease backwards;\n }\n .fth-card:nth-child(1) { animation-delay: .05s; }\n .fth-card:nth-child(2) { animation-delay: .1s; }\n .fth-card:nth-child(3) { animation-delay: .15s; }\n .fth-card:nth-child(4) { animation-delay: .2s; }\n .fth-card:nth-child(5) { animation-delay: .25s; }\n .fth-card:nth-child(6) { animation-delay: .3s; }\n .fth-card:nth-child(7) { animation-delay: .35s; }\n .fth-card:nth-child(8) { animation-delay: .4s; }\n .fth-card:nth-child(9) { animation-delay: .45s; }\n .fth-card:nth-child(10) { animation-delay: .5s; }\n .fth-card:nth-child(11) { animation-delay: .55s; }\n .fth-card:nth-child(12) { animation-delay: .6s; }\n}\n\n@keyframes fthFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fth-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026014365,"sku":"REF1056","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gelluleshomme.webp?v=1772624472"},{"product_id":"baume-a-barbe-a-lhuile-de-ricin-bio-pot-kraft-40-g-comme-avant-comme-avant","title":"Baume à Barbe à l'Huile de Ricin Bio - 40 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume à Barbe à l'Huile de Ricin Bio\nPalette détectée:\n - Primaire: #8B7355 (brun kraft\/carton naturel du packaging)\n - Secondaire: #6B8E5A (vert olive\/sauge des labels et variante menthe)\n - Accent: #D4A574 (beige doré\/crème du baume)\nAmbiance: Naturel, bio, artisanal, masculin épuré, slow cosmétique\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBaume à barbe\u003cbr\u003eà l'huile de ricin\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eLe soin naturel pour une barbe nourrie et disciplinée\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eSeulement 4 ingrédients bio pour discipliner, nourrir et assouplir votre barbe sans effet gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir ce baume à barbe ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Discipline naturelle\u003c\/h3\u003e\n \u003cp\u003eStructurez votre barbe sans effet carton ni résidu. Fini les poils rebelles et les frisottis incontrôlables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de ricin pénètre en profondeur pour des poils plus souples, moins cassants et agréables au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌟 Fini non gras\u003c\/h3\u003e\n \u003cp\u003eTexture huileuse à l'application qui se fond rapidement. Résultat mat et naturel, jamais brillant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e😌 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité calme les démangeaisons fréquentes sous la barbe. Votre peau respire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📈 Favorise la densité\u003c\/h3\u003e\n \u003cp\u003eL'acide ricinoléique stimule les follicules pour une barbe plus dense et fournie sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003eZéro silicone, zéro parabène, zéro parfum synthétique. Que des actifs bruts et efficaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🧪 Composition pure et bio\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eIngrédient star riche en acide ricinoléique. Nourrit, fortifie et stimule la pousse des poils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003ePénètre la fibre capillaire pour une hydratation longue durée et une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eApaise la peau, répare les poils abîmés et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eAlternative végane à la cire d'abeille. Apporte tenue et discipline sans effet lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne noisette suffit pour une barbe courte à moyenne, un peu plus pour les barbes fournies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eRéchauffez\u003c\/h3\u003e\n \u003cp\u003eFrottez vos mains jusqu'à ce que le baume devienne fluide et transparent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMassez de l'intérieur vers l'extérieur, en commençant par la peau sous la barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eStructurez\u003c\/h3\u003e\n \u003cp\u003ePeignez ou brossez pour répartir uniformément et donner la forme souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-tip\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Conseil d'expert :\u003c\/strong\u003e Appliquez sur barbe légèrement humide après la douche pour une absorption maximale, ou sur barbe sèche pour plus de tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👤 Pour qui est fait ce baume à barbe bio ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e〰️ Barbes rebelles\u003c\/h3\u003e\n \u003cp\u003ePoils qui frisent, bouclent ou partent dans tous les sens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n \u003cp\u003eDémangeaisons ou sécheresse sous la barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eZéro parfum synthétique, zéro ingrédient douteux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsables\u003c\/h3\u003e\n \u003cp\u003eCosmétiques écologiques et éthiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🏆 Les engagements\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eFormulation bio certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eApproche raisonnée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eArtisanal près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🆚 Huile ou baume à barbe ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eL'huile à barbe nourrit et fait briller, mais offre peu de tenue. Ce baume nourrit tout autant grâce à l'huile de ricin et de coco, mais apporte en plus une discipline naturelle grâce à la cire de candelilla et au beurre de karité. Pour une barbe courte et docile, l'huile peut suffire. Pour une barbe plus longue ou rebelle, le baume devient indispensable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧔 Convient aux barbes de 3 jours ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Même sur une barbe naissante, ce baume hydrate la peau et assouplit les poils dès les premiers centimètres. Utilisez simplement une quantité réduite et insistez sur le massage de la peau pour prévenir les démangeaisons liées à la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e👃 Ce baume a-t-il un parfum ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eCette version est sans huiles essentielles ajoutées, ce qui la rend idéale pour les peaux sensibles ou ceux qui préfèrent les soins neutres. L'odeur est très légère, naturelle, liée aux ingrédients bruts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eOui, la formule minimaliste et 100% naturelle convient aux peaux réactives. En cas de doute, effectuez un test sur une petite zone 24 à 48 heures avant la première utilisation complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité. Le pot kraft recyclable protège le baume de la lumière. Durée de vie : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 \u003cstrong\u003eVotre barbe mérite un soin à la hauteur de vos exigences.\u003c\/strong\u003e\u003cbr\u003e4 ingrédients bio, 2 à 3 mois d'utilisation, 0 compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bb-cream: #FAF8F5;\n --bb-white: #ffffff;\n --bb-primary: #8B7355;\n --bb-primary-dark: #5D4E3A;\n --bb-primary-light: #F5F0EB;\n --bb-secondary: #6B8E5A;\n --bb-accent: #D4A574;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e8e4df;\n --bb-shadow: 0 4px 24px rgba(93, 78, 58, .08);\n --bb-shadow-lg: 0 12px 48px rgba(93, 78, 58, .15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #5D4E3A 0%, #8B7355 50%, #6B8E5A 100%);\n border-radius: var(--bb-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(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.bb-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(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-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.bb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-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.bb-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(--bb-primary), var(--bb-secondary));\n border-radius: 2px;\n}\n\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card-ingredient {\n background: linear-gradient(145deg, var(--bb-white) 0%, var(--bb-primary-light) 100%);\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n.bb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.bb-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 100%);\n color: white;\n font-weight: 900;\n font-size: 18px;\n border-radius: 50%;\n}\n\n.bb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-step-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--bb-secondary) 0%, #5A7D4A 100%);\n border-radius: var(--bb-radius);\n padding: 1.25rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-tip-icon {\n font-size: 24px;\n}\n\n.bb-tip p {\n color: white;\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-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.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-step {\n padding: 1rem;\n }\n \n .bb-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .bb-tip {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n \n .bb-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-step:nth-child(1) { animation-delay: .1s; }\n .bb-step:nth-child(2) { animation-delay: .2s; }\n .bb-step:nth-child(3) { animation-delay: .3s; }\n .bb-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755183202461,"sku":"NBAICAV0037","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-barbe-a-lhuile-de-ricin-bio-40-g-comme-avant-ingredients_921d67d4-2f0f-4c49-a6a0-19cf881c837b.jpg?v=1767954001"},{"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_1_34488500-74c6-4ea4-8136-13dfc404c477-821993.jpg?v=1732721177"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_noir_assam_cold_021-404510.jpg?v=1732721178"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_violet_bainganee-452182.jpg?v=1732721157"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_noir_assam_011-257569.jpg?v=1732721167"},{"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-249018.jpg?v=1732721170"},{"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-457396.jpg?v=1732721173"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal-ecorce-lodhra-007-kajal-soultree-lifestyle.webp?v=1770739123"},{"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_verkala_006-682309.jpg?v=1732721164"},{"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-447091.jpg?v=1732721175"},{"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_granite_himalaya_004-893440.jpg?v=1732721178"},{"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-110665.jpg?v=1732721149"},{"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-713759.jpg?v=1732721149"},{"product_id":"cailloux-delicieux-feve-de-tonka-parfum-solide-jardin-de-mon-grand-pere","title":"Cailloux Fève de Tonka - Parfum Solide - Jardin de mon Grand Père","description":"\u003cdiv class=\"ft-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ft-hero\"\u003e\n \u003cdiv class=\"ft-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ft-hero-content\"\u003e\n \u003cdiv class=\"ft-badges-top\"\u003e\n \u003cspan class=\"ft-badge\"\u003e🇫🇷 Artisanal français\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e✋ Fait main avec amour\u003c\/span\u003e\n \u003cspan class=\"ft-badge\"\u003e🌿 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ft-hero-title\"\u003eCailloux de Fève de Tonka\u003c\/span\u003e\n \u003cp class=\"ft-subtitle\"\u003eParfum solide artisanal — Jardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"ft-description\"\u003eDe petits trésors olfactifs façonnés à la main, aux notes envoûtantes de vanille, de tabac blond et de foin fraîchement coupé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eCailloux de Fève de Tonka – Carré d'ambre solide artisanal fait main\u003c\/h2\u003e\n \u003cp class=\"ft-section-intro\"\u003eImaginez un parfum qui évoque la douceur de la vanille, la chaleur du tabac blond et la tendresse du foin fraîchement coupé.\u003c\/p\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍯 Vanille \u0026amp; caramel\u003c\/h3\u003e\n \u003cp\u003eDes notes gourmandes enveloppantes, d'une douceur irrésistible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍂 Tabac blond\u003c\/h3\u003e\n \u003cp\u003eUne chaleur boisée et réconfortante, profondément élégante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌾 Foin coupé\u003c\/h3\u003e\n \u003cp\u003eLa fraîcheur champêtre d'un après-midi d'été au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e✋ Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est façonné artisanalement par l'atelier Jardin de mon Grand Père\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eLa fève de tonka : une fragrance rare aux mille facettes\u003c\/h2\u003e\n \u003cdiv class=\"ft-testimonial\"\u003e\n \u003cp class=\"ft-testimonial-text\"\u003e\"Récoltée sur le teck brésilien au cœur de l'Amazonie, la fève de tonka fascine les parfumeurs du monde entier. Sa richesse en coumarine, molécule naturelle responsable de son arôme caractéristique, lui confère un profil olfactif d'une complexité remarquable.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🌰 Amande douce \u0026amp; caramel\u003c\/h3\u003e\n \u003cp\u003eDes notes gourmandes qui se situent à la croisée de plusieurs univers olfactifs, entre rondeur vanillée et accents boisés légèrement épicés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e👑 Prisée en parfumerie de luxe\u003c\/h3\u003e\n \u003cp\u003eCette signature unique en fait l'un des ingrédients les plus recherchés par les plus grandes maisons de parfumerie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🍀 Porte-bonheur ancestral\u003c\/h3\u003e\n \u003cp\u003eUtilisée depuis des siècles par les peuples amazoniens comme porte-bonheur, la fève de tonka porte une dimension presque mystique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eComment utiliser vos cailloux parfumés à la fève de tonka ?\u003c\/h2\u003e\n \u003cdiv class=\"ft-timeline\"\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e🏡 En parfum d'ambiance naturel\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle, un tiroir ou une armoire. Placés près d'une source de chaleur douce, ils libèrent progressivement leur senteur enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e🔥 En brûle-parfum\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 cailloux dans votre brûloir. La cire fond lentement, diffusant un parfum d'ambiance gourmand et intense. En refroidissant, la matière se resolidifie. Répétez l'opération jusqu'à épuisement de la fragrance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-item\"\u003e\n \u003cdiv class=\"ft-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ft-timeline-content\"\u003e\n \u003ch3\u003e✨ En gri-gri personnel\u003c\/h3\u003e\n \u003cp\u003eGlissez un caillou dans votre poche ou votre sac. Au contact de la chaleur corporelle, il dégage un sillage subtil. En le manipulant entre vos doigts, sa surface devient soyeuse et le parfum s'intensifie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003ePourquoi choisir un parfum solide artisanal ?\u003c\/h2\u003e\n \u003cdiv class=\"ft-grid-compact\"\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool ni flamme\u003c\/h3\u003e\n \u003cp\u003eUne diffusion douce, sans risque et sans projection agressive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e⏳ Longue durée\u003c\/h3\u003e\n \u003cp\u003eLa fragrance se libère progressivement, pour un plaisir olfactif qui dure des semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est confectionné à la main en France avec des ingrédients de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eSachet kraft recyclable, produit qui se consomme intégralement sans laisser de résidu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ft-section\"\u003e\n \u003ch2\u003eConditionnement disponible\u003c\/h2\u003e\n \u003cdiv class=\"ft-grid\"\u003e\n \u003cdiv class=\"ft-card ft-card-format\"\u003e\n \u003ch3\u003e🪨 50 g\u003c\/h3\u003e\n \u003cp\u003eEnviron 5 à 8 cailloux — parfait pour découvrir le produit et ses notes envoûtantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card ft-card-format ft-card-popular\"\u003e\n \u003ch3\u003e🪨 100 g\u003c\/h3\u003e\n \u003cp\u003eLe format idéal pour parfumer plusieurs espaces de votre intérieur au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ft-card ft-card-format\"\u003e\n \u003ch3\u003e🪨 200 g\u003c\/h3\u003e\n \u003cp\u003eLe grand format pour les amoureux de la fève de tonka — ou pour offrir un cadeau généreux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn cadeau original et raffiné\u003c\/h2\u003e\n \u003cdiv class=\"ft-cta-box\"\u003e\n \u003cp\u003eVous cherchez une idée de cadeau originale, naturelle et élégante ? Les cailloux parfumés à la fève de tonka surprennent et séduisent à chaque fois. Leur présentation soignée dans un sachet kraft au charme rétro en fait un présent prêt à offrir, parfait pour les amateurs de belles senteurs artisanales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ft-disclaimer\"\u003eProduit artisanal à usage olfactif uniquement. Ne pas ingérer. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ft-cream: #faf6f0;\n --ft-white: #ffffff;\n --ft-primary: #8b5e3c;\n --ft-primary-dark: #5c3a1e;\n --ft-primary-light: #f3ebe0;\n --ft-secondary: #c9956b;\n --ft-accent: #d4a96a;\n --ft-text: #1a1a1a;\n --ft-text-light: #6b5d52;\n --ft-border: #e6ddd3;\n --ft-shadow: 0 4px 24px rgba(92,58,30,.08);\n --ft-shadow-lg: 0 12px 48px rgba(92,58,30,.15);\n --ft-radius: 20px;\n --ft-radius-sm: 12px;\n}\n\n.ft-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ft-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ft-hero {\n position: relative;\n background: linear-gradient(135deg, #5c3a1e 0%, #8b5e3c 45%, #c9956b 100%);\n border-radius: var(--ft-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ft-shadow-lg);\n}\n\n.ft-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(212,169,106,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.ft-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ft-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ft-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ft-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ft-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.ft-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ft-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ft-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ft-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ft-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ft-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ft-primary), var(--ft-secondary));\n border-radius: 2px;\n}\n\n.ft-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ft-card {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ft-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ft-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ft-shadow-lg);\n border-color: var(--ft-primary);\n}\n\n.ft-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ft-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ft-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FORMAT CARDS (Conditionnement) === *\/\n.ft-card-format {\n position: relative;\n}\n\n.ft-card-popular {\n border-color: var(--ft-secondary);\n background: linear-gradient(180deg, var(--ft-white) 0%, var(--ft-primary-light) 100%);\n}\n\n.ft-card-popular::before {\n content: '⭐ Populaire';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n letter-spacing: .03em;\n white-space: nowrap;\n}\n\n\/* === GRILLES === *\/\n.ft-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ft-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ft-grid-compact .ft-card {\n padding: 1rem;\n}\n\n.ft-grid-compact .ft-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ft-grid-compact .ft-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ft-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ft-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ft-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ft-primary), var(--ft-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,94,60,.3);\n}\n\n.ft-timeline-content {\n flex: 1;\n background: var(--ft-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ft-radius-sm);\n box-shadow: var(--ft-shadow);\n transition: all .3s ease;\n}\n\n.ft-timeline-content:hover {\n box-shadow: var(--ft-shadow-lg);\n transform: translateX(4px);\n}\n\n.ft-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ft-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ft-timeline-content p {\n font-size: 14px;\n color: var(--ft-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ft-testimonial {\n background: var(--ft-white);\n border-radius: var(--ft-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ft-shadow);\n border-left: 4px solid var(--ft-primary);\n}\n\n.ft-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ft-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.ft-cta-box {\n background: linear-gradient(135deg, var(--ft-primary) 0%, var(--ft-primary-dark) 100%);\n border-radius: var(--ft-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ft-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212,169,106,.2) 0%, transparent 60%);\n}\n\n.ft-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ft-disclaimer {\n font-size: 12px;\n color: var(--ft-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ft-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ft-card {\n padding: 1.125rem;\n }\n\n .ft-section {\n margin-bottom: 1.75rem;\n }\n\n .ft-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ft-radius-sm);\n }\n\n .ft-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ft-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ft-grid-compact {\n gap: .625rem;\n }\n\n .ft-grid-compact .ft-card {\n padding: .75rem;\n }\n\n .ft-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ft-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ft-timeline-content h3 {\n font-size: 14px;\n }\n\n .ft-timeline-content p {\n font-size: 13px;\n }\n\n .ft-testimonial {\n padding: 1.25rem;\n }\n\n .ft-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ft-card {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-card:nth-child(1) { animation-delay: .05s; }\n .ft-card:nth-child(2) { animation-delay: .1s; }\n .ft-card:nth-child(3) { animation-delay: .15s; }\n .ft-card:nth-child(4) { animation-delay: .2s; }\n .ft-card:nth-child(5) { animation-delay: .25s; }\n .ft-card:nth-child(6) { animation-delay: .3s; }\n\n .ft-timeline-item {\n animation: ftFadeInUp .5s ease backwards;\n }\n .ft-timeline-item:nth-child(1) { animation-delay: .1s; }\n .ft-timeline-item:nth-child(2) { animation-delay: .2s; }\n .ft-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ftFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ft-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720491286905,"sku":"FEVEDETONKAJDMGP50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720491319673,"sku":"FEVEDETONKAJDMGP100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720491352441,"sku":"FEVEDETONKAJDMGP200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carre-ambre-feve-tonka-jdmgp_packshot_1_11zon.jpg?v=1766172845"},{"product_id":"savon-du-baroudeur-5-en-1-homme-bio-100-g-florame","title":"Savon de Rasage Bio Homme 5 en 1 – Le Savon du Baroudeur Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon du Baroudeur 5-en-1 Florame\nPalette détectée:\n - Primaire: #3D3D3D (gris anthracite foncé du packaging - élégance masculine)\n - Secondaire: #C9A86A (or\/doré de la typographie et moustache - luxe naturel)\n - Accent: #D4A853 (orange\/ambre des textes bio - énergie naturelle)\nAmbiance: Masculine premium, naturel artisanal provençal, bio-luxe, aventurier raffiné\nPréfixe CSS: brd\n--\u003e\n\n\u003cdiv class=\"brd-premium\"\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"brd-hero\"\u003e\n \u003cdiv class=\"brd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brd-hero-content\"\u003e\n \u003cdiv class=\"brd-badges-top\"\u003e\n \u003cspan class=\"brd-badge\"\u003e🧔 5 en 1\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brd-hero-title\"\u003eSavon du Baroudeur\u003c\/span\u003e\n \u003cp class=\"brd-subtitle\"\u003eLe savon bio multi-usages de l'homme moderne\u003c\/p\u003e\n \u003cp class=\"brd-description\"\u003eCheveux, visage, barbe, corps et rasage : un seul savon artisanal aux huiles essentielles bio de cèdre Atlas et huile d'argan. Fabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 5 Usages --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🪒 Un savon, cinq usages\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔 Rasage\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse et protectrice pour une glisse parfaite. L'huile d'argan bio limite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher. Le cèdre et citron tonifient et purifient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n \u003cp\u003eMousse généreuse pour un nettoyage tonifiant. Hydrate grâce aux huiles d'olive, coco et tournesol bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eShampooing naturel tous types de cheveux. Nettoie sans alourdir, apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbe\u003c\/h3\u003e\n \u003cp\u003eAssouplit les poils, nettoie en profondeur avec les notes fraîches et boisées des huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Bienfaits --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits clés\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003eargan, olive et coco bio\u003c\/strong\u003e pour nourrir et préserver le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🪒 Rasage confort\u003c\/h3\u003e\n \u003cp\u003eMousse protectrice naturelle qui facilite le passage de la lame et réduit les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 Parfum énergisant\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches de \u003cstrong\u003ecitron\u003c\/strong\u003e et boisées de \u003cstrong\u003ecèdre Atlas\u003c\/strong\u003e pour un réveil sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide économique : un seul savon remplace 5 produits liquides. Moins de plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Ingrédients --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🧪 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eProtection et souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eVitamine E antioxydante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 HE cèdre Atlas\u003c\/h3\u003e\n \u003cp\u003eTonifie et purifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🍋 HE citron\u003c\/h3\u003e\n \u003cp\u003eRafraîchit et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pour qui --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🏃 L'homme actif\u003c\/h3\u003e\n \u003cp\u003eSimplicité et efficacité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✈️ Le voyageur\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact idéal cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌱 L'adepte du bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ L'éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Mode d'emploi --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"brd-steps\"\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eMouillez\u003c\/span\u003e\n \u003cp\u003eHumidifiez la zone à nettoyer et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eAppliquez\u003c\/span\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur le visage, la barbe, le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eRincez\u003c\/span\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Informations complémentaires (accordéon) --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"brd-accordion\"\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eConservez le savon au sec entre les utilisations pour prolonger sa durée de vie. Utilisez un porte-savon ajouré permettant l'écoulement de l'eau. Durée d'utilisation : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement à l'eau claire. Usage externe uniquement. Testé dermatologiquement. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eFabriqué artisanalement à Saint-Rémy-de-Provence par les Laboratoires Provence Nature. Certifié Cosmos Organic par Ecocert. Sans parabènes, silicones ni sulfates. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- CTA Final --\u003e\n\u003csection class=\"brd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brd-cta-box\"\u003e\n \u003cp\u003eSimplifiez votre routine avec le Savon du Baroudeur : 5 produits en 1, qualité bio certifiée et savoir-faire artisanal provençal. L'essentiel de l'homme moderne qui privilégie authenticité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brd-cream: #f9f8f6;\n --brd-white: #ffffff;\n --brd-primary: #3D3D3D;\n --brd-primary-dark: #2a2a2a;\n --brd-primary-light: #f5f4f2;\n --brd-secondary: #C9A86A;\n --brd-accent: #D4A853;\n --brd-text: #1a1a1a;\n --brd-text-light: #5a5a5a;\n --brd-border: #e5e3df;\n --brd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brd-radius: 20px;\n --brd-radius-sm: 12px;\n}\n\n.brd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.brd-hero {\n position: relative;\n background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--brd-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(--brd-shadow-lg);\n}\n\n.brd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: radial-gradient(circle at 30% 40%, var(--brd-secondary) 1px, transparent 1px);\n background-size: 24px 24px;\n}\n\n.brd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.brd-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(--brd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.brd-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.brd-subtitle {\n color: var(--brd-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.brd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brd-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.brd-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(--brd-secondary), var(--brd-accent));\n border-radius: 2px;\n}\n\n.brd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brd-card {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brd-shadow-lg);\n border-color: var(--brd-secondary);\n}\n\n.brd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-grid-compact .brd-card {\n padding: 1rem;\n}\n\n.brd-grid-compact .brd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brd-grid-compact .brd-card p {\n font-size: 12px;\n}\n\n.brd-card.brd-info h3 {\n font-size: 13px;\n color: var(--brd-text-light);\n font-weight: 600;\n margin-bottom: .25rem;\n}\n\n.brd-card.brd-info p {\n font-size: 15px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n}\n\n.brd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: 1.25rem;\n box-shadow: var(--brd-shadow);\n transition: all .3s ease;\n}\n\n.brd-step:hover {\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--brd-secondary), var(--brd-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.brd-step-content {\n flex: 1;\n}\n\n.brd-step-title {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin-bottom: .25rem;\n}\n\n.brd-step-content p {\n font-size: 14px;\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-accordion {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n box-shadow: var(--brd-shadow);\n overflow: hidden;\n}\n\n.brd-accordion-item {\n border-bottom: 1px solid var(--brd-border);\n margin: 0;\n padding: 0;\n}\n\n.brd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.brd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--brd-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.brd-accordion-header:hover {\n background: var(--brd-primary-light);\n}\n\n.brd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.brd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--brd-secondary);\n transition: transform .2s ease;\n}\n\n.brd-accordion-item[open] .brd-accordion-header::after {\n content: '−';\n}\n\n.brd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--brd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.brd-accordion-content p {\n margin: 0;\n}\n\n.brd-cta-box {\n background: linear-gradient(135deg, var(--brd-primary) 0%, var(--brd-primary-dark) 100%);\n border-radius: var(--brd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .brd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .brd-grid-compact {\n gap: .625rem;\n }\n \n .brd-grid-compact .brd-card {\n padding: .75rem;\n }\n \n .brd-card {\n padding: 1.125rem;\n }\n \n .brd-section {\n margin-bottom: 1.75rem;\n }\n \n .brd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brd-radius-sm);\n }\n \n .brd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .brd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .brd-step {\n padding: 1rem;\n }\n \n .brd-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .brd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .brd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .brd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .brd-card:nth-child(1) { animation-delay: .05s; }\n .brd-card:nth-child(2) { animation-delay: .1s; }\n .brd-card:nth-child(3) { animation-delay: .15s; }\n .brd-card:nth-child(4) { animation-delay: .2s; }\n .brd-card:nth-child(5) { animation-delay: .25s; }\n .brd-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 .brd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755274166429,"sku":"FM0545","price":7.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-du-baroudeur-5-en-1-homme-bio-100g-florame-emballage-min-121850.jpg?v=1732721628"},{"product_id":"cailloux-de-fir-balsam-jardin-de-mon-grand-pere","title":"Cailloux de Fir Balsam - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux de Fir Balsam - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #8B7355 (kraft\/beige chaleureux du packaging)\n - Secondaire: #2E5A3C (vert sapin profond de l'ambiance forestière)\n - Accent: #4A90A4 (bleu turquoise de l'étiquette visible sur la boîte)\nAmbiance: Naturel, artisanal, forestier, chaleureux, authentique - évocation des forêts de conifères nord-américaines\nPréfixe CSS: fir\n--\u003e\n\n\u003cdiv class=\"fir-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"fir-hero\"\u003e\n \u003cdiv class=\"fir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fir-hero-content\"\u003e\n \u003cdiv class=\"fir-badges-top\"\u003e\n \u003cspan class=\"fir-badge\"\u003e🌲 100% naturel\u003c\/span\u003e\n \u003cspan class=\"fir-badge\"\u003e🍂 Artisanat québécois\u003c\/span\u003e\n \u003cspan class=\"fir-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fir-hero-title\"\u003eCailloux de Fir Balsam\u003c\/span\u003e\n \u003cp class=\"fir-subtitle\"\u003eJardin de mon Grand Père\u003c\/p\u003e\n \u003cp class=\"fir-description\"\u003eTransportez-vous au cœur d'une forêt de sapins baumiers. Ces petits trésors parfumés diffusent naturellement une senteur résineuse enveloppante, pour une ambiance boisée authentique dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : L'EXPÉRIENCE SENSORIELLE --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🌲 L'essence du sapin baumier\u003c\/h2\u003e\n \u003cp class=\"fir-intro\"\u003eLe \u003cstrong\u003eFir Balsam\u003c\/strong\u003e (\u003cem\u003eAbies balsamea\u003c\/em\u003e) est un conifère emblématique des forêts nord-américaines, utilisé depuis des siècles par les peuples autochtones pour ses propriétés apaisantes.\u003c\/p\u003e\n \u003cdiv class=\"fir-grid fir-grid-4\"\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eNotes balsamiques\u003c\/h3\u003e\n \u003cp\u003eUne douceur résineuse enveloppante qui réchauffe l'atmosphère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🪵\u003c\/div\u003e\n \u003ch3\u003eFacettes boisées\u003c\/h3\u003e\n \u003cp\u003eL'authenticité du bois de conifère dans toute sa noblesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e🍬\u003c\/div\u003e\n \u003ch3\u003eTouches sucrées\u003c\/h3\u003e\n \u003cp\u003eUne rondeur délicate qui adoucit l'ensemble\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-note-card\"\u003e\n \u003cdiv class=\"fir-note-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch3\u003eFraîcheur persistante\u003c\/h3\u003e\n \u003cp\u003eComme une brise traversant les aiguilles de sapin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : UN DIFFUSEUR DIFFÉRENT --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e✨ Un diffuseur vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"fir-highlight-box\"\u003e\n \u003cdiv class=\"fir-highlight-content\"\u003e\n \u003cp\u003eContrairement aux diffuseurs électriques ou aux sprays qui libèrent leur fragrance en quelques secondes, ces \u003cstrong\u003ecailloux solides diffusent progressivement\u003c\/strong\u003e, créant une ambiance subtile et durable.\u003c\/p\u003e\n \u003cp\u003eLeur forme de petits galets irréguliers permet une \u003cstrong\u003ediffusion optimale du parfum\u003c\/strong\u003e grâce à leur surface texturée. Posés dans une coupelle, près d'un radiateur ou simplement dans votre poche, ils libèrent leurs notes boisées au rythme de la chaleur ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : MODES D'UTILISATION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🔥 Comment les utiliser\u003c\/h2\u003e\n \u003cdiv class=\"fir-grid\"\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eDiffusion douce\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 5 cailloux dans une coupelle décorative. Placez-la dans votre entrée, salon, chambre ou bureau. Rapprochez d'une source de chaleur douce pour \u003cstrong\u003eintensifier la diffusion\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eEn brûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez 3 cailloux dans la coupelle, allumez une bougie chauffe-plat. La matière se liquéfie et libère une \u003cstrong\u003efragrance boisée puissante\u003c\/strong\u003e. Une fois éteinte, le parfum se resolidifie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e03\u003c\/div\u003e\n \u003ch3\u003eTalisman parfumé\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou deux cailloux dans votre poche. Au contact de votre \u003cstrong\u003echaleur corporelle\u003c\/strong\u003e, ils deviennent malléables et libèrent leur parfum toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-usage-card\"\u003e\n \u003cdiv class=\"fir-usage-number\"\u003e04\u003c\/div\u003e\n \u003ch3\u003eEspaces clos\u003c\/h3\u003e\n \u003cp\u003eParfaits pour vos tiroirs, armoires, placards ou voiture. Leur format compact et leur diffusion lente en font un \u003cstrong\u003ediffuseur idéal\u003c\/strong\u003e pour ces espaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : AVANTAGES --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e💚 Pourquoi choisir un parfum solide\u003c\/h2\u003e\n \u003cdiv class=\"fir-advantages\"\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDiffusion progressive\u003c\/strong\u003e\n \u003cp\u003ePas de pic olfactif agressif, une présence constante et subtile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e📆\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurée prolongée\u003c\/strong\u003e\n \u003cp\u003ePlusieurs semaines de parfum avec une utilisation correcte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e♻️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eZéro déchet aérosol\u003c\/strong\u003e\n \u003cp\u003ePas de bombe métallique à jeter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e🎯\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMulti-usages\u003c\/strong\u003e\n \u003cp\u003eÀ froid, à chaud, sur soi ou dans la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-advantage\"\u003e\n \u003cspan class=\"fir-advantage-icon\"\u003e🎁\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormat pratique\u003c\/strong\u003e\n \u003cp\u003eFacile à transporter et à offrir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : POUR QUI --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e👥 Pour qui sont-ils faits ?\u003c\/h2\u003e\n \u003cdiv class=\"fir-grid fir-grid-3\"\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLes adeptes de \u003cstrong\u003eparfums naturels\u003c\/strong\u003e sans propulseur ni alcool\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🏔️\u003c\/span\u003e\n \u003cp\u003eLes amoureux des \u003cstrong\u003esenteurs boisées\u003c\/strong\u003e et résineuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🛋️\u003c\/span\u003e\n \u003cp\u003eCeux qui recherchent une \u003cstrong\u003eatmosphère cocooning\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e🤧\u003c\/span\u003e\n \u003cp\u003eLes personnes \u003cstrong\u003esensibles aux parfums\u003c\/strong\u003e synthétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e💝\u003c\/span\u003e\n \u003cp\u003eCeux qui cherchent un \u003cstrong\u003ecadeau original\u003c\/strong\u003e nature\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-profile-card\"\u003e\n \u003cspan class=\"fir-profile-emoji\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eLes amateurs de \u003cstrong\u003eproduits artisanaux\u003c\/strong\u003e authentiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : FORMATS --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e📦 Formats disponibles\u003c\/h2\u003e\n \u003cp class=\"fir-intro\"\u003ePrésentés dans un \u003cstrong\u003esachet kraft hermétique\u003c\/strong\u003e qui préserve leur parfum et leur confère un aspect naturel et soigné.\u003c\/p\u003e\n \u003cdiv class=\"fir-grid fir-grid-3\"\u003e\n \u003cdiv class=\"fir-format-card\"\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e50g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003e≈ 7 à 9 cailloux\u003c\/p\u003e\n \u003cp\u003eIdéal pour découvrir ou offrir un petit cadeau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-format-card fir-format-popular\"\u003e\n \u003cdiv class=\"fir-format-badge\"\u003ePopulaire\u003c\/div\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e100g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003eFormat intermédiaire\u003c\/p\u003e\n \u003cp\u003ePour parfumer plusieurs pièces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-format-card\"\u003e\n \u003cdiv class=\"fir-format-weight\"\u003e200g\u003c\/div\u003e\n \u003cp class=\"fir-format-qty\"\u003eFormat familial\u003c\/p\u003e\n \u003cp\u003ePour les amateurs conquis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : CONSERVATION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e💡 Conseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"fir-tips-grid\"\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eConservez dans le sachet d'origine entre deux utilisations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eStockez à température ambiante, à l'abri de l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-tip\"\u003e\n \u003cspan class=\"fir-tip-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003eRefermez bien le sachet pour préserver l'intensité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : COMPOSITION --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e📋 Composition et sécurité\u003c\/h2\u003e\n \u003cdiv class=\"fir-composition-box\"\u003e\n \u003cdiv class=\"fir-composition-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e Benzyl Salicylate, OTNE, Tert-butylcyclohexyl acetate.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e T1A0-H0V3-X000-JSC0\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fir-warning-box\"\u003e\n \u003cdiv class=\"fir-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"fir-warning-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eMentions de sécurité :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003ePeut produire une réaction allergique chez les personnes sensibles\u003c\/li\u003e\n \u003cli\u003eNocif pour les organismes aquatiques, entraîne des effets néfastes à long terme\u003c\/li\u003e\n \u003cli\u003eÉviter le rejet dans l'environnement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : ARTISAN --\u003e\n \u003csection class=\"fir-section\"\u003e\n \u003ch2\u003e🏡 Le Jardin de mon Grand Père\u003c\/h2\u003e\n \u003cdiv class=\"fir-artisan-box\"\u003e\n \u003cp\u003eDerrière ces cailloux parfumés se cache le savoir-faire d'un \u003cstrong\u003eartisan passionné\u003c\/strong\u003e. Le Jardin de mon Grand Père perpétue une tradition de création de parfums d'ambiance originaux, en privilégiant les senteurs authentiques et les formats inattendus.\u003c\/p\u003e\n \u003cp\u003eChaque caillou est le fruit d'un \u003cstrong\u003etravail minutieux\u003c\/strong\u003e, réalisé en petites séries pour garantir une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA FINALE --\u003e\n \u003csection class=\"fir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fir-cta-box\"\u003e\n \u003cdiv class=\"fir-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fir-cta-content\"\u003e\n \u003cp\u003e🌲 Offrez-vous une escapade olfactive au cœur des forêts de sapins baumiers. Ces cailloux parfumés artisanaux transformeront votre intérieur en un havre de paix boisé et réconfortant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fir-cream: #F5F2ED;\n --fir-white: #ffffff;\n --fir-primary: #8B7355;\n --fir-primary-dark: #5D4E3C;\n --fir-primary-light: #D4C4B0;\n --fir-secondary: #2E5A3C;\n --fir-secondary-light: #4A7C59;\n --fir-accent: #4A90A4;\n --fir-text: #1a1a1a;\n --fir-text-light: #5a5a5a;\n --fir-border: #e0e0e0;\n --fir-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fir-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fir-radius: 20px;\n --fir-radius-sm: 12px;\n}\n\n.fir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--fir-text);\n line-height: 1.6;\n}\n\n.fir-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.fir-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-secondary-light) 40%, var(--fir-primary) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L30 18 L25 20 Z M30 25 L38 45 L30 40 L22 45 Z M30 50 L32 55 L28 55 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.fir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.fir-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fir-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fir-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fir-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.fir-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.fir-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fir-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--fir-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fir-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fir-secondary), var(--fir-primary));\n border-radius: 2px;\n}\n\n.fir-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fir-text-light);\n max-width: 800px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.fir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.fir-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.fir-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === NOTES OLFACTIVES === *\/\n.fir-note-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fir-note-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-secondary);\n}\n\n.fir-note-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.fir-note-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--fir-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-note-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.fir-highlight-box {\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-secondary-light) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-highlight-content p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.fir-highlight-content p:last-child {\n margin-bottom: 0;\n}\n\n.fir-highlight-content strong {\n color: var(--fir-primary-light);\n}\n\n\/* === USAGE CARDS === *\/\n.fir-usage-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.fir-usage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-primary);\n}\n\n.fir-usage-number {\n position: absolute;\n top: -10px;\n right: -10px;\n font-size: 80px;\n font-weight: 900;\n color: var(--fir-primary-light);\n opacity: 0.3;\n line-height: 1;\n}\n\n.fir-usage-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--fir-secondary);\n margin: 0 0 0.75rem 0;\n position: relative;\n}\n\n.fir-usage-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.6;\n position: relative;\n}\n\n.fir-usage-card strong {\n color: var(--fir-primary-dark);\n}\n\n\/* === AVANTAGES === *\/\n.fir-advantages {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.fir-advantage {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--fir-shadow);\n transition: all .3s ease;\n}\n\n.fir-advantage:hover {\n transform: translateX(8px);\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-advantage-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fir-advantage strong {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--fir-primary-dark);\n margin-bottom: 4px;\n}\n\n.fir-advantage p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === PROFILS === *\/\n.fir-profile-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fir-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-accent);\n}\n\n.fir-profile-emoji {\n font-size: 36px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.fir-profile-card p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fir-profile-card strong {\n color: var(--fir-primary-dark);\n}\n\n\/* === FORMATS === *\/\n.fir-format-card {\n background: var(--fir-white);\n border-radius: var(--fir-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--fir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.fir-format-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fir-shadow-lg);\n border-color: var(--fir-primary);\n}\n\n.fir-format-popular {\n border-color: var(--fir-secondary);\n background: linear-gradient(180deg, var(--fir-white) 0%, rgba(46,90,60,.05) 100%);\n}\n\n.fir-format-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--fir-secondary);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 16px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.fir-format-weight {\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--fir-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fir-format-qty {\n font-size: 14px;\n font-weight: 700;\n color: var(--fir-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-format-card \u003e p:last-child {\n font-size: 13px;\n color: var(--fir-text-light);\n margin: 0;\n}\n\n\/* === TIPS === *\/\n.fir-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.fir-tip {\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n box-shadow: var(--fir-shadow);\n transition: all .3s ease;\n}\n\n.fir-tip:hover {\n transform: translateY(-4px);\n}\n\n.fir-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fir-tip p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.fir-composition-box {\n background: var(--fir-white);\n border-radius: var(--fir-radius-sm);\n padding: 1.5rem;\n margin-bottom: 1rem;\n box-shadow: var(--fir-shadow);\n}\n\n.fir-composition-content p {\n font-size: 14px;\n color: var(--fir-text-light);\n margin: 0 0 0.5rem 0;\n}\n\n.fir-composition-content p:last-child {\n margin-bottom: 0;\n}\n\n.fir-composition-content strong {\n color: var(--fir-text);\n}\n\n.fir-warning-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--fir-radius-sm);\n padding: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 4px solid #E6A700;\n}\n\n.fir-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.fir-warning-content p {\n font-size: 14px;\n color: var(--fir-text);\n margin: 0 0 0.75rem 0;\n}\n\n.fir-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.fir-warning-content li {\n font-size: 13px;\n color: var(--fir-text-light);\n margin-bottom: 4px;\n line-height: 1.5;\n}\n\n.fir-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === ARTISAN BOX === *\/\n.fir-artisan-box {\n background: linear-gradient(135deg, var(--fir-primary-light) 0%, var(--fir-primary) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-artisan-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.fir-artisan-box p:last-child {\n margin-bottom: 0;\n}\n\n.fir-artisan-box strong {\n color: var(--fir-cream);\n}\n\n\/* === CTA BOX === *\/\n.fir-cta-box {\n background: linear-gradient(135deg, var(--fir-secondary) 0%, var(--fir-primary-dark) 100%);\n border-radius: var(--fir-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fir-shadow-lg);\n}\n\n.fir-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.fir-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.fir-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fir-grid,\n .fir-grid-3,\n .fir-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .fir-tips-grid {\n grid-template-columns: 1fr;\n }\n \n .fir-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .fir-advantage {\n flex-direction: column;\n text-align: center;\n }\n \n .fir-advantage:hover {\n transform: translateY(-4px);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fir-note-card,\n .fir-usage-card,\n .fir-profile-card,\n .fir-format-card,\n .fir-advantage {\n animation: firFadeInUp .6s ease backwards;\n }\n \n .fir-note-card:nth-child(1),\n .fir-usage-card:nth-child(1),\n .fir-profile-card:nth-child(1),\n .fir-format-card:nth-child(1),\n .fir-advantage:nth-child(1) { animation-delay: .1s; }\n \n .fir-note-card:nth-child(2),\n .fir-usage-card:nth-child(2),\n .fir-profile-card:nth-child(2),\n .fir-format-card:nth-child(2),\n .fir-advantage:nth-child(2) { animation-delay: .2s; }\n \n .fir-note-card:nth-child(3),\n .fir-usage-card:nth-child(3),\n .fir-profile-card:nth-child(3),\n .fir-format-card:nth-child(3),\n .fir-advantage:nth-child(3) { animation-delay: .3s; }\n \n .fir-note-card:nth-child(4),\n .fir-usage-card:nth-child(4),\n .fir-profile-card:nth-child(4),\n .fir-advantage:nth-child(4) { animation-delay: .4s; }\n \n .fir-profile-card:nth-child(5),\n .fir-advantage:nth-child(5) { animation-delay: .5s; }\n \n .fir-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes firFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fir-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .fir-premium {\n background: white;\n }\n \n .fir-note-card,\n .fir-usage-card,\n .fir-profile-card,\n .fir-format-card,\n .fir-advantage,\n .fir-tip,\n .fir-composition-box {\n border: 2px solid var(--fir-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720401142137,"sku":"CAILFIRBALSAM-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720401174905,"sku":"CAILFIRBALSAM-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720401207673,"sku":"CAILFIRBALSAM-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_11.png?v=1766138463"},{"product_id":"cristal-de-fleur-precieuse-fleur-dosmanthus-parfum-solide-jardin-de-mon-grand-pere","title":"Cristal de Fleur d'Osmanthus - Fleur Précieuse - Parfum Solide - Jardin de mon Grand Père","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eCristal de Fleur Précieuse - Fleur d'Osmanthus\u003c\/strong\u003e, un \u003cem\u003eparfum solide\u003c\/em\u003e naturellement envoûtant, proposé par \u003cstrong\u003eJardin de mon Grand-Père\u003c\/strong\u003e. Ce bijou olfactif s'inspire des jardins en fleurs où les notes délicates d'osmanthus émerveillent les sens. Idéal pour les amateurs de parfums authentiques et naturels, ce cristal parfumé est conçu pour offrir une expérience sensorielle unique et durable.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eparfum solide\u003c\/strong\u003e est très simple d'utilisation. Il suffit de frotter délicatement le cristal entre vos doigts et d'appliquer le parfum aux points de pulsation: derrière les oreilles, sur les poignets, et dans le cou. Grâce à sa texture solide, ce format est parfait pour une application discrète et nomade, vous permettant de raviver votre fragrance à tout moment de la journée.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité biologique\u003c\/strong\u003e : hydratant et nourrissant pour la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de jojoba\u003c\/strong\u003e : protège la peau et améliore la durabilité du parfum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de fleur d'osmanthus naturel\u003c\/strong\u003e : apporte la note florale délicate et envoûtante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCire d'abeille\u003c\/strong\u003e : garantit la stabilité solide du parfum.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuiles essentielles\u003c\/strong\u003e : ajoutent une touche aromatique subtile et agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eTous les ingrédients sont sélectionnés pour leur \u003cstrong\u003epureté\u003c\/strong\u003e et leur \u003cstrong\u003equalité biologique\u003c\/strong\u003e, afin de garantir une expérience olfactive saine et naturelle.\u003c\/p\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eCristal de Fleur Précieuse - Fleur d'Osmanthus - Parfum Solide - Jardin de mon Grand-Père\u003c\/strong\u003e est fabriqué avec amour en France, dans notre atelier situé en pleine campagne, loin de la pollution urbaine. Nos méthodes de production respectent les traditions artisanales tout en intégrant les exigences d'une fabrication éco-responsable. Nous nous engageons à employer des \u003cstrong\u003eprocédés durables\u003c\/strong\u003e et des \u003cstrong\u003eingrédients respectueux de l'environnement\u003c\/strong\u003e, pour un produit final de haute qualité qui préserve la nature.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir le Cristal de Fleur Précieuse - Fleur d'Osmanthus ?\u003c\/h2\u003e\n\u003cp\u003eL'utilisation d'un \u003cstrong\u003eparfum solide\u003c\/strong\u003e présente de nombreux avantages par rapport aux parfums liquides traditionnels. En plus d'être plus pratique et transportable, il est aussi plus \u003cstrong\u003erespectueux de l'environnement\u003c\/strong\u003e grâce à son emballage minimaliste et réutilisable. De plus, les ingrédients naturels garantissent une expérience olfactive sans produits chimiques agressifs, idéale pour les peaux sensibles.\u003c\/p\u003e\n\u003cp\u003eChoisissez le \u003cem\u003eCristal de Fleur Précieuse - Fleur d'Osmanthus\u003c\/em\u003e pour une \u003cstrong\u003efragrance raffinée et durable\u003c\/strong\u003e, qui vous accompagnera dans tous vos moments précieux.\u003c\/p\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720568095097,"sku":"OSMANTHUSJDMGP50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720568127865,"sku":"OSMANTHUSJDMGP100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720568160633,"sku":"OSMANTHUSJDMGP200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cristaux_de_fleur_D_osmanthus_1__11zon.jpg?v=1766150883"},{"product_id":"huile-de-sesame-oriental-epice-bio-50-ml","title":"Huile de Sesame Oriental épicé bio - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame Oriental épicé bio - Arc en Sels\nPalette détectée:\n - Primaire: #2B4A6F (bleu marine du logo Arc en Sels)\n - Secondaire: #C9A962 (doré\/ocre des graines de sésame et accents orientaux)\n - Accent: #7A9E3D (vert des feuilles de menthe\/herbes)\n - Huile: #D4C94A (jaune doré de l'huile de sésame)\nAmbiance: Orientale raffinée, naturelle\/bio, féminine et sensorielle, éthique\/équitable\nPréfixe CSS: hso\n--\u003e\n\n\u003cdiv class=\"hso-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"hso-hero\"\u003e\n \u003cdiv class=\"hso-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hso-hero-content\"\u003e\n \u003cdiv class=\"hso-badges-top\"\u003e\n \u003cspan class=\"hso-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hso-hero-title\"\u003eHuile de Sésame\u003cbr\u003eOriental épicé\u003c\/span\u003e\n \u003cp class=\"hso-subtitle\"\u003eUne invitation sensorielle aux parfums d'Orient\u003c\/p\u003e\n \u003cp class=\"hso-description\"\u003eHuile précieuse issue d'une coopérative féminine du Burkina Faso,\u003cbr\u003epour nourrir, apaiser et sublimer votre peau et vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette huile de sésame précieuse\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante \u0026amp; nourrissante\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles et soulage les sensations de tiraillement pour un confort absolu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e💎 Riche en vitamine E\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité et la souplesse de votre peau grâce à ses minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eNotes subtiles d'épices orientales pour une expérience sensorielle unique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eSésamoline et lécithine naturelles pour protéger votre peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient au visage, corps et cheveux, même pour les peaux délicates et les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir la jeunesse cutanée et préserver l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e💆‍♀️ Utilisations multiples\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e🧴 Soin du corps\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, nourrit en profondeur et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eHydrate, assouplit et redonne éclat aux peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💇‍♀️ Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRedonne force, douceur et brillance. Protège les cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💆 Massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDétend, relaxe et favorise l'assouplissement musculaire et cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"hso-steps\"\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massage doux après la douche ou le bain, sur peau sèche ou légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eChauffez quelques gouttes dans vos mains et appliquez sur peau propre, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing, laissez poser 20 à 30 minutes puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🌱 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eBase précieuse, première pression à froid, sans solvant ni élévation de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Parfum naturel d'épices\u003c\/h3\u003e\n \u003cp\u003eNotes orientales subtiles pour une expérience sensorielle envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e💊 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003e20 à 50 mg\/100g pour une action antioxydante puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-composition-details\"\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAgriculture bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e97,3%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAcides gras insaturés\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e80-85%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 ÉTHIQUE --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🤝 Origine \u0026amp; engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"hso-ethique-box\"\u003e\n \u003cdiv class=\"hso-ethique-content\"\u003e\n \u003cp\u003eCette huile est le fruit d'un \u003cstrong\u003epartenariat éthique\u003c\/strong\u003e avec une coopérative féminine du Burkina Faso. Chaque flacon contribue à l'autonomisation des femmes et au développement durable des communautés locales.\u003c\/p\u003e\n \u003cdiv class=\"hso-ethique-badges\"\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌍 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e👩‍🌾 Coopérative féminine\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌿 Traçabilité garantie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid-compact\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🎯 Type de peau\u003c\/h3\u003e\n \u003cp\u003eNormales à sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🏆 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert \u0026amp; Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eBurkina Faso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hso-accordion\"\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. L'huile de sésame se conserve naturellement bien grâce à ses antioxydants naturels (sésamoline, lécithine).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Convient à tous les types de peau, y compris les peaux sensibles et les enfants. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eHuile obtenue par première pression à froid, sans aucun solvant ni élévation de température, pour préserver tous ses actifs naturels. Cosmétique écologique et biologique certifiée par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"hso-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hso-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau et vos cheveux un voyage sensoriel aux parfums d'Orient.\u003cbr\u003eUne huile précieuse, éthique et certifiée bio pour sublimer votre beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hso-cream: #FBF9F6;\n --hso-white: #ffffff;\n --hso-primary: #2B4A6F;\n --hso-primary-dark: #1E3550;\n --hso-primary-light: #E8EEF4;\n --hso-secondary: #C9A962;\n --hso-accent: #7A9E3D;\n --hso-gold: #D4C94A;\n --hso-text: #1a1a1a;\n --hso-text-light: #5a5a5a;\n --hso-border: #e0e0e0;\n --hso-shadow: 0 4px 24px rgba(43, 74, 111, .08);\n --hso-shadow-lg: 0 12px 48px rgba(43, 74, 111, .15);\n --hso-radius: 20px;\n --hso-radius-sm: 12px;\n}\n\n.hso-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hso-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hso-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hso-primary) 0%, #3D5A7A 40%, var(--hso-secondary) 100%);\n border-radius: var(--hso-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hso-shadow-lg);\n}\n\n.hso-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.hso-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hso-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.hso-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hso-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hso-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hso-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.hso-subtitle {\n color: var(--hso-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.hso-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.hso-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hso-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hso-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hso-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hso-primary), var(--hso-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.hso-card {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hso-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hso-shadow-lg);\n border-color: var(--hso-primary);\n}\n\n.hso-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hso-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hso-card-highlight {\n background: linear-gradient(135deg, var(--hso-white) 0%, var(--hso-primary-light) 100%);\n border-left: 4px solid var(--hso-secondary);\n}\n\n.hso-card-ingredient {\n background: linear-gradient(135deg, #FFFDF5 0%, #FFF8E7 100%);\n border-top: 4px solid var(--hso-secondary);\n}\n\n\/* === GRILLES === *\/\n.hso-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hso-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hso-grid-compact .hso-card {\n padding: 1rem;\n}\n\n.hso-grid-compact .hso-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hso-grid-compact .hso-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.hso-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hso-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n transition: all .3s ease;\n}\n\n.hso-step:hover {\n transform: translateX(8px);\n box-shadow: var(--hso-shadow-lg);\n}\n\n.hso-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(43, 74, 111, .3);\n}\n\n.hso-step-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.hso-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION DETAILS === *\/\n.hso-composition-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-detail-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .25rem;\n}\n\n.hso-detail-label {\n font-size: 13px;\n color: var(--hso-text-light);\n font-weight: 500;\n}\n\n.hso-detail-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--hso-primary);\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\/* === ÉTHIQUE BOX === *\/\n.hso-ethique-box {\n background: linear-gradient(135deg, var(--hso-primary-light) 0%, #F5F0E6 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid var(--hso-accent);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-ethique-content p {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--hso-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.hso-ethique-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.hso-ethique-badge {\n padding: .5rem 1rem;\n background: var(--hso-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hso-accent);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === ACCORDÉON === *\/\n.hso-accordion {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n box-shadow: var(--hso-shadow);\n overflow: hidden;\n}\n\n.hso-accordion-item {\n border-bottom: 1px solid var(--hso-border);\n margin: 0;\n padding: 0;\n}\n\n.hso-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hso-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hso-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hso-accordion-header:hover {\n background: var(--hso-primary-light);\n}\n\n.hso-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hso-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hso-primary);\n transition: transform .2s ease;\n}\n\n.hso-accordion-item[open] .hso-accordion-header::after {\n content: '−';\n}\n\n.hso-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hso-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hso-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hso-cta-box {\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hso-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.hso-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hso-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hso-card {\n padding: 1.125rem;\n }\n \n .hso-section {\n margin-bottom: 1.75rem;\n }\n \n .hso-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hso-radius-sm);\n }\n \n .hso-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hso-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hso-grid-compact {\n gap: .625rem;\n }\n \n .hso-grid-compact .hso-card {\n padding: .75rem;\n }\n \n .hso-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .hso-step:hover {\n transform: translateY(-4px);\n }\n \n .hso-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .hso-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hso-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hso-composition-details {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .hso-ethique-badges {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hso-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-card:nth-child(1) { animation-delay: .05s; }\n .hso-card:nth-child(2) { animation-delay: .1s; }\n .hso-card:nth-child(3) { animation-delay: .15s; }\n .hso-card:nth-child(4) { animation-delay: .2s; }\n .hso-card:nth-child(5) { animation-delay: .25s; }\n .hso-card:nth-child(6) { animation-delay: .3s; }\n \n .hso-step {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-step:nth-child(1) { animation-delay: .1s; }\n .hso-step:nth-child(2) { animation-delay: .2s; }\n .hso-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hso-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .hso-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"Arc en Sels","offers":[{"title":"Default Title","offer_id":45755282325661,"sku":"HUILESESAMEORARC","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-oriental-epice-bio-50-ml-arc-en-sels-lifestyle.webp?v=1768500665"},{"product_id":"shatavari-bio-stimulant-feminin-60-ayurvana","title":"Shatavari Bio - Stimulant Feminin - 60 gélules - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio - Stimulant Féminin\nPalette détectée:\n - Primaire: #D4567C (rose fuchsia du packaging)\n - Secondaire: #7FBB45 (vert naturel des feuilles)\n - Accent: #F5D5A8 (crème\/beige du fond packaging)\nAmbiance: Féminin, naturel, ayurvédique, doux et chaleureux\nPréfixe CSS: stv\n--\u003e\n\n\u003cdiv class=\"stv-premium\"\u003e\n\n\u003cdiv class=\"stv-hero\"\u003e\n\u003cdiv class=\"stv-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"stv-hero-content\"\u003e\n\u003cdiv class=\"stv-badges-top\"\u003e\n\u003cspan class=\"stv-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n\u003cspan class=\"stv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"stv-badge\"\u003e♀️ Bien-être féminin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"stv-hero-title\"\u003eShatavari Bio\u003c\/span\u003e\n\u003cp class=\"stv-subtitle\"\u003e« Celle qui possède cent maris » — Le trésor ayurvédique de la féminité\u003c\/p\u003e\n\u003cp class=\"stv-description\"\u003eDepuis plus de 4500 ans, le Shatavari accompagne les femmes à chaque étape de leur vie. Plante adaptogène exceptionnelle pour l'équilibre hormonal et la vitalité intime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits pour votre bien-être\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid\"\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n\u003cp\u003eAccompagne naturellement les cycles irréguliers, le syndrome prémenstruel et les bouleversements de la périménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de chaleur excessive et les bouffées de chaleur qui perturbent le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💕 Stimulation de la libido\u003c\/h3\u003e\n\u003cp\u003eFavorise naturellement le désir et la vitalité intime en nourrissant les tissus reproducteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💧 Hydratation des muqueuses\u003c\/h3\u003e\n\u003cp\u003eRiche en mucilages naturels, contribue au confort intime, particulièrement lors de la ménopause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🌱 Composition pure et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"stv-compo-grid\"\u003e\n\u003cdiv class=\"stv-card stv-compo-card\"\u003e\n\u003cdiv class=\"stv-dosage\"\u003e1300 mg\u003c\/div\u003e\n\u003ch3\u003e🌿 Racine de Shatavari bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAsparagus racemosus\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eRacines issues de l'agriculture biologique en Inde, concentrant saponines, mucilages et flavonoïdes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-compo-card\"\u003e\n\u003cdiv class=\"stv-dosage\"\u003e100%\u003c\/div\u003e\n\u003ch3\u003e🍃 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHPMC\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eEnveloppe 100% végétale sans gélatine animale. Convient aux végétariens et végans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"stv-usage\"\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e☀️ Midi\u003c\/h3\u003e\n\u003cp\u003e2 gélules avec un verre d'eau avant le repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e🌙 Soir\u003c\/h3\u003e\n\u003cp\u003e2 gélules avec un verre d'eau avant le repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-usage-step\"\u003e\n\u003cdiv class=\"stv-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"stv-step-content\"\u003e\n\u003ch3\u003e📅 Durée\u003c\/h3\u003e\n\u003cp\u003eCure de 1 à 3 mois pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-tip-box\"\u003e\n\u003cp\u003e💡 \u003cstrong\u003e1 pilulier = 15 jours de cure.\u003c\/strong\u003e Premiers effets ressentis après 2 à 3 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e👩 Pour qui est ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid\"\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🌙 Cycles perturbés\u003c\/h3\u003e\n\u003cp\u003eRègles douloureuses, irrégulières ou syndrome prémenstruel impactant le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🔥 Ménopause\u003c\/h3\u003e\n\u003cp\u003eBouffées de chaleur, sautes d'humeur et inconforts de cette période de transition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e💝 Baisse de désir\u003c\/h3\u003e\n\u003cp\u003eRetrouver une vitalité intime naturelle sans hormones de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🤱 Projet bébé\u003c\/h3\u003e\n\u003cp\u003ePréparer son corps à la conception en nourrissant les tissus reproducteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🏃‍♀️ Femmes actives\u003c\/h3\u003e\n\u003cp\u003eSoutenir l'énergie et la récupération tout en maintenant l'équilibre hormonal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eSolutions bio et ayurvédiques, pures et sans additifs chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🕉️ La sagesse ayurvédique\u003c\/h2\u003e\n\u003cdiv class=\"stv-card stv-ayurveda-card\"\u003e\n\u003cdiv class=\"stv-ayurveda-grid\"\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e⚖️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eÉquilibre des doshas\u003c\/h3\u003e\n\u003cp\u003eApaise Pitta et Vata, souvent en excès chez les femmes modernes stressées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e🔄\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePlante adaptogène\u003c\/h3\u003e\n\u003cp\u003eS'adapte au stress physique et émotionnel selon vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e💎\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRasayana féminin\u003c\/h3\u003e\n\u003cp\u003eÉlixir de jouvence qui régénère l'appareil reproducteur féminin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-ayurveda-item\"\u003e\n\u003cspan\u003e🌊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eNourrit Rasa Dhatu\u003c\/h3\u003e\n\u003cp\u003ePremier tissu corporel, responsable de l'hydratation et de la vitalité reproductive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"stv-accordion\"\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🤰 Peut-on le prendre pendant la grossesse ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eBien que traditionnellement utilisé en Inde pour soutenir la lactation, nous recommandons de consulter votre médecin ou sage-femme avant toute supplémentation pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e💇 Aide-t-il contre la chute de cheveux ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eLe Shatavari n'est pas spécifiquement dédié à la chute de cheveux, mais en soutenant l'équilibre hormonal, il peut indirectement contribuer à la santé capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e⏱️ Combien de temps pour ressentir les effets ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eLes premiers bienfaits se font généralement sentir après 2 à 4 semaines de prise régulière. Pour des résultats durables, une cure de 2 à 3 mois est recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🌿 Peut-on l'associer à d'autres plantes ?\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eOui, le Shatavari se marie parfaitement avec l'Ashwagandha pour le stress, le Tribulus pour la vitalité ou le Gingembre pour la digestion. En cas de traitement médical, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e🏆 Nos garanties qualité\u003c\/h2\u003e\n\u003cdiv class=\"stv-grid-compact\"\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🌿 Bio Ecocert\u003c\/h3\u003e\n\u003cp\u003eFR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eNormes strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n\u003cp\u003eTerroir ancestral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stv-card stv-quality-card\"\u003e\n\u003ch3\u003e🔬 Contrôlé\u003c\/h3\u003e\n\u003cp\u003eChaque lot testé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"stv-accordion\"\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e de 423 mg chacune • Poids net : 25,4 g • 15 jours de cure à 4 gélules\/jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"stv-accordion-item\"\u003e\n\u003csummary class=\"stv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"stv-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser 4 gélules par jour. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Ne se substitue pas à une alimentation variée et équilibrée. En cas de traitement hormonal, consulter votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"stv-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"stv-cta-box\"\u003e\n\u003cp class=\"stv-cta-title\"\u003e🌸 Offrez à votre corps la sagesse millénaire de l'Ayurveda\u003c\/p\u003e\n\u003cp\u003eLe Shatavari Bio est bien plus qu'un complément alimentaire : c'est un véritable allié pour votre équilibre hormonal et votre épanouissement à chaque étape de votre vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --stv-cream: #FDF8F3;\n --stv-white: #ffffff;\n --stv-primary: #D4567C;\n --stv-primary-dark: #B8456A;\n --stv-primary-light: #FFF0F5;\n --stv-secondary: #7FBB45;\n --stv-secondary-light: #F0F9E8;\n --stv-accent: #F5D5A8;\n --stv-text: #1a1a1a;\n --stv-text-light: #5a5a5a;\n --stv-border: #e8e0d8;\n --stv-shadow: 0 4px 24px rgba(212,86,124,.08);\n --stv-shadow-lg: 0 12px 48px rgba(212,86,124,.15);\n --stv-radius: 20px;\n --stv-radius-sm: 12px;\n}\n\n.stv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--stv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.stv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--stv-primary) 0%, #E88BA3 50%, var(--stv-secondary) 100%);\n border-radius: var(--stv-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(--stv-shadow-lg);\n}\n\n.stv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.stv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.stv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.stv-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(--stv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.stv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.stv-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.stv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.stv-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.stv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.stv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--stv-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.stv-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(--stv-primary), var(--stv-secondary));\n border-radius: 2px;\n}\n\n.stv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.stv-card {\n background: var(--stv-white);\n border-radius: var(--stv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--stv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.stv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--stv-shadow-lg);\n border-color: var(--stv-primary);\n}\n\n.stv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--stv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.stv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--stv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.stv-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.stv-compo-card {\n background: linear-gradient(135deg, var(--stv-secondary-light) 0%, var(--stv-white) 100%);\n}\n\n.stv-dosage {\n font-size: 36px;\n font-weight: 900;\n color: var(--stv-secondary);\n margin-bottom: .5rem;\n}\n\n.stv-compo-card em {\n color: var(--stv-text-light);\n font-size: 13px;\n}\n\n.stv-usage {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.stv-usage-step {\n background: var(--stv-white);\n border-radius: var(--stv-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--stv-shadow);\n}\n\n.stv-step-num {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--stv-primary), var(--stv-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.stv-step-content h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--stv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.stv-step-content p {\n font-size: 13px;\n color: var(--stv-text-light);\n margin: 0;\n}\n\n.stv-tip-box {\n background: var(--stv-accent);\n border-radius: var(--stv-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.stv-tip-box p {\n margin: 0;\n font-size: 14px;\n color: var(--stv-text);\n}\n\n.stv-ayurveda-card {\n background: linear-gradient(135deg, var(--stv-primary-light) 0%, var(--stv-secondary-light) 100%);\n}\n\n.stv-ayurveda-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.stv-ayurveda-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n text-align: left;\n}\n\n.stv-ayurveda-item \u003e span {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.stv-ayurveda-item h3 {\n font-size: 15px;\n margin: 0 0 .25rem 0;\n}\n\n.stv-ayurveda-item p {\n font-size: 13px;\n margin: 0;\n}\n\n.stv-accordion {\n background: var(--stv-white);\n border-radius: var(--stv-radius);\n box-shadow: var(--stv-shadow);\n overflow: hidden;\n}\n\n.stv-accordion-item {\n border-bottom: 1px solid var(--stv-border);\n margin: 0;\n padding: 0;\n}\n\n.stv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.stv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--stv-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.stv-accordion-header:hover {\n background: var(--stv-primary-light);\n}\n\n.stv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.stv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--stv-primary);\n transition: transform .2s ease;\n}\n\n.stv-accordion-item[open] .stv-accordion-header::after {\n content: '−';\n}\n\n.stv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--stv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.stv-accordion-content p {\n margin: 0;\n}\n\n.stv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.stv-quality-card {\n padding: 1rem;\n}\n\n.stv-quality-card h3 {\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.stv-quality-card p {\n font-size: 12px;\n}\n\n.stv-cta-box {\n background: linear-gradient(135deg, var(--stv-primary) 0%, var(--stv-primary-dark) 100%);\n border-radius: var(--stv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.stv-cta-title {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: white;\n margin-bottom: 1rem;\n}\n\n.stv-cta-box p {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .stv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .stv-compo-grid {\n grid-template-columns: 1fr;\n }\n \n .stv-usage {\n grid-template-columns: 1fr;\n }\n \n .stv-ayurveda-grid {\n grid-template-columns: 1fr;\n }\n \n .stv-card {\n padding: 1.125rem;\n }\n \n .stv-section {\n margin-bottom: 1.75rem;\n }\n \n .stv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--stv-radius-sm);\n }\n \n .stv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .stv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .stv-grid-compact {\n gap: .625rem;\n }\n \n .stv-grid-compact .stv-card {\n padding: .75rem;\n }\n \n .stv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .stv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .stv-card {\n animation: stvFadeInUp .5s ease backwards;\n }\n .stv-card:nth-child(1) { animation-delay: .05s; }\n .stv-card:nth-child(2) { animation-delay: .1s; }\n .stv-card:nth-child(3) { animation-delay: .15s; }\n .stv-card:nth-child(4) { animation-delay: .2s; }\n .stv-card:nth-child(5) { animation-delay: .25s; }\n .stv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes stvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .stv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45785550389405,"sku":"AY9016","price":16.75,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio_60-gelules_ayurvana.jpg?v=1766916038"},{"product_id":"elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-15-ml-arc-en-sels","title":"Elixir Huile de Pépins de Figues de Barbarie Véritable Bio - 15 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Elixir Huile de Pépins de Figues de Barbarie Bio\nPalette détectée:\n - Primaire: #1B4D5C (bleu-vert profond du logo AS)\n - Secondaire: #C4A35A (doré\/jaune de l'huile dans le flacon)\n - Accent: #B8364B (rouge bordeaux du bandeau \"Peaux Matures\")\n - Tertiaire: #D4956A (terracotta\/abricot de l'arrière-plan)\nAmbiance: Luxe naturel, cosmétique premium, oriental raffiné, féminin élégant\nPréfixe CSS: elx\n--\u003e\n\n\u003cdiv class=\"elx-premium\"\u003e\n \n \u003cdiv class=\"elx-hero\"\u003e\n \u003cdiv class=\"elx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"elx-hero-content\"\u003e\n \u003cdiv class=\"elx-badges-top\"\u003e\n \u003cspan class=\"elx-badge\"\u003e🌵 100% pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e🇲🇦 Savoir-faire marocain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"elx-hero-title\"\u003eElixir précieux\u003cbr\u003eFigue de Barbarie\u003c\/span\u003e\n \u003cp class=\"elx-subtitle\"\u003eL'or du désert pour votre peau\u003c\/p\u003e\n \u003cp class=\"elx-description\"\u003eHuile rare extraite des pépins du cactus Opuntia Ficus Indica, reconnue comme l'une des huiles les plus précieuses au monde pour ses vertus anti-âge exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e✨ Bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🔬 Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, elle neutralise les radicaux libres et stimule le renouvellement cellulaire pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eSa composition en oméga-6 et oméga-9 nourrit en profondeur et préserve l'élasticité naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🌟 Éclat lumineux\u003c\/h3\u003e\n \u003cp\u003eRévèle la luminosité naturelle du teint et unifie le grain de peau pour un effet \"bonne mine\" immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🩹 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eAccélère la régénération cutanée, atténue les cicatrices et les imperfections pour une peau lisse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, convient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer cernes, poches et ridules du contour de l'œil grâce à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e💎 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"elx-composition-box\"\u003e\n \u003cdiv class=\"elx-composition-grid\"\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eHuile de pépins de figues de barbarie pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-6\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide linoléique nourrissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-9\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide oléique protecteur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAntioxydant naturel puissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"elx-composition-note\"\u003eSans additifs • Sans conservateurs • Certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLuttez efficacement contre les signes visibles de l'âge : rides, ridules, perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌿 Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eRestaurez le film hydrolipidique et retrouvez une peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🦋 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTexture non grasse et formule pure, parfaitement tolérée par les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"elx-steps\"\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eSur peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eAppliquez l'élixir\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003ePar mouvements circulaires sur le visage, le cou et le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eUtilisez en synergie\u003c\/h3\u003e\n \u003cp\u003eComme sérum sous votre crème ou ajoutée à votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e🏺 Savoir-faire artisanal\u003c\/h2\u003e\n \u003cdiv class=\"elx-artisan-box\"\u003e\n \u003cdiv class=\"elx-artisan-content\"\u003e\n \u003cdiv class=\"elx-artisan-icon\"\u003e🌵\u003c\/div\u003e\n \u003ch3\u003ePremière pression à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui préserve l'intégralité des actifs précieux du fruit. Chaque goutte témoigne d'un savoir-faire marocain ancestral allié aux exigences européennes strictes en matière de qualité et de traçabilité.\u003c\/p\u003e\n \u003cdiv class=\"elx-artisan-badges\"\u003e\n \u003cspan\u003e🌱 Agriculture biologique\u003c\/span\u003e\n \u003cspan\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan\u003e🇪🇺 Normes européennes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📦 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"elx-accordion\"\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e📏 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eFlacon compte-gouttes de 15 ml. À raison de 2-3 gouttes par application, ce précieux élixir vous accompagne pendant environ 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après chaque utilisation pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"elx-cta-box\"\u003e\n \u003cdiv class=\"elx-cta-icon\"\u003e🌟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de la nature.\u003cbr\u003e\u003cstrong\u003eUn geste simple, un résultat lumineux.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cspan class=\"elx-cta-tagline\"\u003eVotre éclat, notre signature\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --elx-cream: #FDF8F3;\n --elx-white: #ffffff;\n --elx-primary: #1B4D5C;\n --elx-primary-dark: #133844;\n --elx-primary-light: #E8F0F2;\n --elx-secondary: #C4A35A;\n --elx-secondary-light: #F5EED9;\n --elx-accent: #B8364B;\n --elx-terracotta: #D4956A;\n --elx-text: #1a1a1a;\n --elx-text-light: #5a5a5a;\n --elx-border: #e8e0d8;\n --elx-shadow: 0 4px 24px rgba(27,77,92,.08);\n --elx-shadow-lg: 0 12px 48px rgba(27,77,92,.15);\n --elx-radius: 20px;\n --elx-radius-sm: 12px;\n}\n\n.elx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--elx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.elx-hero {\n position: relative;\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 40%, #0d2830 100%);\n border-radius: var(--elx-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--elx-secondary) 0.5px, transparent 0.5px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.elx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.elx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.elx-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--elx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.elx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,163,90,.3);\n}\n\n.elx-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.elx-subtitle {\n color: var(--elx-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.elx-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.elx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.elx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--elx-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.elx-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--elx-secondary), var(--elx-terracotta));\n border-radius: 2px;\n}\n\n\/* === GRID === *\/\n.elx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.elx-card {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.elx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--elx-shadow-lg);\n border-color: var(--elx-secondary);\n}\n\n.elx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.elx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.elx-card-target {\n background: linear-gradient(135deg, var(--elx-white) 0%, var(--elx-secondary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.elx-composition-box {\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.elx-composition-item {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,.1);\n border-radius: var(--elx-radius-sm);\n backdrop-filter: blur(10px);\n}\n\n.elx-composition-value {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--elx-secondary);\n margin-bottom: .25rem;\n}\n\n.elx-composition-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: rgba(255,255,255,.85);\n line-height: 1.4;\n}\n\n.elx-composition-note {\n text-align: center;\n color: rgba(255,255,255,.7);\n font-size: clamp(12px, 2vw, 14px);\n font-weight: 600;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.elx-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.elx-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n box-shadow: var(--elx-shadow);\n transition: all .3s ease;\n}\n\n.elx-step:hover {\n transform: translateX(8px);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--elx-secondary), var(--elx-terracotta));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.elx-step-content h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.elx-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ARTISAN BOX === *\/\n.elx-artisan-box {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid var(--elx-secondary-light);\n text-align: center;\n}\n\n.elx-artisan-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.elx-artisan-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.elx-artisan-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--elx-text-light);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.25rem;\n}\n\n.elx-artisan-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.elx-artisan-badges span {\n padding: 8px 16px;\n background: var(--elx-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--elx-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.elx-accordion {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n box-shadow: var(--elx-shadow);\n overflow: hidden;\n}\n\n.elx-accordion-item {\n border-bottom: 1px solid var(--elx-border);\n margin: 0;\n padding: 0;\n}\n\n.elx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.elx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--elx-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.elx-accordion-header:hover {\n background: var(--elx-primary-light);\n}\n\n.elx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.elx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--elx-secondary);\n transition: transform .2s ease;\n}\n\n.elx-accordion-item[open] .elx-accordion-header::after {\n content: '−';\n}\n\n.elx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--elx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.elx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.elx-cta-box {\n background: linear-gradient(135deg, var(--elx-secondary) 0%, var(--elx-terracotta) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.elx-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: shimmer 8s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-10%, -10%); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.elx-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.elx-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n}\n\n.elx-cta-tagline {\n display: inline-block;\n padding: 10px 24px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n font-style: italic;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .elx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .elx-card {\n padding: 1.125rem;\n }\n \n .elx-section {\n margin-bottom: 1.75rem;\n }\n \n .elx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--elx-radius-sm);\n }\n \n .elx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .elx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .elx-badges-top {\n gap: 8px;\n }\n \n .elx-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .elx-composition-item {\n padding: .75rem;\n }\n \n .elx-step {\n padding: 1rem;\n }\n \n .elx-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .elx-artisan-badges {\n gap: .5rem;\n }\n \n .elx-artisan-badges span {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .elx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .elx-card {\n animation: fadeInUp .5s ease backwards;\n }\n .elx-card:nth-child(1) { animation-delay: .05s; }\n .elx-card:nth-child(2) { animation-delay: .1s; }\n .elx-card:nth-child(3) { animation-delay: .15s; }\n .elx-card:nth-child(4) { animation-delay: .2s; }\n .elx-card:nth-child(5) { animation-delay: .25s; }\n .elx-card:nth-child(6) { animation-delay: .3s; }\n \n .elx-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .elx-step:nth-child(1) { animation-delay: .1s; }\n .elx-step:nth-child(2) { animation-delay: .2s; }\n .elx-step:nth-child(3) { animation-delay: .3s; }\n .elx-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .elx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .elx-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755288879261,"sku":"ELIXIRFIGUEBARBARIE","price":47.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-1-lifestyle.webp?v=1768500918"},{"product_id":"tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gelules-ayurvana","title":"Tribulus - Favorise le Désir et les capacités Sexuelles - 60 Gélules - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tribulus - Complément alimentaire pour le désir et les capacités sexuelles\nPalette détectée:\n - Primaire: #C41E3A (rouge profond du capuchon, évoquant la passion et l'énergie)\n - Secondaire: #8B4513 (brun\/terre pour l'aspect naturel\/ayurvédique)\n - Accent: #4A7C59 (vert naturel pour le badge vegan et l'aspect végétal)\n - Background: #F5F1E8 (beige crème du packaging, naturel et apaisant)\nAmbiance: Ayurvédique\/naturel premium, avec une touche de sensualité suggérée par le rouge passion\nStyle: Naturel sophistiqué, ancestral moderne, bien-être intime\nPréfixe CSS: trib\n--\u003e\n\n\u003cdiv class=\"trib-premium\"\u003e\n \u003cdiv class=\"trib-hero\"\u003e\n \u003cdiv class=\"trib-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-hero-content\"\u003e\n \u003cdiv class=\"trib-badges-top\"\u003e\n \u003cspan class=\"trib-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e🔥 Stimule la libido\u003c\/span\u003e\n \u003cspan class=\"trib-badge\"\u003e💪 Performances améliorées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-hero-title\"\u003eTribulus Ayur-Vana\u003c\/span\u003e\n \u003cp class=\"trib-subtitle\"\u003eLe secret ancestral de la vitalité sexuelle\u003c\/p\u003e\n \u003cp class=\"trib-description\"\u003eIssu de la médecine ayurvédique millénaire, le Tribulus terrestris révèle son pouvoir aphrodisiaque naturel. Une formule concentrée en protodioscines pour réveiller le désir et décupler les performances, chez l'homme comme chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir notre Tribulus ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e❤️‍🔥\u003c\/div\u003e\n \u003ch3\u003eDésir intensifié\u003c\/h3\u003e\n \u003cp\u003eAugmente naturellement la libido en stimulant les fonctions sexuelles et en ravivant le désir intime au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🚀\u003c\/div\u003e\n \u003ch3\u003ePerformances optimales\u003c\/h3\u003e\n \u003cp\u003eRiche en protodioscines (20%), il favorise la libération d'oxyde nitrique pour des performances sexuelles améliorées et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eÉquilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eSoutient une production équilibrée de testostérone, bénéfique pour la vitalité sexuelle et l'énergie physique des sportifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-card\"\u003e\n \u003cdiv class=\"trib-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège vos cellules du stress oxydatif, favorisant une meilleure énergie globale et un bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🌱 Composition premium et concentrée\u003c\/h2\u003e\n \u003cdiv class=\"trib-composition-box\"\u003e\n \u003cdiv class=\"trib-composition-main\"\u003e\n \u003cdiv class=\"trib-ingredient-hero\"\u003e\n \u003cdiv class=\"trib-dosage-circle\"\u003e\n \u003cspan class=\"trib-dosage-number\"\u003e1800\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-unit\"\u003emg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-ingredient-info\"\u003e\n \u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n \u003cp\u003eExtrait de fruits cuits concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-purity-badge\"\u003e\n \u003cspan class=\"trib-percentage\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"trib-purity-label\"\u003ede protodioscines\u003cbr\u003e(360 mg par dose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-composition-extra\"\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003e\u003cstrong\u003e90 mg\u003c\/strong\u003e de carbonate de magnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eGélules 100% végétales (hypromellose)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-extra-item\"\u003e\n \u003cspan class=\"trib-extra-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"trib-extra-text\"\u003eCertifié agriculture biologique FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n \u003cdiv class=\"trib-dosage-grid\"\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-attack\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'attaque\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003ePremières semaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"trib-multiply\"\u003e×\u003c\/span\u003e\n \u003cspan class=\"trib-times\"\u003e3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e2 gélules avant chaque repas\u003cbr\u003e\u003cstrong\u003eSoit 6 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour un impact maximal et des résultats rapides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-card trib-dosage-maintenance\"\u003e\n \u003cdiv class=\"trib-dosage-header\"\u003e\n \u003cspan class=\"trib-dosage-label\"\u003ePhase d'entretien\u003c\/span\u003e\n \u003cspan class=\"trib-dosage-duration\"\u003eLong terme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-dosage-visual\"\u003e\n \u003cdiv class=\"trib-pills\"\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003cspan class=\"trib-pill\"\u003e💊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-dosage-instruction\"\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e\u003cbr\u003eDe préférence le matin\u003c\/p\u003e\n \u003cp class=\"trib-dosage-goal\"\u003ePour maintenir les bénéfices au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e👥 Pour qui est fait ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👨\u003c\/div\u003e\n \u003ch3\u003eHommes en quête de vitalité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver une libido épanouie et améliorer vos performances intimes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e👩\u003c\/div\u003e\n \u003ch3\u003eFemmes actives\u003c\/h3\u003e\n \u003cp\u003eVous désirez raviver votre désir sexuel et booster votre énergie vitale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e🏋️\u003c\/div\u003e\n \u003ch3\u003eSportifs exigeants\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un soutien hormonal naturel pour optimiser vos performances physiques et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-profile-card\"\u003e\n \u003cdiv class=\"trib-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003ch3\u003eCouples épanouis\u003c\/h3\u003e\n \u003cp\u003eVous voulez enrichir votre vie intime et retrouver une complicité physique renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e🎯 Les résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"trib-results-timeline\"\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e7-10\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003ejours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie, meilleure vitalité générale, sensations de bien-être accrues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e2-3\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003esemaines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets notables\u003c\/h3\u003e\n \u003cp\u003eAugmentation perceptible de la libido, amélioration des performances et du désir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-item\"\u003e\n \u003cdiv class=\"trib-timeline-marker\"\u003e\n \u003cspan class=\"trib-timeline-number\"\u003e1-2\u003c\/span\u003e\n \u003cspan class=\"trib-timeline-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-timeline-content\"\u003e\n \u003ch3\u003eEffets optimaux\u003c\/h3\u003e\n \u003cp\u003eVitalité sexuelle pleinement restaurée, équilibre hormonal stabilisé, bien-être durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e⚠️ Précautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"trib-warning-box\"\u003e\n \u003cdiv class=\"trib-warning-grid\"\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, allaitantes, enfants et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter\u003c\/strong\u003e en cas de traitement anti-hypertenseur ou antidiabétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-warning-item\"\u003e\n \u003cspan class=\"trib-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTenir\u003c\/strong\u003e hors de portée des jeunes enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"trib-warning-footer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"trib-grid\"\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003cbr\u003eCure de 10 à 30 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAgriculture biologique\u003c\/strong\u003e\u003cbr\u003eCertifié FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabricant\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAyur-Vana\u003c\/strong\u003e\u003cbr\u003eExpertise ayurvédique française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"trib-info-card\"\u003e\n \u003cdiv class=\"trib-info-icon\"\u003e🥬\u003c\/div\u003e\n \u003ch3\u003eFormat\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% vegan\u003c\/strong\u003e\u003cbr\u003eGélules hypromellose végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"trib-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"trib-cta-box\"\u003e\n \u003cdiv class=\"trib-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"trib-cta-content\"\u003e\n \u003cp class=\"trib-cta-title\"\u003e🔥 Réveillez votre désir, libérez votre potentiel\u003c\/p\u003e\n \u003cp\u003eAvec Tribulus Ayur-Vana, offrez-vous le meilleur de la tradition ayurvédique pour retrouver une libido épanouie, des performances optimales et un bien-être intime renouvelé. Une formule naturelle, concentrée et efficace pour une vie sexuelle et physique au sommet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --trib-cream: #F5F1E8;\n --trib-white: #ffffff;\n --trib-primary: #C41E3A;\n --trib-primary-dark: #8B1528;\n --trib-primary-light: #F8E5E8;\n --trib-secondary: #8B4513;\n --trib-accent: #4A7C59;\n\n \/* Textes *\/\n --trib-text: #1a1a1a;\n --trib-text-light: #5a5a5a;\n\n \/* Effets *\/\n --trib-border: #e0e0e0;\n --trib-shadow: 0 4px 24px rgba(0,0,0,.08);\n --trib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --trib-radius: 20px;\n --trib-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.trib-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--trib-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--trib-text);\n}\n\n\/* === HERO === *\/\n.trib-hero {\n position: relative;\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 50%, var(--trib-secondary) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.trib-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.trib-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.trib-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--trib-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.trib-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.trib-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.trib-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.trib-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.trib-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.trib-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--trib-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.trib-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--trib-primary), var(--trib-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.trib-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-card-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-card h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.trib-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION BOX === *\/\n.trib-composition-box {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow-lg);\n border: 3px solid var(--trib-primary);\n}\n\n.trib-composition-main {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-ingredient-hero {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n flex: 1;\n min-width: 250px;\n}\n\n.trib-dosage-circle {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n box-shadow: 0 8px 24px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-dosage-number {\n font-size: 32px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-dosage-unit {\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-ingredient-info h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.trib-ingredient-info p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n}\n\n.trib-purity-badge {\n text-align: center;\n background: var(--trib-white);\n padding: 1.5rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: var(--trib-shadow);\n border: 2px solid var(--trib-accent);\n}\n\n.trib-percentage {\n display: block;\n font-size: 42px;\n font-weight: 900;\n color: var(--trib-accent);\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.trib-purity-label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--trib-text);\n line-height: 1.4;\n}\n\n.trib-composition-extra {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.trib-extra-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n background: var(--trib-white);\n padding: 1rem 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-extra-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.trib-extra-text {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n line-height: 1.5;\n}\n\n\/* === DOSAGE GRID === *\/\n.trib-dosage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.trib-dosage-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 3px solid transparent;\n transition: all .3s ease;\n}\n\n.trib-dosage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-dosage-attack {\n border-color: var(--trib-primary);\n}\n\n.trib-dosage-maintenance {\n border-color: var(--trib-accent);\n}\n\n.trib-dosage-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px dashed var(--trib-border);\n}\n\n.trib-dosage-label {\n font-size: 18px;\n font-weight: 800;\n color: var(--trib-primary-dark);\n}\n\n.trib-dosage-duration {\n font-size: 13px;\n font-weight: 700;\n color: var(--trib-text-light);\n background: var(--trib-primary-light);\n padding: 4px 10px;\n border-radius: 999px;\n}\n\n.trib-dosage-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin: 1.5rem 0;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--trib-primary-light), transparent);\n border-radius: var(--trib-radius-sm);\n}\n\n.trib-pills {\n display: flex;\n gap: 8px;\n}\n\n.trib-pill {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.trib-multiply {\n font-size: 24px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-times {\n font-size: 36px;\n font-weight: 900;\n color: var(--trib-primary);\n}\n\n.trib-dosage-instruction {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--trib-text);\n text-align: center;\n margin: 1rem 0;\n line-height: 1.6;\n}\n\n.trib-dosage-instruction strong {\n color: var(--trib-primary-dark);\n font-weight: 800;\n}\n\n.trib-dosage-goal {\n font-size: 14px;\n color: var(--trib-text-light);\n text-align: center;\n margin: 0;\n font-style: italic;\n}\n\n\/* === PROFILE CARDS === *\/\n.trib-profile-card {\n background: linear-gradient(135deg, var(--trib-white) 0%, var(--trib-primary-light) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-primary);\n}\n\n.trib-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.trib-profile-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.trib-profile-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.trib-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.trib-timeline-item {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--trib-radius);\n box-shadow: var(--trib-shadow);\n border-left: 5px solid var(--trib-primary);\n transition: all .3s ease;\n}\n\n.trib-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-timeline-marker {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--trib-primary), var(--trib-primary-dark));\n border-radius: var(--trib-radius-sm);\n padding: 1rem;\n min-width: 90px;\n box-shadow: 0 4px 16px rgba(196, 30, 58, .3);\n flex-shrink: 0;\n}\n\n.trib-timeline-number {\n font-size: 28px;\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.trib-timeline-unit {\n font-size: 13px;\n font-weight: 700;\n color: rgba(255,255,255,.9);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.trib-timeline-content h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-timeline-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.trib-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF8E1 100%);\n border: 3px solid #FFB74D;\n border-radius: var(--trib-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--trib-shadow);\n}\n\n.trib-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.trib-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--trib-white);\n padding: 1.25rem;\n border-radius: var(--trib-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.trib-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.trib-warning-item p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text);\n margin: 0;\n line-height: 1.5;\n}\n\n.trib-warning-footer {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--trib-text);\n text-align: center;\n margin: 0;\n padding-top: 1.5rem;\n border-top: 2px dashed #FFB74D;\n font-style: italic;\n}\n\n\/* === INFO CARDS === *\/\n.trib-info-card {\n background: var(--trib-white);\n border-radius: var(--trib-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--trib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.trib-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--trib-shadow-lg);\n border-color: var(--trib-accent);\n}\n\n.trib-info-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.trib-info-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--trib-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.trib-info-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--trib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.trib-cta-box {\n background: linear-gradient(135deg, var(--trib-primary) 0%, var(--trib-primary-dark) 100%);\n border-radius: var(--trib-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--trib-shadow-lg);\n}\n\n.trib-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.trib-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.trib-cta-title {\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 900;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.trib-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .trib-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-dosage-grid {\n grid-template-columns: 1fr;\n }\n \n .trib-composition-main {\n flex-direction: column;\n }\n \n .trib-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .trib-timeline-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card,\n .trib-timeline-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .trib-card:nth-child(1),\n .trib-dosage-card:nth-child(1),\n .trib-profile-card:nth-child(1),\n .trib-info-card:nth-child(1),\n .trib-timeline-item:nth-child(1) { animation-delay: .1s; }\n \n .trib-card:nth-child(2),\n .trib-dosage-card:nth-child(2),\n .trib-profile-card:nth-child(2),\n .trib-info-card:nth-child(2),\n .trib-timeline-item:nth-child(2) { animation-delay: .2s; }\n \n .trib-card:nth-child(3),\n .trib-profile-card:nth-child(3),\n .trib-info-card:nth-child(3),\n .trib-timeline-item:nth-child(3) { animation-delay: .3s; }\n \n .trib-card:nth-child(4),\n .trib-profile-card:nth-child(4),\n .trib-info-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .trib-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .trib-card,\n .trib-dosage-card,\n .trib-profile-card,\n .trib-info-card {\n border: 3px solid var(--trib-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755297726621,"sku":"AY9404","price":20.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tribulus-favorise-le-desir-et-les-capacites-sexuelles-60-gel-ingredients.webp?v=1768501455"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cam-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"huile-dargousier-bio-soin-du-visage-30-ml-arc-en-sels","title":"Huile d'Argousier Bio - Soin du Visage 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argousier Bio - Arc en Sels\nPalette détectée:\n - Primaire: #8B2D4A (bordeaux\/lie de vin de l'huile visible dans le flacon)\n - Secondaire: #E8A639 (orange doré des baies d'argousier)\n - Accent: #D4AF37 (or des motifs mandala sur le packaging)\n - Fond: #F9F6F2 (crème\/beige clair du packaging)\nAmbiance: Naturel premium, élégant, cosmétique bio avec touches orientales (mandala), féminin et raffiné\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Revitalisant\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🍊 30x plus de vitamine C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argousier Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eVotre éclat, notre signature\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn concentré de bienfaits issu des précieuses baies orangées pour redonner à votre visage toute sa vitalité et son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus exceptionnelles de l'argousier\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e30 fois plus que l'orange\u003c\/strong\u003e pour un effet bonne mine immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège vos cellules du vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003ePrécurseur de la vitamine A, il favorise le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Oméga-7 rare\u003c\/h3\u003e\n \u003cp\u003eAcide palmitoléique qui nourrit en profondeur et soutient l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Oméga 3, 6 et 9\u003c\/h3\u003e\n \u003cp\u003eHydratation durable et barrière cutanée renforcée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eActifs apaisants qui calment les irritations et sensibilités\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits pour votre visage\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eCombat les radicaux libres, stimule le collagène. Les rides et ridules sont visiblement atténuées, votre visage retrouve un aspect plus lisse et plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e✨ Teint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLa richesse en caroténoïdes confère des propriétés « bonne mine » remarquables. Dès les premières applications, votre peau semble plus lumineuse et reposée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels pénètrent en profondeur pour une hydratation longue durée et une régénération cellulaire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eFilm protecteur naturel contre les agressions : pollution, froid, vent et variations de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge complète et nutrition profonde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense et réparation en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e😴 Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eEffet revitalisant et éclat immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et douces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🩹 Peaux abîmées\u003c\/h3\u003e\n \u003cp\u003eCicatrices, imperfections, zones fragilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e❄️ Peaux agressées\u003c\/h3\u003e\n \u003cp\u003eFragilisées par le froid ou le soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-composition-grid\"\u003e\n \u003cdiv class=\"arg-ingredient\"\u003e\n \u003cspan class=\"arg-ingredient-name\"\u003e🍊 Hippophae Rhamnoides Fruit Oil\u003c\/span\u003e\n \u003cspan class=\"arg-ingredient-desc\"\u003eHuile de baie d'argousier 100% pure, bio, première pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient\"\u003e\n \u003cspan class=\"arg-ingredient-name\"\u003e🛡️ Tocophérol\u003c\/span\u003e\n \u003cspan class=\"arg-ingredient-desc\"\u003eVitamine E naturelle pour préserver la fraîcheur et renforcer l'action antioxydante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-purity-badges\"\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans additif\u003c\/span\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans conservateur artificiel\u003c\/span\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans parfum de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arg-steps\"\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e🌅 Soin quotidien matin et soir\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e, réchauffez entre vos paumes et appliquez en massages doux sur le visage et le cou. Insistez sur le contour des yeux et les zones à traiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e🌙 Soin intensif nocturne\u003c\/h3\u003e\n \u003cp\u003e1 à 2 fois par semaine, appliquez une couche généreuse le soir et laissez agir toute la nuit. Au réveil : peau repulpée et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e💡 En booster\u003c\/h3\u003e\n \u003cp\u003eAjoutez une goutte à votre crème habituelle pour décupler les effets nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e L'huile ayant une couleur orangée prononcée, préférez une application le soir ou en petite quantité le matin. Elle pénètre rapidement sans film gras.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧴 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de \u003cstrong\u003e30 ml\u003c\/strong\u003e qui protège l'huile de l'oxydation et de la lumière. Utilisée quotidiennement à raison de 2 à 3 gouttes, un flacon vous accompagnera pendant environ \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux (rincer abondamment si contact). En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e❓ L'huile tache-t-elle la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser en quantité raisonnable. Sa couleur orangée pénètre rapidement et ne laisse pas de traces visibles. Si vous avez la peau très claire, préférez une application le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e❓ Convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eOui, car elle est non comédogène et pénètre rapidement sans laisser de film gras. Les peaux grasses l'apprécieront particulièrement le soir, en petite quantité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cdiv class=\"arg-cta-icon\"\u003e🍊\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau ce qu'il y a de meilleur : un soin visage anti-âge authentique, puissant et 100% naturel pour retrouver un \u003cstrong\u003eteint radieux\u003c\/strong\u003e et une \u003cstrong\u003epeau visiblement plus jeune\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F3;\n --arg-white: #ffffff;\n --arg-primary: #8B2D4A;\n --arg-primary-dark: #6B1D3A;\n --arg-primary-light: #F5E8EC;\n --arg-secondary: #E8A639;\n --arg-secondary-light: #FDF5E8;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8e4df;\n --arg-shadow: 0 4px 24px rgba(139,45,74,.08);\n --arg-shadow-lg: 0 12px 48px rgba(139,45,74,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 50%, #4A1528 100%);\n border-radius: var(--arg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.15'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.arg-subtitle {\n color: var(--arg-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.arg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--arg-primary), var(--arg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-card-highlight {\n background: linear-gradient(135deg, var(--arg-white) 0%, var(--arg-primary-light) 100%);\n border: 2px solid var(--arg-primary-light);\n}\n\n.arg-card-highlight:hover {\n border-color: var(--arg-primary);\n}\n\n\/* === COMPOSITION === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.arg-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n padding: 1.25rem;\n background: var(--arg-secondary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-secondary);\n}\n\n.arg-ingredient-name {\n font-weight: 800;\n color: var(--arg-primary-dark);\n font-size: 16px;\n}\n\n.arg-ingredient-desc {\n font-size: 14px;\n color: var(--arg-text-light);\n line-height: 1.5;\n}\n\n.arg-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.arg-purity-badge {\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--arg-primary-light) 0%, #fff 100%);\n border: 1px solid var(--arg-primary);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n}\n\n\/* === ÉTAPES === *\/\n.arg-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.arg-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n transition: all .3s ease;\n}\n\n.arg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(139,45,74,.3);\n}\n\n.arg-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.arg-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-tip {\n background: var(--arg-secondary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1.25rem;\n font-size: 14px;\n color: var(--arg-text);\n line-height: 1.6;\n border-left: 4px solid var(--arg-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.1'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.arg-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.arg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-badges-top {\n gap: 8px;\n }\n \n .arg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .arg-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n \n .arg-step:hover {\n transform: translateY(-4px);\n }\n \n .arg-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .arg-composition-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-ingredient {\n padding: 1rem;\n }\n \n .arg-purity-badges {\n gap: .5rem;\n }\n \n .arg-purity-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n \n .arg-step {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-step:nth-child(1) { animation-delay: .1s; }\n .arg-step:nth-child(2) { animation-delay: .2s; }\n .arg-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes argFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301658781,"sku":"ARCAGOU30","price":41.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargousier-bio-soin-du-visage-30-ml-arc-en-sels-lifestyle.webp?v=1768500863"},{"product_id":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.arg-subtitle {\n color: var(--arg-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.arg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"product_id":"cailloux-ambre-jardin-de-mon-grand-pere","title":"Cailloux d'Ambre - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux d'Ambre - Jardin de mon Grand-Père\nPalette détectée:\n - Primaire: #D4A574 (beige doré chaleureux du packaging kraft et des cailloux d'ambre)\n - Secondaire: #E8D4B8 (beige clair naturel du kraft)\n - Accent: #FF6B35 (orange corail de l'étiquette rouge-orangé)\n - Neutre: #F5EDE0 (crème très clair pour backgrounds)\nAmbiance: Artisanale, naturelle, chaleureuse, authentique, tradition\/patrimoine, senteurs d'antan\nStyle: Naturel premium avec une touche vintage\/patrimoniale, évoque le savoir-faire traditionnel\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🏺 Parfum mythique\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🇫🇷 Fait main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eCailloux d'Ambre\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eLa senteur mythique de l'océan\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eUne reconstitution végétale d'exception de l'ambre véritable, ce parfum légendaire aux notes chaudes et envoûtantes qui évoque les mystères des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e✨ Un parfum d'exception\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌊\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eSenteur mythique\u003c\/div\u003e\n \u003cp\u003eReconstitution fidèle de l'ambre véritable, ce trésor des océans utilisé depuis des siècles dans la parfumerie de luxe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eNotes chaleureuses\u003c\/div\u003e\n \u003cp\u003eUn parfum ample et enveloppant aux accents légèrement iodés et délicatement animaux, d'une élégance incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003e100% végétal\u003c\/div\u003e\n \u003cp\u003eUne composition entièrement végétale respectueuse de l'environnement, sans aucune matière animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e⏳\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eLongue durée\u003c\/div\u003e\n \u003cp\u003eUne ténacité exceptionnelle qui parfume durablement votre intérieur ou votre peau avec subtilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📖 L'histoire fascinante de l'ambre\u003c\/h2\u003e\n \u003cdiv class=\"amb-story-box\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e🐋\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eL'ambre véritable\u003c\/strong\u003e flotte à la surface des océans, au voisinage de Madagascar, de l'Inde ou de la Chine. C'est une sécrétion naturelle du cachalot qui, sous l'action conjuguée de l'eau de mer et du soleil, se transforme progressivement.\u003c\/p\u003e\n \u003cp\u003eFraîchement expulsée, cette matière présente une couleur foncée et une odeur forte. Mais avec le temps, \u003cstrong\u003eun miracle se produit\u003c\/strong\u003e : l'ambre prend une teinte de plus en plus claire, du gris argent au jaune or lumineux. Son parfum s'affine, devient délicat, légèrement animal et iodé, particulièrement envoûtant.\u003c\/p\u003e\n \u003cp\u003eL'ambre doit être séchée pendant \u003cstrong\u003eau moins deux à trois ans\u003c\/strong\u003e avant d'être utilisée en parfumerie. Son utilisation confère une ténacité et un volume incomparables aux créations de luxe.\u003c\/p\u003e\n \u003cp class=\"amb-story-highlight\"\u003e💎 Un produit mythique dont l'origine est restée durant longtemps un mystère, donnant libre cours aux imaginations et aux légendes des marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🎯 Trois façons de l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"amb-usage-grid\"\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e🏠\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eDiffusion naturelle\u003c\/div\u003e\n \u003cp\u003eDéposez vos cailloux dans les petits espaces de la maison, idéalement près d'une source de chaleur (radiateur, rebord de fenêtre ensoleillé) pour activer délicatement leur parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eGri-gri personnel\u003c\/div\u003e\n \u003cp\u003eGardez un caillou sur vous comme un porte-bonheur. La chaleur corporelle facilite la diffusion du parfum. Manipulez-le régulièrement : il deviendra doux et vous parfumera durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-card\"\u003e\n \u003cdiv class=\"amb-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-icon\"\u003e🕯️\u003c\/div\u003e\n \u003cdiv class=\"amb-usage-title\"\u003eBrûloir aromatique\u003c\/div\u003e\n \u003cp\u003eDéposez 3 cailloux dans un brûloir. À chaud, la matière devient liquide et diffuse intensément son parfum ; à froid, elle redevient solide. Renouvelez jusqu'à épuisement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🎁 Conditionnement artisanal\u003c\/h2\u003e\n \u003cdiv class=\"amb-info-grid\"\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFormat standard\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eSachet kraft 50g\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eEnviron 5 à 7 cailloux selon la taille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eAutres formats\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003e100g • 200g\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003ePour une utilisation prolongée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eFait main en France\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eSavoir-faire artisanal traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"amb-info-label\"\u003ePackaging\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eKraft recyclable\u003c\/div\u003e\n \u003cp class=\"amb-info-detail\"\u003eApproche éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌸 Découvrez la gamme complète\u003c\/h2\u003e\n \u003cdiv class=\"amb-collection-box\"\u003e\n \u003cdiv class=\"amb-collection-icon\"\u003e🏺\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eJardin de mon Grand-Père\u003c\/strong\u003e vous propose une collection unique de senteurs inspirées des traditions et du patrimoine français.\u003c\/p\u003e\n \u003cp\u003eExplorez nos \u003cstrong\u003eeaux aromatiques artisanales\u003c\/strong\u003e présentées dans de magnifiques flacons, nos \u003cstrong\u003eparfums solides naturels\u003c\/strong\u003e et nos \u003cstrong\u003ecréations olfactives d'exception\u003c\/strong\u003e élaborées avec passion et savoir-faire.\u003c\/p\u003e\n \u003cdiv class=\"amb-collection-cta\"\u003e\n \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/jardin-de-mon-grand-pere\" target=\"_blank\" style=\"text-decoration:none;\"\u003e\u003cspan class=\"amb-collection-link\"\u003e👉 Découvrir toute la gamme Jardin de mon Grand-Père\u003c\/span\u003e\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\"\u003e\n \u003cdiv class=\"amb-warning-box\"\u003e\n \u003cdiv class=\"amb-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"amb-warning-content\"\u003e\n \u003cp class=\"amb-warning-title\"\u003eInformations importantes\u003c\/p\u003e\n \u003cp\u003eContient du Benzyl Salicylate et de l'Isoeugenol. Peut provoquer une réaction allergique chez les personnes sensibles.\u003c\/p\u003e\n \u003cp class=\"amb-warning-ufi\"\u003eUFI : 4470-A0DM-H006-25HT\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cp class=\"amb-cta-emoji\"\u003e✨\u003c\/p\u003e\n \u003cp\u003eLaissez-vous envoûter par cette senteur mythique qui traverse les siècles et apporte à votre intérieur une atmosphère chaleureuse et raffinée, digne des plus grands parfums.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --amb-cream: #F5EDE0;\n --amb-white: #ffffff;\n --amb-primary: #D4A574;\n --amb-primary-dark: #B8895A;\n --amb-primary-light: #E8D4B8;\n --amb-secondary: #C4A77D;\n --amb-accent: #FF6B35;\n --amb-text: #2a2420;\n --amb-text-light: #5a5048;\n --amb-border: #e0d5c5;\n --amb-shadow: 0 4px 24px rgba(180, 137, 90, 0.12);\n --amb-shadow-lg: 0 12px 48px rgba(180, 137, 90, 0.2);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: var(--amb-text);\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4A77D 50%, #B8895A 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px);\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease;\n border: 2px solid rgba(255, 255, 255, 0.3);\n}\n\n.amb-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(34px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);\n}\n\n.amb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.amb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.amb-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.8rem;\n letter-spacing: -0.02em;\n}\n\n.amb-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === STORY BOX === *\/\n.amb-story-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border-left: 6px solid var(--amb-accent);\n}\n\n.amb-story-icon {\n font-size: clamp(48px, 8vw, 64px);\n text-align: center;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n}\n\n.amb-story-box p {\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--amb-text);\n margin-bottom: 1.2rem;\n line-height: 1.8;\n}\n\n.amb-story-box p:last-child {\n margin-bottom: 0;\n}\n\n.amb-story-highlight {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(232, 212, 184, 0.5) 100%);\n padding: 1.5rem;\n border-radius: var(--amb-radius-sm);\n border-left: 4px solid var(--amb-accent);\n font-weight: 600;\n margin-top: 1.5rem !important;\n}\n\n\/* === USAGE === *\/\n.amb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n}\n\n.amb-usage-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 3.5vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.amb-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-usage-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 6px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n}\n\n.amb-usage-number {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amb-accent), #ff8555);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);\n}\n\n.amb-usage-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.amb-usage-title {\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n}\n\n.amb-usage-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INFO GRID === *\/\n.amb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-info-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.amb-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--amb-primary-light);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-info-icon {\n font-size: clamp(32px, 5vw, 42px);\n margin-bottom: 0.8rem;\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.1));\n}\n\n.amb-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-text-light);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 0.5rem;\n}\n\n.amb-info-value {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.02em;\n}\n\n.amb-info-detail {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COLLECTION BOX === *\/\n.amb-collection-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(232, 212, 184, 0.6) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n border: 3px solid var(--amb-primary);\n}\n\n.amb-collection-icon {\n font-size: clamp(52px, 9vw, 72px);\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.15));\n}\n\n.amb-collection-box p {\n font-size: clamp(15px, 2.3vw, 18px);\n color: var(--amb-text);\n margin-bottom: 1.2rem;\n line-height: 1.8;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.amb-collection-cta {\n margin-top: 2rem;\n}\n\n.amb-collection-link {\n display: inline-block;\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-primary) 100%);\n color: white;\n padding: 1rem 2.5rem;\n border-radius: 999px;\n font-size: clamp(15px, 2.2vw, 17px);\n font-weight: 700;\n box-shadow: 0 6px 24px rgba(184, 137, 90, 0.4);\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.amb-collection-link:hover {\n transform: translateY(-4px) scale(1.05);\n box-shadow: 0 8px 32px rgba(184, 137, 90, 0.5);\n}\n\n\/* === WARNING BOX === *\/\n.amb-warning-box {\n background: rgba(255, 245, 230, 0.8);\n border: 2px solid #f5ddb8;\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.amb-warning-icon {\n font-size: clamp(28px, 5vw, 36px);\n flex-shrink: 0;\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));\n}\n\n.amb-warning-content {\n flex: 1;\n}\n\n.amb-warning-title {\n font-size: clamp(16px, 2.4vw, 19px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.8rem;\n}\n\n.amb-warning-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amb-text-light);\n margin-bottom: 0.6rem;\n line-height: 1.6;\n}\n\n.amb-warning-content p:last-child {\n margin-bottom: 0;\n}\n\n.amb-warning-ufi {\n font-size: 12px !important;\n color: var(--amb-text-light);\n font-family: monospace;\n opacity: 0.8;\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-accent) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 6vw, 4.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 50%, white 2px, transparent 2px);\n background-size: 60px 60px;\n background-position: 0 0, 30px 30px;\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-emoji {\n font-size: clamp(48px, 8vw, 64px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(16px, 2.6vw, 20px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid,\n .amb-usage-grid,\n .amb-info-grid {\n grid-template-columns: 1fr;\n }\n\n .amb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n\n .amb-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .amb-warning-icon {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card,\n .amb-usage-card,\n .amb-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .amb-card:nth-child(1),\n .amb-usage-card:nth-child(1),\n .amb-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .amb-card:nth-child(2),\n .amb-usage-card:nth-child(2),\n .amb-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .amb-card:nth-child(3),\n .amb-usage-card:nth-child(3),\n .amb-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .amb-card:nth-child(4),\n .amb-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .amb-story-box,\n .amb-collection-box,\n .amb-warning-box {\n animation: fadeIn 0.8s ease backwards;\n animation-delay: 0.2s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-premium {\n --amb-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n --amb-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.4);\n }\n\n .amb-card,\n .amb-usage-card,\n .amb-info-card {\n border: 2px solid var(--amb-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55719753646457,"sku":"CAILLOUXAMBGR-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55719753679225,"sku":"CAILLOUXAMBGR-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55719753711993,"sku":"CAILLOUXAMBGR-200","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/caillou-ambre-packshot_2_11zon.jpg?v=1773147474"},{"product_id":"eau-aromatique-somptueuse-100-ml-jardin-de-mon-grand-pere","title":"Eau Aromatique Somptueuse - 100 ml - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Aromatique Somptueuse - Parfum naturel\nPalette détectée:\n - Primaire: #8B9563 (vert olive naturel du packaging, évoquant les plantes botaniques)\n - Secondaire: #5C6B3D (vert foncé des motifs végétaux)\n - Accent: #D4A574 (doré chaleureux du liquide\/flacon)\nAmbiance: Naturel\/Botanique, artisanal, luxe accessible, jardin secret, authenticité française\nStyle: Élégant et naturel, avec une touche vintage\/heritage, éco-responsable\nPréfixe CSS: ea\n--\u003e\n\n\u003cdiv class=\"ea-premium\"\u003e\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🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"ea-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"ea-badge\"\u003e✨ Composition noble\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ea-hero-title\"\u003eEau aromatique somptueuse\u003c\/span\u003e\n \u003cp class=\"ea-subtitle\"\u003eLa signature olfactive du Jardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"ea-description\"\u003eUne symphonie captivante de géranium bourbon, patchouli, benjoin et fève de tonka. Une fragrance naturelle raffinée qui allie tradition artisanale et authenticité, pour transformer chaque instant en moment sacré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eUne expérience olfactive d'exception\u003c\/h2\u003e\n \u003cdiv class=\"ea-grid\"\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003cdiv class=\"ea-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3 class=\"ea-card-title\"\u003eComposition noble\u003c\/h3\u003e\n \u003cp class=\"ea-card-text\"\u003eUn quartet olfactif raffiné associant géranium bourbon, patchouli précieux, résine de benjoin et fève de tonka pour une signature unique et envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003cdiv class=\"ea-card-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3 class=\"ea-card-title\"\u003e100% naturel\u003c\/h3\u003e\n \u003cp class=\"ea-card-text\"\u003eFormulée exclusivement avec des huiles essentielles pures et un alcool de betterave bio. Aucun ingrédient synthétique, juste la puissance de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003cdiv class=\"ea-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"ea-card-title\"\u003ePolyvalence unique\u003c\/h3\u003e\n \u003cp class=\"ea-card-text\"\u003eÀ porter comme un parfum d'exception ou à diffuser dans votre bain pour un rituel bien-être enveloppant. Une eau aromatique qui s'adapte à vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-card\"\u003e\n \u003cdiv class=\"ea-card-icon\"\u003e🎨\u003c\/div\u003e\n \u003ch3 class=\"ea-card-title\"\u003eHéritage artisanal\u003c\/h3\u003e\n \u003cp class=\"ea-card-text\"\u003eCréée dans la pure tradition française des eaux aromatiques, cette fragrance perpétue un savoir-faire ancestral avec une touche contemporaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI L'ADOPTER --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003ePourquoi craquer pour cette eau aromatique\u003c\/h2\u003e\n \u003cdiv class=\"ea-reasons\"\u003e\n \u003cdiv class=\"ea-reason-card\"\u003e\n \u003cdiv class=\"ea-reason-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ea-reason-content\"\u003e\n \u003ch3\u003ePour vos moments d'exception\u003c\/h3\u003e\n \u003cp\u003eOffrez-vous une expérience sensorielle intense lors de vos occasions spéciales. Cette fragrance naturelle transforme chaque instant en souvenir impérissable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-reason-card\"\u003e\n \u003cdiv class=\"ea-reason-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ea-reason-content\"\u003e\n \u003ch3\u003eUn rituel bien-être quotidien\u003c\/h3\u003e\n \u003cp\u003eIntégrez cette eau somptueuse à votre routine : en friction légère sur la peau ou dans l'eau du bain pour un moment de pure détente aromatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-reason-card\"\u003e\n \u003cdiv class=\"ea-reason-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ea-reason-content\"\u003e\n \u003ch3\u003eUne signature olfactive naturelle\u003c\/h3\u003e\n \u003cp\u003eEnveloppez votre peau d'effluves élégantes et authentiques qui évoluent avec vous au fil de la journée. Une vraie personnalité olfactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eLa palette olfactive\u003c\/h2\u003e\n \u003cdiv class=\"ea-grid\"\u003e\n \u003cdiv class=\"ea-ingredient-card\"\u003e\n \u003cdiv class=\"ea-ingredient-icon\"\u003e🌺\u003c\/div\u003e\n \u003ch3\u003eGéranium bourbon\u003c\/h3\u003e\n \u003cspan class=\"ea-ingredient-note\"\u003eNote de cœur\u003c\/span\u003e\n \u003cp\u003eFloral et rosé, le géranium bourbon apporte une élégance florale raffinée et une douceur enveloppante à la composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-ingredient-card\"\u003e\n \u003cdiv class=\"ea-ingredient-icon\"\u003e🍂\u003c\/div\u003e\n \u003ch3\u003ePatchouli\u003c\/h3\u003e\n \u003cspan class=\"ea-ingredient-note\"\u003eNote de fond\u003c\/span\u003e\n \u003cp\u003eBoisé et terreux, le patchouli offre profondeur et mystère, ancrant la fragrance dans une sensualité naturelle intemporelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-ingredient-card\"\u003e\n \u003cdiv class=\"ea-ingredient-icon\"\u003e🌟\u003c\/div\u003e\n \u003ch3\u003eRésine de benjoin\u003c\/h3\u003e\n \u003cspan class=\"ea-ingredient-note\"\u003eNote de fond\u003c\/span\u003e\n \u003cp\u003eBalsamique et vanillée, la résine de benjoin apporte rondeur et chaleur, enveloppant la peau d'une douceur réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-ingredient-card\"\u003e\n \u003cdiv class=\"ea-ingredient-icon\"\u003e🫘\u003c\/div\u003e\n \u003ch3\u003eFève de tonka\u003c\/h3\u003e\n \u003cspan class=\"ea-ingredient-note\"\u003eNote de fond\u003c\/span\u003e\n \u003cp\u003eGourmande et poudrée, la fève de tonka sublime l'ensemble avec ses notes d'amande et de caramel, créant une sillage inoubliable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eComment profiter pleinement de votre eau aromatique\u003c\/h2\u003e\n \u003cdiv class=\"ea-usage-grid\"\u003e\n \u003cdiv class=\"ea-usage-card\"\u003e\n \u003cdiv class=\"ea-usage-badge\"\u003eApplication peau\u003c\/div\u003e\n \u003cdiv class=\"ea-usage-icon\"\u003e💫\u003c\/div\u003e\n \u003ch3\u003eSur les points de chaleur\u003c\/h3\u003e\n \u003cul class=\"ea-usage-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e1 à 2 pulvérisations\u003c\/strong\u003e sur les zones stratégiques\u003c\/li\u003e\n \u003cli\u003ePrivilégiez : cou, poignets, intérieur des coudes\u003c\/li\u003e\n \u003cli\u003eLaissez la fragrance se révéler naturellement\u003c\/li\u003e\n \u003cli\u003eLa chaleur corporelle sublimera les notes\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"ea-usage-tip\"\u003e💡 Appliquez sur peau propre et hydratée pour une meilleure tenue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-usage-card\"\u003e\n \u003cdiv class=\"ea-usage-badge\"\u003eRituel bain\u003c\/div\u003e\n \u003cdiv class=\"ea-usage-icon\"\u003e🛁\u003c\/div\u003e\n \u003ch3\u003eDans votre bain aromatique\u003c\/h3\u003e\n \u003cul class=\"ea-usage-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e3 à 5 pulvérisations\u003c\/strong\u003e dans l'eau chaude\u003c\/li\u003e\n \u003cli\u003eLaissez l'eau diffuser les arômes naturels\u003c\/li\u003e\n \u003cli\u003eProfitez d'un moment d'évasion sensorielle\u003c\/li\u003e\n \u003cli\u003eEffet enveloppant et relaxant garanti\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"ea-usage-tip\"\u003e💡 Fermez les yeux et respirez profondément pour une immersion totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette eau somptueuse\u003c\/h2\u003e\n \u003cdiv class=\"ea-grid-3\"\u003e\n \u003cdiv class=\"ea-profile-card\"\u003e\n \u003cdiv class=\"ea-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eLes amateurs de naturel\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les cosmétiques 100% naturels et refusez les compositions synthétiques. Cette eau aromatique répond à vos exigences de pureté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-profile-card\"\u003e\n \u003cdiv class=\"ea-profile-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eLes épicuriens sensoriels\u003c\/h3\u003e\n \u003cp\u003eVous recherchez des expériences olfactives riches et complexes, loin des parfums standardisés. Cette composition noble saura vous séduire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-profile-card\"\u003e\n \u003cdiv class=\"ea-profile-icon\"\u003e🎭\u003c\/div\u003e\n \u003ch3\u003eLes personnalités authentiques\u003c\/h3\u003e\n \u003cp\u003eVous affirmez votre différence et appréciez les créations artisanales chargées d'histoire. Cette fragrance est votre signature idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION COMPLÈTE --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eIngrédients \u0026amp; traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"ea-composition-box\"\u003e\n \u003cdiv class=\"ea-composition-header\"\u003e\n \u003cspan class=\"ea-composition-badge\"\u003e🌱 Formule clean\u003c\/span\u003e\n \u003cspan class=\"ea-composition-badge\"\u003e🧪 Sans synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-composition-content\"\u003e\n \u003cdiv class=\"ea-composition-col\"\u003e\n \u003ch3\u003eBase alcoolique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAlcool de betterave bio\u003c\/strong\u003e - Support naturel et végétal garantissant une diffusion optimale des essences.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-composition-col\"\u003e\n \u003ch3\u003eHuiles essentielles pures\u003c\/h3\u003e\n \u003cul class=\"ea-composition-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eGéranium bourbon\u003c\/strong\u003e \u003cem\u003e(Pelargonium graveolens)\u003c\/em\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePatchouli\u003c\/strong\u003e \u003cem\u003e(Pogostemon cablin)\u003c\/em\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eRésine de benjoin\u003c\/strong\u003e \u003cem\u003e(Styrax benzoin)\u003c\/em\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-composition-col\"\u003e\n \u003ch3\u003eExtrait noble\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFève de tonka\u003c\/strong\u003e \u003cem\u003e(Dipteryx odorata)\u003c\/em\u003e - Extrait précieux apportant profondeur et sensualité à l'ensemble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ea-grid-4\"\u003e\n \u003cdiv class=\"ea-info-card\"\u003e\n \u003cdiv class=\"ea-info-icon\"\u003e📦\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp class=\"ea-info-value\"\u003e100 ml\u003c\/p\u003e\n \u003cp class=\"ea-info-detail\"\u003eFormat généreux 3,3 fl oz\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-info-card\"\u003e\n \u003cdiv class=\"ea-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp class=\"ea-info-value\"\u003eFrance\u003c\/p\u003e\n \u003cp class=\"ea-info-detail\"\u003eFabrication artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-info-card\"\u003e\n \u003cdiv class=\"ea-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003ch3\u003eFlacon\u003c\/h3\u003e\n \u003cp class=\"ea-info-value\"\u003eVerre\u003c\/p\u003e\n \u003cp class=\"ea-info-detail\"\u003eRecyclable \u0026amp; élégant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ea-info-card\"\u003e\n \u003cdiv class=\"ea-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp class=\"ea-info-value\"\u003e24 mois\u003c\/p\u003e\n \u003cp class=\"ea-info-detail\"\u003eÀ l'abri de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"ea-section\"\u003e\n \u003cdiv class=\"ea-warning-box\"\u003e\n \u003cdiv class=\"ea-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"ea-warning-content\"\u003e\n \u003ch3\u003ePrécautions d'utilisation\u003c\/h3\u003e\n \u003cul class=\"ea-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eProduit cosmétique contenant des huiles essentielles pures et concentrées\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux et les muqueuses\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical\u003c\/li\u003e\n \u003cli\u003eNe pas s'exposer au soleil après application (huiles photosensibilisantes)\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eUsage externe uniquement - Ne pas ingérer\u003c\/li\u003e\n \u003cli\u003eEn cas de réaction cutanée, cesser l'utilisation et consulter un professionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ea-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ea-cta-box\"\u003e\n \u003cdiv class=\"ea-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ea-cta-content\"\u003e\n \u003cdiv class=\"ea-cta-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp\u003eOffrez-vous une expérience olfactive authentique avec cette eau aromatique somptueuse du Jardin de mon Grand-Père. Une symphonie naturelle de géranium, patchouli, benjoin et fève de tonka qui transformera votre quotidien en rituel de beauté raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --ea-cream: #faf9f7;\n --ea-white: #ffffff;\n --ea-primary: #8B9563;\n --ea-primary-dark: #5C6B3D;\n --ea-primary-light: #E8EBD9;\n --ea-secondary: #D4A574;\n --ea-accent: #A8926B;\n\n \/* Textes *\/\n --ea-text: #1a1a1a;\n --ea-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ea-border: #e0e0e0;\n --ea-shadow: 0 4px 24px rgba(92, 107, 61, 0.08);\n --ea-shadow-lg: 0 12px 48px rgba(92, 107, 61, 0.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 color: var(--ea-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ea-hero {\n position: relative;\n background: linear-gradient(135deg, #8B9563 0%, #6B7D4A 50%, #5C6B3D 100%);\n border-radius: var(--ea-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--ea-shadow-lg);\n}\n\n.ea-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.08) 0%, transparent 50%);\n}\n\n.ea-hero::before {\n content: '🌿';\n position: absolute;\n font-size: 180px;\n opacity: 0.04;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-15deg);\n pointer-events: none;\n}\n\n.ea-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ea-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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, 0.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, 0.1);\n transition: all 0.3s ease;\n}\n\n.ea-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.ea-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: lowercase;\n}\n\n.ea-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.ea-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.ea-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ea-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ea-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.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\/* === CARDS === *\/\n.ea-card {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.ea-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ea-shadow-lg);\n border-color: var(--ea-primary);\n}\n\n.ea-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.ea-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.ea-card-text {\n font-size: 15px;\n color: var(--ea-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.ea-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.ea-grid-3 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.ea-grid-4 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === REASONS === *\/\n.ea-reasons {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.ea-reason-card {\n display: flex;\n gap: 1.5rem;\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n border-left: 4px solid var(--ea-primary);\n transition: all 0.3s ease;\n}\n\n.ea-reason-card:hover {\n transform: translateX(8px);\n box-shadow: var(--ea-shadow-lg);\n border-left-width: 6px;\n}\n\n.ea-reason-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--ea-primary), var(--ea-primary-dark));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(92, 107, 61, 0.3);\n}\n\n.ea-reason-content h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.ea-reason-content p {\n font-size: 15px;\n color: var(--ea-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.ea-ingredient-card {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ea-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--ea-primary), var(--ea-secondary));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.ea-ingredient-card:hover::before {\n transform: scaleX(1);\n}\n\n.ea-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ea-shadow-lg);\n border-color: var(--ea-primary-light);\n}\n\n.ea-ingredient-icon {\n font-size: 48px;\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.ea-ingredient-card h3 {\n font-size: clamp(18px, 3vw, 21px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.ea-ingredient-note {\n display: inline-block;\n padding: 4px 12px;\n background: var(--ea-primary-light);\n color: var(--ea-primary-dark);\n font-size: 12px;\n font-weight: 700;\n border-radius: 999px;\n margin-bottom: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.ea-ingredient-card p {\n font-size: 14px;\n color: var(--ea-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === USAGE === *\/\n.ea-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n}\n\n.ea-usage-card {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid var(--ea-primary-light);\n transition: all 0.3s ease;\n position: relative;\n}\n\n.ea-usage-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ea-shadow-lg);\n border-color: var(--ea-primary);\n}\n\n.ea-usage-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--ea-primary), var(--ea-primary-dark));\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 12px rgba(92, 107, 61, 0.3);\n}\n\n.ea-usage-icon {\n font-size: 56px;\n text-align: center;\n margin: 1rem 0 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n}\n\n.ea-usage-card h3 {\n font-size: clamp(19px, 3vw, 23px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.ea-usage-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.ea-usage-list li {\n padding: 0.75rem 0;\n padding-left: 2rem;\n position: relative;\n font-size: 15px;\n color: var(--ea-text);\n line-height: 1.6;\n border-bottom: 1px solid var(--ea-border);\n}\n\n.ea-usage-list li:last-child {\n border-bottom: none;\n}\n\n.ea-usage-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--ea-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n.ea-usage-tip {\n background: var(--ea-primary-light);\n border-left: 3px solid var(--ea-primary);\n padding: 1rem;\n border-radius: var(--ea-radius-sm);\n font-size: 14px;\n color: var(--ea-primary-dark);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.ea-profile-card {\n background: linear-gradient(135deg, var(--ea-white) 0%, var(--ea-primary-light) 100%);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.ea-profile-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--ea-shadow-lg);\n border-color: var(--ea-primary);\n}\n\n.ea-profile-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));\n}\n\n.ea-profile-card h3 {\n font-size: clamp(18px, 3vw, 21px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.ea-profile-card p {\n font-size: 14px;\n color: var(--ea-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.ea-composition-box {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid var(--ea-primary-light);\n}\n\n.ea-composition-header {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--ea-border);\n}\n\n.ea-composition-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: var(--ea-primary-light);\n color: var(--ea-primary-dark);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.ea-composition-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n}\n\n.ea-composition-col h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--ea-primary-dark);\n margin: 0 0 1rem 0;\n padding-bottom: 0.5rem;\n border-bottom: 2px solid var(--ea-primary);\n}\n\n.ea-composition-col p {\n font-size: 15px;\n color: var(--ea-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.ea-composition-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.ea-composition-list li {\n padding: 0.5rem 0;\n font-size: 15px;\n color: var(--ea-text);\n line-height: 1.7;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.ea-composition-list li::before {\n content: '→';\n position: absolute;\n left: 0;\n color: var(--ea-primary);\n font-weight: 900;\n}\n\n.ea-composition-list em {\n display: block;\n font-size: 13px;\n color: var(--ea-text-light);\n font-style: normal;\n margin-top: 0.25rem;\n}\n\n\/* === INFO CARDS === *\/\n.ea-info-card {\n background: var(--ea-white);\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n border: 2px solid var(--ea-primary-light);\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.ea-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ea-shadow-lg);\n border-color: var(--ea-primary);\n}\n\n.ea-info-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n}\n\n.ea-info-card h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--ea-text-light);\n margin: 0 0 0.5rem 0;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.ea-info-value {\n font-size: clamp(20px, 4vw, 26px);\n font-weight: 900;\n color: var(--ea-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.ea-info-detail {\n font-size: 13px;\n color: var(--ea-text-light);\n margin: 0;\n}\n\n\/* === WARNING === *\/\n.ea-warning-box {\n display: flex;\n gap: 1.5rem;\n background: #FFF8E7;\n border-left: 4px solid #D4A574;\n border-radius: var(--ea-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ea-shadow);\n}\n\n.ea-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));\n}\n\n.ea-warning-content h3 {\n font-size: clamp(18px, 3vw, 21px);\n font-weight: 800;\n color: var(--ea-accent);\n margin: 0 0 1rem 0;\n}\n\n.ea-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.ea-warning-list li {\n padding: 0.5rem 0;\n padding-left: 1.5rem;\n position: relative;\n font-size: 14px;\n color: var(--ea-text);\n line-height: 1.7;\n}\n\n.ea-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--ea-accent);\n font-weight: 900;\n font-size: 20px;\n}\n\n\/* === CTA FINAL === *\/\n.ea-cta-box {\n background: linear-gradient(135deg, #8B9563 0%, #6B7D4A 50%, #5C6B3D 100%);\n border-radius: var(--ea-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ea-shadow-lg);\n}\n\n.ea-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.ea-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ea-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.2));\n}\n\n.ea-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n max-width: 900px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ea-grid,\n .ea-grid-3,\n .ea-grid-4,\n .ea-usage-grid {\n grid-template-columns: 1fr;\n }\n\n .ea-reason-card {\n flex-direction: column;\n text-align: center;\n }\n\n .ea-reason-number {\n margin: 0 auto 1rem;\n }\n\n .ea-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .ea-composition-content {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ea-card,\n .ea-reason-card,\n .ea-ingredient-card,\n .ea-usage-card,\n .ea-profile-card,\n .ea-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .ea-card:nth-child(1),\n .ea-ingredient-card:nth-child(1),\n .ea-info-card:nth-child(1) { animation-delay: 0.1s; }\n .ea-card:nth-child(2),\n .ea-ingredient-card:nth-child(2),\n .ea-info-card:nth-child(2) { animation-delay: 0.2s; }\n .ea-card:nth-child(3),\n .ea-ingredient-card:nth-child(3),\n .ea-info-card:nth-child(3) { animation-delay: 0.3s; }\n .ea-card:nth-child(4),\n .ea-ingredient-card:nth-child(4),\n .ea-info-card:nth-child(4) { animation-delay: 0.4s; }\n .ea-card:nth-child(5) { animation-delay: 0.5s; }\n .ea-card:nth-child(6) { animation-delay: 0.6s; }\n\n .ea-reason-card:nth-child(1),\n .ea-profile-card:nth-child(1) { animation-delay: 0.15s; }\n .ea-reason-card:nth-child(2),\n .ea-profile-card:nth-child(2) { animation-delay: 0.3s; }\n .ea-reason-card:nth-child(3),\n .ea-profile-card:nth-child(3) { animation-delay: 0.45s; }\n\n .ea-usage-card:nth-child(1) { animation-delay: 0.2s; }\n .ea-usage-card:nth-child(2) { animation-delay: 0.4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ea-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ea-premium {\n --ea-primary: #5C6B3D;\n --ea-text: #000000;\n }\n \n .ea-card,\n .ea-ingredient-card,\n .ea-usage-card,\n .ea-profile-card,\n .ea-info-card {\n border-width: 3px;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755318206621,"sku":"EAUAROMRASOMPT100","price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-aromatique-somptueuse-jardin-de-mon-grand-pere-min-465981.jpg?v=1732720389"},{"product_id":"menbooster-stimule-la-libido-60-gelules-vegetales-labophyto","title":"Menbooster - Stimule la Libido - 60 Gelules - Labophyto","description":"\u003cdiv class=\"mb-premium\"\u003e\n\n\u003cdiv class=\"mb-hero\"\u003e\n\u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-hero-content\"\u003e\n\u003cdiv class=\"mb-badges-top\"\u003e\n\u003cspan class=\"mb-badge\"\u003e🔬 13 actifs naturels\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mb-hero-title\"\u003eMen Booster Aphrodisiaque\u003c\/span\u003e\n\u003cp class=\"mb-subtitle\"\u003eLabophyto — Stimulant libido homme\u003c\/p\u003e\n\u003cp class=\"mb-description\"\u003eRetrouvez vitalité, endurance et désir grâce à une formule concentrée en plantes adaptogènes, acides aminés, vitamines et minéraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eMen Booster de Labophyto : le complément alimentaire libido homme aux actifs naturels\u003c\/h2\u003e\n\u003cp class=\"mb-section-intro\"\u003eVous ressentez une baisse de désir, une fatigue qui s'installe ou un manque d'énergie au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"mb-grid-compact\"\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🔥 Désir relancé\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement la libido grâce à la maca et au ginseng\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eVitamines B1, B2, B3 pour un métabolisme énergétique optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🩸 Circulation optimisée\u003c\/h3\u003e\n\u003cp\u003eGinkgo biloba et L-Arginine pour une meilleure vasodilatation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e💪 Testostérone soutenue\u003c\/h3\u003e\n\u003cp\u003eZinc, tribulus et sélénium pour maintenir un taux hormonal normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eUne formule complète de 13 ingrédients actifs\u003c\/h2\u003e\n\u003cp class=\"mb-section-intro\"\u003eChaque dose journalière de \u003cstrong\u003e2 gélules\u003c\/strong\u003e vous apporte une synergie unique de 13 actifs ciblés :\u003c\/p\u003e\n\u003cdiv class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e360 mg — racine\u003c\/p\u003e\n\u003cp\u003ePlante péruvienne traditionnellement utilisée pour soutenir la libido et l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Astragale\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e100 mg — racine\u003c\/p\u003e\n\u003cp\u003eContribue à améliorer la fonction érectile et à soutenir la spermatogenèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e⚡ Ginseng\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e90 mg — racine\u003c\/p\u003e\n\u003cp\u003eStimulant libido homme reconnu, il favorise l'énergie et la résistance au stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e90 mg — feuille\u003c\/p\u003e\n\u003cp\u003eAméliore la microcirculation sanguine, un facteur essentiel pour la performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🫐 Saw Palmetto\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e80 mg — fruit\u003c\/p\u003e\n\u003cp\u003eSoutient la santé de la prostate et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Tribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 mg — feuille et fruit\u003c\/p\u003e\n\u003cp\u003eAide à stimuler naturellement la production de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🧬 L-Arginine\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 mg\u003c\/p\u003e\n\u003cp\u003eAcide aminé précurseur du monoxyde d'azote, favorisant la vasodilatation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Safran\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e30 mg — stigmate\u003c\/p\u003e\n\u003cp\u003eReconnu pour son effet positif sur l'humeur et le désir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🔩 Zinc\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e10 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eContribue au maintien d'un taux normal de testostérone dans le sang.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 µg — 91 % AR\u003c\/p\u003e\n\u003cp\u003eParticipe à une spermatogenèse normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e💛 Vitamine B1\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e1,1 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eSoutient le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🧡 Vitamine B2\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e1,4 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eAide à réduire la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e❤️ Vitamine B3\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e16 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eContribue au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eComment prendre Men Booster ?\u003c\/h2\u003e\n\u003cdiv class=\"mb-timeline\"\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence le matin ou avant un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003eSuivez le programme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eChaque boîte contient 60 gélules pour un cycle complet d'un mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003eSoyez régulier pour des résultats optimaux\u003c\/h3\u003e\n\u003cp\u003eLes actifs comme la maca et le ginseng déploient pleinement leurs effets après plusieurs jours de prise continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-tip\"\u003e\n\u003cspan class=\"mb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e la régularité est la clé. Ne sautez pas de prise pour maximiser les bénéfices de la synergie des 13 actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce booster sexuel naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🔬 Formule multi-actifs\u003c\/h3\u003e\n\u003cp\u003eContrairement aux compléments libido classiques qui misent sur 1 ou 2 ingrédients, Men Booster combine \u003cstrong\u003e13 actifs\u003c\/strong\u003e pour une action globale et synergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e📜 Science et tradition\u003c\/h3\u003e\n\u003cp\u003eLe zinc et le sélénium sont scientifiquement reconnus pour leur rôle dans le maintien de la testostérone et la spermatogenèse. Les extraits de maca, ginseng et tribulus sont plébiscités depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans les produits de bien-être naturels. Gélules végétales, sans ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mb-accordion\"\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e👤 À qui s'adresse ce complément ?\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire est réservé aux \u003cstrong\u003ehommes adultes\u003c\/strong\u003e. Il est déconseillé aux personnes souffrant de troubles cardiaques ainsi qu'aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e⚠️ Dosage et avis médical\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée de 2 gélules. En cas de traitement médical en cours, demandez l'avis de votre médecin avant toute utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"mb-cta-box\"\u003e\n\u003cp\u003e🔥 Lancez votre programme de 30 jours avec \u003cstrong\u003eMen Booster Aphrodisiaque\u003c\/strong\u003e et retrouvez vitalité, endurance et désir au naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mb-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mb-cream: #f8f5f2;\n --mb-white: #ffffff;\n --mb-primary: #d42a2a;\n --mb-primary-dark: #a01e1e;\n --mb-primary-light: #fdf0f0;\n --mb-secondary: #2c2c2c;\n --mb-accent: #e84545;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #e8e0da;\n --mb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, #2c2c2c 0%, #a01e1e 50%, #d42a2a 100%);\n border-radius: var(--mb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.03) 30px,\n rgba(255,255,255,.03) 60px\n );\n opacity: 1;\n}\n\n.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mb-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.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mb-primary), var(--mb-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mb-card p strong {\n color: var(--mb-text);\n}\n\n\/* === INGREDIENT CARDS === *\/\n.mb-card-ingredient .mb-dosage {\n font-size: 12px;\n font-weight: 700;\n color: var(--mb-primary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin: 0 0 .5rem 0;\n padding: 4px 12px;\n background: var(--mb-primary-light);\n border-radius: 999px;\n display: inline-block;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mb-grid-compact .mb-card {\n padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-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.mb-timeline-content {\n flex: 1;\n background: var(--mb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mb-radius-sm);\n box-shadow: var(--mb-shadow);\n}\n\n.mb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mb-timeline-content p {\n font-size: 14px;\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mb-testimonial {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mb-shadow);\n border-left: 4px solid var(--mb-primary);\n}\n\n.mb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n box-shadow: var(--mb-shadow);\n overflow: hidden;\n}\n\n.mb-accordion-item {\n border-bottom: 1px solid var(--mb-border);\n margin: 0;\n padding: 0;\n}\n\n.mb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mb-accordion-header:hover {\n background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mb-primary);\n transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n content: '−';\n}\n\n.mb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mb-primary-light);\n border-radius: var(--mb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mb-tip p {\n font-size: 14px;\n color: var(--mb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);\n border-radius: var(--mb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mb-disclaimer {\n font-size: 12px;\n color: var(--mb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mb-card {\n padding: 1.125rem;\n }\n\n .mb-section {\n margin-bottom: 1.75rem;\n }\n\n .mb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mb-radius-sm);\n }\n\n .mb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mb-grid-compact {\n gap: .625rem;\n }\n\n .mb-grid-compact .mb-card {\n padding: .75rem;\n }\n\n .mb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mb-timeline-content h3 {\n font-size: 14px;\n }\n\n .mb-timeline-content p {\n font-size: 13px;\n }\n\n .mb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mb-testimonial {\n padding: 1.25rem;\n }\n\n .mb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-card:nth-child(1) { animation-delay: .05s; }\n .mb-card:nth-child(2) { animation-delay: .1s; }\n .mb-card:nth-child(3) { animation-delay: .15s; }\n .mb-card:nth-child(4) { animation-delay: .2s; }\n .mb-card:nth-child(5) { animation-delay: .25s; }\n .mb-card:nth-child(6) { animation-delay: .3s; }\n .mb-card:nth-child(7) { animation-delay: .35s; }\n .mb-card:nth-child(8) { animation-delay: .4s; }\n .mb-card:nth-child(9) { animation-delay: .45s; }\n .mb-card:nth-child(10) { animation-delay: .5s; }\n .mb-card:nth-child(11) { animation-delay: .55s; }\n .mb-card:nth-child(12) { animation-delay: .6s; }\n .mb-card:nth-child(13) { animation-delay: .65s; }\n}\n\n@keyframes mbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755330035869,"sku":"MENBOOSTER","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/men-booster-lapbophyto-60-gelules_11zon.jpg?v=1772626658"},{"product_id":"vaporisateur-parfum-ambre-imperial-pour-la-maison-100-ml-jardin-de-mon-grand-pere","title":"Vaporisateur Parfum Ambre Impérial pour la Maison - 100 ml - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vaporisateur Parfum Ambre Impérial - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #D97856 (terracotta\/saumon élégant du packaging)\n - Secondaire: #E8D4B8 (beige\/crème naturel du carton)\n - Accent: #B85C3E (terracotta foncé pour contraste)\n - Liquide: #E5A84D (ambre doré du parfum)\nAmbiance: Artisanal raffiné, naturel \u0026 nostalgique, jardin vintage français, élégance discrète\nStyle: Parfum de niche artisanal, fait-main, authentique, héritage familial\nPréfixe CSS: ai (ambre-imperial)\n--\u003e\n\u003cdiv class=\"ai-premium\"\u003e\n\u003cdiv class=\"ai-hero\"\u003e\n\u003cdiv class=\"ai-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ai-hero-content\"\u003e\n\u003cdiv class=\"ai-badges-top\"\u003e\n\u003cspan class=\"ai-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"ai-badge\"\u003e🌿 Compositions naturelles\u003c\/span\u003e \u003cspan class=\"ai-badge\"\u003e✨ 100ml de luxe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ai-hero-title\"\u003eAmbre Impérial\u003c\/span\u003e\n\u003cp class=\"ai-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eVaporisateur parfum de maison\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ai-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne fragrance envoûtante qui transforme votre intérieur en un sanctuaire de luxe et de sérénité. L'essence même de l'élégance à la française, inspirée par les jardins d'antan et le savoir-faire artisanal.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e✨ Une expérience olfactive d'exception\u003c\/h2\u003e\n\u003cdiv class=\"ai-grid\"\u003e\n\u003cdiv class=\"ai-card ai-card-highlight\"\u003e\n\u003cdiv class=\"ai-card-icon\"\u003e🏛️\u003c\/div\u003e\n\u003ch3 class=\"ai-card-title\"\u003eNotes impériales\u003c\/h3\u003e\n\u003cp class=\"ai-card-text\"\u003eUn mélange sophistiqué d'ambre gris, de cèdre noble et de vanille crémeuse qui crée une atmosphère chaleureuse et luxueuse dans chaque pièce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-card-highlight\"\u003e\n\u003cdiv class=\"ai-card-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"ai-card-title\"\u003eComposition naturelle\u003c\/h3\u003e\n\u003cp class=\"ai-card-text\"\u003eÉlaboré à partir d'extraits végétaux et d'huiles essentielles précieuses. Sans parabènes, sans phtalates, sans colorants artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-card-highlight\"\u003e\n\u003cdiv class=\"ai-card-icon\"\u003e💫\u003c\/div\u003e\n\u003ch3 class=\"ai-card-title\"\u003eLongue tenue\u003c\/h3\u003e\n\u003cp class=\"ai-card-text\"\u003eUne fragrance puissante et persistante qui embaume votre maison pendant des heures avec seulement quelques vaporisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e🎭 L'univers de l'ambre impérial\u003c\/h2\u003e\n\u003cdiv class=\"ai-story-box\"\u003e\n\u003cdiv class=\"ai-story-content\"\u003e\n\u003cp class=\"ai-story-text\"\u003eInspiré par les souvenirs intemporels du \u003cstrong\u003ejardin de mon grand-père\u003c\/strong\u003e, ce parfum d'intérieur vous transporte dans un univers où l'élégance française rencontre la chaleur des traditions familiales. Chaque vaporisation est une invitation au voyage, une parenthèse enchantée dans votre quotidien.\u003c\/p\u003e\n\u003cp class=\"ai-story-text\"\u003eL'Ambre Impérial crée une ambiance cocooning idéale pour vos soirées d'hiver ou apporte une touche de raffinement lors de vos réceptions. Un parfum qui s'accorde parfaitement avec tous les intérieurs, du plus moderne au plus traditionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e🌸 Composition précieuse\u003c\/h2\u003e\n\u003cdiv class=\"ai-grid\"\u003e\n\u003cdiv class=\"ai-card ai-ingredient-card\"\u003e\n\u003cdiv class=\"ai-ingredient-header\"\u003e\n\u003cspan class=\"ai-ingredient-icon\"\u003e💎\u003c\/span\u003e \u003cspan class=\"ai-ingredient-name\"\u003eExtrait d'ambre gris\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"ai-ingredient-desc\"\u003eLa note de cœur envoûtante qui apporte chaleur et profondeur à la composition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-ingredient-card\"\u003e\n\u003cdiv class=\"ai-ingredient-header\"\u003e\n\u003cspan class=\"ai-ingredient-icon\"\u003e🌲\u003c\/span\u003e \u003cspan class=\"ai-ingredient-name\"\u003eHuile essentielle de cèdre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"ai-ingredient-desc\"\u003eUne touche boisée noble qui structure et sublime l'ensemble.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-ingredient-card\"\u003e\n\u003cdiv class=\"ai-ingredient-header\"\u003e\n\u003cspan class=\"ai-ingredient-icon\"\u003e🌺\u003c\/span\u003e \u003cspan class=\"ai-ingredient-name\"\u003eEssence de vanille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"ai-ingredient-desc\"\u003eLa douceur gourmande qui apporte rondeur et réconfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-ingredient-card\"\u003e\n\u003cdiv class=\"ai-ingredient-header\"\u003e\n\u003cspan class=\"ai-ingredient-icon\"\u003e🍃\u003c\/span\u003e \u003cspan class=\"ai-ingredient-name\"\u003eAlcool végétal \u0026amp; eau distillée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"ai-ingredient-desc\"\u003eUne base pure et naturelle pour une diffusion optimale des senteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e📖 Mode d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ai-steps\"\u003e\n\u003cdiv class=\"ai-step\"\u003e\n\u003cdiv class=\"ai-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ai-step-content\"\u003e\n\u003ch3 class=\"ai-step-title\"\u003eAgiter délicatement\u003c\/h3\u003e\n\u003cp class=\"ai-step-text\"\u003eSecouez légèrement le flacon avant chaque utilisation pour réveiller les essences naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-step\"\u003e\n\u003cdiv class=\"ai-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ai-step-content\"\u003e\n\u003ch3 class=\"ai-step-title\"\u003eVaporiser à distance\u003c\/h3\u003e\n\u003cp class=\"ai-step-text\"\u003ePulvérisez à environ 30 cm des textiles (rideaux, coussins, tapis) ou directement dans l'air pour une diffusion immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-step\"\u003e\n\u003cdiv class=\"ai-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ai-step-content\"\u003e\n\u003ch3 class=\"ai-step-title\"\u003eRenouveler selon vos envies\u003c\/h3\u003e\n\u003cp class=\"ai-step-text\"\u003ePour une expérience longue durée, renouvelez l'application 1 à 2 fois par jour selon l'intensité désirée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e💚 Pourquoi choisir Ambre Impérial ?\u003c\/h2\u003e\n\u003cdiv class=\"ai-grid ai-grid-benefits\"\u003e\n\u003cdiv class=\"ai-card ai-benefit-card\"\u003e\n\u003cspan class=\"ai-benefit-icon\"\u003e🏺\u003c\/span\u003e\n\u003ch3 class=\"ai-benefit-title\"\u003eParfum de niche artisanal\u003c\/h3\u003e\n\u003cp class=\"ai-benefit-text\"\u003eUne création unique élaborée par des maîtres parfumeurs français, loin des fragrances industrielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-benefit-card\"\u003e\n\u003cspan class=\"ai-benefit-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3 class=\"ai-benefit-title\"\u003eEngagement écologique\u003c\/h3\u003e\n\u003cp class=\"ai-benefit-text\"\u003eIngrédients issus de l'agriculture biologique, fabrication respectueuse de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-benefit-card\"\u003e\n\u003cspan class=\"ai-benefit-icon\"\u003e👨👩👧👦\u003c\/span\u003e\n\u003ch3 class=\"ai-benefit-title\"\u003eHéritage familial\u003c\/h3\u003e\n\u003cp class=\"ai-benefit-text\"\u003eUne marque qui perpétue un savoir-faire traditionnel transmis de génération en génération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-benefit-card\"\u003e\n\u003cspan class=\"ai-benefit-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3 class=\"ai-benefit-title\"\u003eQualité premium\u003c\/h3\u003e\n\u003cp class=\"ai-benefit-text\"\u003e100 ml de senteur concentrée pour des mois d'utilisation et de plaisir olfactif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-benefit-card\"\u003e\n\u003cspan class=\"ai-benefit-icon\"\u003e🏠\u003c\/span\u003e\n\u003ch3 class=\"ai-benefit-title\"\u003ePolyvalent\u003c\/h3\u003e\n\u003cp class=\"ai-benefit-text\"\u003eS'adapte à tous les styles d'intérieur et toutes les pièces de votre maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-card ai-benefit-card\"\u003e\n\u003cspan class=\"ai-benefit-icon\"\u003e🎁\u003c\/span\u003e\n\u003ch3 class=\"ai-benefit-title\"\u003eCadeau idéal\u003c\/h3\u003e\n\u003cp class=\"ai-benefit-text\"\u003eUn présent raffiné qui témoigne de votre attention et de votre bon goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e🇫🇷 Origine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"ai-origin-box\"\u003e\n\u003cdiv class=\"ai-origin-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"ai-origin-content\"\u003e\n\u003ch3 class=\"ai-origin-title\"\u003eLe jardin de mon grand-père\u003c\/h3\u003e\n\u003cp class=\"ai-origin-text\"\u003eLa marque \u003cstrong\u003eJardin de mon Grand Père\u003c\/strong\u003e incarne l'excellence de la parfumerie française artisanale. Chaque création est le fruit d'un savoir-faire ancestral allié à une approche moderne et respectueuse de l'environnement.\u003c\/p\u003e\n\u003cp class=\"ai-origin-text\"\u003eNos parfumeurs travaillent exclusivement avec des matières premières nobles, sélectionnées avec soin et issues de l'agriculture biologique. Le vaporisateur Ambre Impérial est fabriqué en France par des artisans passionnés qui perpétuent les traditions de la haute parfumerie.\u003c\/p\u003e\n\u003cp class=\"ai-origin-text\"\u003e\u003cstrong\u003eChoisir ce vaporisateur, c'est inviter l'excellence française chez vous tout en soutenant une production éthique et responsable.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ai-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ai-grid ai-grid-info\"\u003e\n\u003cdiv class=\"ai-info-card\"\u003e\n\u003cdiv class=\"ai-info-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"ai-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"ai-info-value\"\u003e100 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-info-card\"\u003e\n\u003cdiv class=\"ai-info-icon\"\u003e🏺\u003c\/div\u003e\n\u003cdiv class=\"ai-info-label\"\u003eType\u003c\/div\u003e\n\u003cdiv class=\"ai-info-value\"\u003eVaporisateur spray\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-info-card\"\u003e\n\u003cdiv class=\"ai-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"ai-info-label\"\u003eComposition\u003c\/div\u003e\n\u003cdiv class=\"ai-info-value\"\u003eNaturelle \u0026amp; bio\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-info-card\"\u003e\n\u003cdiv class=\"ai-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cdiv class=\"ai-info-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"ai-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-info-card\"\u003e\n\u003cdiv class=\"ai-info-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"ai-info-label\"\u003eEngagement\u003c\/div\u003e\n\u003cdiv class=\"ai-info-value\"\u003eÉco-responsable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ai-info-card\"\u003e\n\u003cdiv class=\"ai-info-icon\"\u003e🚫\u003c\/div\u003e\n\u003cdiv class=\"ai-info-label\"\u003eSans\u003c\/div\u003e\n\u003cdiv class=\"ai-info-value\"\u003eParabènes ni phtalates\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ai-section\"\u003e\n\u003cdiv class=\"ai-cta-box\"\u003e\n\u003cdiv class=\"ai-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ai-cta-content\"\u003e\n\u003cspan class=\"ai-cta-icon\"\u003e✨\u003c\/span\u003e\n\u003cp class=\"ai-cta-text\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eTransformez votre maison en un havre de paix parfumé avec l'Ambre Impérial. Une fragrance d'exception qui sublime votre quotidien et éveille vos sens.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"color: white!important;\"\u003e\u003cstrong\u003eL'élégance artisanale française à portée de vaporisation.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --ai-cream: #FAF7F2;\n --ai-white: #ffffff;\n --ai-primary: #D97856;\n --ai-primary-dark: #B85C3E;\n --ai-primary-light: #F5E8E0;\n --ai-secondary: #E8D4B8;\n --ai-accent: #E5A84D;\n --ai-text: #1a1a1a;\n --ai-text-light: #5a5a5a;\n --ai-border: #e0e0e0;\n --ai-shadow: 0 4px 24px rgba(217, 120, 86, .08);\n --ai-shadow-lg: 0 12px 48px rgba(217, 120, 86, .15);\n --ai-radius: 20px;\n --ai-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: var(--ai-text);\n}\n\n\/* === HERO === *\/\n.ai-hero {\n position: relative;\n background: linear-gradient(135deg, #D97856 0%, #B85C3E 50%, #E5A84D 100%);\n border-radius: var(--ai-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--ai-shadow-lg);\n}\n\n.ai-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.ai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ai-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.ai-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\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(--ai-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0,0,0,.15);\n}\n\n.ai-hero-title {\n display: block;\n color: white;\n font-size: clamp(38px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.ai-subtitle {\n display: block;\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: .15em;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.ai-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.ai-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ai-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--ai-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1.2rem;\n}\n\n.ai-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 5px;\n background: linear-gradient(90deg, var(--ai-primary), var(--ai-accent));\n border-radius: 3px;\n}\n\n.ai-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 700;\n color: var(--ai-text);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.ai-premium p {\n color: var(--ai-text-light);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin-bottom: 1rem;\n}\n\n.ai-premium strong {\n color: var(--ai-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.ai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.ai-grid-benefits {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.ai-grid-info {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.2rem;\n}\n\n\/* === CARDS === *\/\n.ai-card {\n background: var(--ai-white);\n border-radius: var(--ai-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--ai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.ai-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ai-shadow-lg);\n border-color: var(--ai-primary);\n}\n\n.ai-card-highlight {\n background: linear-gradient(135deg, var(--ai-white) 0%, var(--ai-primary-light) 100%);\n border: 2px solid var(--ai-primary-light);\n}\n\n.ai-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.ai-card-title {\n font-size: clamp(19px, 3vw, 23px);\n font-weight: 800;\n color: var(--ai-primary-dark);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.ai-card-text {\n color: var(--ai-text-light);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n text-align: center;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.ai-ingredient-card {\n background: linear-gradient(135deg, var(--ai-white) 0%, #FFF8F0 100%);\n border-left: 4px solid var(--ai-primary);\n}\n\n.ai-ingredient-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.ai-ingredient-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.ai-ingredient-name {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--ai-primary-dark);\n line-height: 1.3;\n}\n\n.ai-ingredient-desc {\n color: var(--ai-text-light);\n font-size: 15px;\n line-height: 1.6;\n margin: 0;\n padding-left: 44px;\n}\n\n\/* === STORY BOX === *\/\n.ai-story-box {\n background: linear-gradient(135deg, var(--ai-primary-light) 0%, var(--ai-secondary) 100%);\n border-radius: var(--ai-radius);\n padding: clamp(2.5rem, 4vw, 3.5rem);\n border-left: 6px solid var(--ai-primary);\n box-shadow: var(--ai-shadow);\n}\n\n.ai-story-content {\n max-width: 900px;\n margin: 0 auto;\n}\n\n.ai-story-text {\n font-size: clamp(16px, 2.5vw, 18px);\n line-height: 1.9;\n color: var(--ai-text);\n margin-bottom: 1.5rem;\n}\n\n.ai-story-text:last-child {\n margin-bottom: 0;\n}\n\n\/* === STEPS === *\/\n.ai-steps {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.ai-step {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--ai-white);\n border-radius: var(--ai-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.ai-step:hover {\n transform: translateX(8px);\n border-color: var(--ai-primary);\n box-shadow: var(--ai-shadow-lg);\n}\n\n.ai-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--ai-primary) 0%, var(--ai-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(217, 120, 86, .3);\n}\n\n.ai-step-content {\n flex: 1;\n}\n\n.ai-step-title {\n font-size: clamp(18px, 3vw, 21px);\n font-weight: 800;\n color: var(--ai-primary-dark);\n margin-bottom: .75rem;\n}\n\n.ai-step-text {\n color: var(--ai-text-light);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ai-benefit-card {\n text-align: center;\n background: linear-gradient(to bottom, var(--ai-white) 0%, var(--ai-primary-light) 100%);\n border: 2px solid var(--ai-secondary);\n}\n\n.ai-benefit-icon {\n display: block;\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.ai-benefit-title {\n font-size: clamp(17px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--ai-primary-dark);\n margin-bottom: .75rem;\n text-align: center;\n}\n\n.ai-benefit-text {\n color: var(--ai-text-light);\n font-size: 15px;\n line-height: 1.6;\n text-align: center;\n margin: 0;\n}\n\n\/* === ORIGIN BOX === *\/\n.ai-origin-box {\n background: linear-gradient(135deg, var(--ai-white) 0%, var(--ai-secondary) 100%);\n border-radius: var(--ai-radius);\n padding: clamp(2.5rem, 4vw, 3.5rem);\n box-shadow: var(--ai-shadow);\n border: 3px solid var(--ai-primary-light);\n text-align: center;\n}\n\n.ai-origin-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n.ai-origin-title {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--ai-primary-dark);\n margin-bottom: 1.5rem;\n letter-spacing: -.02em;\n}\n\n.ai-origin-text {\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.9;\n color: var(--ai-text);\n max-width: 850px;\n margin: 0 auto 1.5rem;\n}\n\n.ai-origin-text:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO CARDS === *\/\n.ai-info-card {\n background: var(--ai-white);\n border-radius: var(--ai-radius-sm);\n padding: 1.8rem 1.5rem;\n text-align: center;\n box-shadow: var(--ai-shadow);\n border: 2px solid var(--ai-secondary);\n transition: all .3s ease;\n}\n\n.ai-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--ai-primary);\n box-shadow: var(--ai-shadow-lg);\n}\n\n.ai-info-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.ai-info-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .08em;\n color: var(--ai-text-light);\n margin-bottom: .5rem;\n}\n\n.ai-info-value {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ai-primary-dark);\n line-height: 1.4;\n}\n\n\/* === CTA BOX === *\/\n.ai-cta-box {\n background: linear-gradient(135deg, var(--ai-primary) 0%, var(--ai-primary-dark) 100%);\n border-radius: var(--ai-radius);\n padding: clamp(3rem, 5vw, 4.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ai-shadow-lg);\n}\n\n.ai-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.ai-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ai-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.ai-cta-text {\n color: white;\n font-size: clamp(17px, 2.8vw, 21px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n max-width: 800px;\n margin: 0 auto 1rem;\n}\n\n.ai-cta-text:last-child {\n margin-bottom: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ai-grid,\n .ai-grid-benefits {\n grid-template-columns: 1fr;\n }\n \n .ai-grid-info {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .ai-step {\n flex-direction: column;\n text-align: center;\n }\n \n .ai-step:hover {\n transform: translateY(-8px);\n }\n \n .ai-ingredient-desc {\n padding-left: 0;\n }\n}\n\n@media (max-width: 480px) {\n .ai-grid-info {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ai-card,\n .ai-step,\n .ai-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .ai-card:nth-child(1) { animation-delay: .1s; }\n .ai-card:nth-child(2) { animation-delay: .2s; }\n .ai-card:nth-child(3) { animation-delay: .3s; }\n .ai-card:nth-child(4) { animation-delay: .4s; }\n .ai-card:nth-child(5) { animation-delay: .5s; }\n .ai-card:nth-child(6) { animation-delay: .6s; }\n \n .ai-step:nth-child(1) { animation-delay: .15s; }\n .ai-step:nth-child(2) { animation-delay: .3s; }\n .ai-step:nth-child(3) { animation-delay: .45s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ai-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ai-premium {\n --ai-text: #000000;\n --ai-text-light: #333333;\n }\n \n .ai-card,\n .ai-info-card,\n .ai-step {\n border: 3px solid var(--ai-primary-dark);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .ai-premium {\n background: white;\n }\n \n .ai-card,\n .ai-step,\n .ai-info-card {\n box-shadow: none;\n border: 1px solid #ccc;\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755347075229,"sku":"VAPOAMBREIMP100","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vaporisateur-parfum-ambre-imperial-pour-la-maison-100-ml-jardin-de-mon-grand-pere-175456.jpg?v=1732722042"},{"product_id":"cailloux-ambre-imperial-jardin-de-mon-grand-pere","title":"Cailloux Ambre Impérial - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux d'Ambre Impérial - Jardin de mon Grand-Père\nPalette détectée:\n - Primaire: #C4956A (ambre\/caramel doré des cailloux)\n - Secondaire: #D4A574 (kraft doré du packaging)\n - Accent: #E85A35 (orange vif des étiquettes)\n - Fond: #F5EDE4 (beige crème chaleureux)\nAmbiance: Artisanal, chaleureux, oriental raffiné, fait main, traditionnel, cosy\nPréfixe CSS: amb\n--\u003e\n\u003cdiv class=\"amb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"amb-hero\"\u003e\n\u003cdiv class=\"amb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"amb-hero-content\"\u003e\n\u003cdiv class=\"amb-badges-top\"\u003e\n\u003cspan class=\"amb-badge\"\u003e✨ Fait main avec amour\u003c\/span\u003e \u003cspan class=\"amb-badge\"\u003e🇫🇷 Artisanat français\u003c\/span\u003e \u003cspan class=\"amb-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"amb-hero-title\"\u003eCaillou d'Ambre Impérial\u003c\/span\u003e\n\u003cp class=\"amb-subtitle\"\u003eJardin de mon Grand-Père\u003c\/p\u003e\n\u003cp style=\"font-size:1.3em;\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eTransformez votre intérieur en un cocon de douceur orientale avec ces petits trésors artisanaux aux notes mythiques d'ambre gris, vanille et fleurs d'Orient.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION : L'ESSENCE DU PRODUIT --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e✨ L'essence de l'ambre impérial\u003c\/h2\u003e\n\u003cdiv class=\"amb-essence-box\"\u003e\n\u003cp class=\"amb-essence-text\"\u003eLe Caillou d'Ambre Impérial est une \u003cstrong\u003ereconstitution végétale de l'ambre gris\u003c\/strong\u003e, ce précieux ingrédient autrefois réservé à la haute parfumerie. Contrairement aux parfums d'ambiance classiques, ces cailloux offrent une diffusion douce et progressive qui parfume délicatement votre maison pendant \u003cstrong\u003eplusieurs semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : COMPOSITION OLFACTIVE --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e🌸 Une symphonie olfactive\u003c\/h2\u003e\n\u003cdiv class=\"amb-grid\"\u003e\n\u003cdiv class=\"amb-card amb-ingredient\"\u003e\n\u003cdiv class=\"amb-ingredient-icon\"\u003e🔶\u003c\/div\u003e\n\u003ch3\u003eAmbre végétal\u003c\/h3\u003e\n\u003cp\u003eUne chaleur enveloppante caractéristique, profonde et sensuelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-ingredient\"\u003e\n\u003cdiv class=\"amb-ingredient-icon\"\u003e🍦\u003c\/div\u003e\n\u003ch3\u003eVanille naturelle\u003c\/h3\u003e\n\u003cp\u003eUne douceur suave et réconfortante, gourmande et apaisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-ingredient\"\u003e\n\u003cdiv class=\"amb-ingredient-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003eFleurs orientales\u003c\/h3\u003e\n\u003cp\u003eUne touche mystérieuse et raffinée pour une note de voyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-result-box\"\u003e\n\u003cspan class=\"amb-result-label\"\u003eLe résultat\u003c\/span\u003e\n\u003cp\u003eUn parfum d'ambiance \u003cstrong\u003eample et chaleureux\u003c\/strong\u003e, qui enveloppe votre intérieur d'une atmosphère à la fois sophistiquée et apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : HISTOIRE --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e📜 L'histoire fascinante de l'ambre gris\u003c\/h2\u003e\n\u003cdiv class=\"amb-story-card\"\u003e\n\u003cdiv class=\"amb-story-content\"\u003e\n\u003cp\u003eSaviez-vous que l'\u003cstrong\u003eambre gris véritable\u003c\/strong\u003e est l'un des ingrédients les plus mystérieux de la parfumerie ? Cette substance rare flotte à la surface des océans, près de Madagascar, de l'Inde ou de la Chine.\u003c\/p\u003e\n\u003cdiv class=\"amb-story-timeline\"\u003e\n\u003cdiv class=\"amb-timeline-item\"\u003e\n\u003cspan class=\"amb-timeline-icon\"\u003e🌊\u003c\/span\u003e\n\u003cdiv class=\"amb-timeline-text\"\u003e\n\u003cstrong\u003eOrigine océanique\u003c\/strong\u003e\n\u003cp\u003eSécrétion naturelle du cachalot transformée par l'eau de mer et le soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-timeline-item\"\u003e\n\u003cspan class=\"amb-timeline-icon\"\u003e⏳\u003c\/span\u003e\n\u003cdiv class=\"amb-timeline-text\"\u003e\n\u003cstrong\u003eMaturation naturelle\u003c\/strong\u003e\n\u003cp\u003eAprès des mois, l'ambre prend une teinte gris argent à jaune doré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-timeline-item\"\u003e\n\u003cspan class=\"amb-timeline-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"amb-timeline-text\"\u003e\n\u003cstrong\u003eParfum envoûtant\u003c\/strong\u003e\n\u003cp\u003eNotes délicates, légèrement iodées et absolument captivantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"amb-story-conclusion\"\u003eAvec le Caillou d'Ambre Impérial, retrouvez toute la magie de ce parfum mythique dans une version \u003cstrong\u003e100% végétale et respectueuse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : UTILISATIONS --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e💫 Comment utiliser vos cailloux d'ambre\u003c\/h2\u003e\n\u003cdiv class=\"amb-grid\"\u003e\n\u003cdiv class=\"amb-card amb-usage\"\u003e\n\u003cdiv class=\"amb-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDiffusion passive\u003c\/h3\u003e\n\u003cdiv class=\"amb-usage-icon\"\u003e🏠\u003c\/div\u003e\n\u003cp\u003eDéposez quelques cailloux dans une coupelle près d'une \u003cstrong\u003esource de chaleur\u003c\/strong\u003e (radiateur, cheminée, fenêtre ensoleillée). Idéal pour parfumer délicatement une entrée, chambre ou salon.\u003c\/p\u003e\n\u003cspan class=\"amb-usage-tip\"\u003e✨ Parfum délicat pendant plusieurs semaines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-usage\"\u003e\n\u003cdiv class=\"amb-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eGri-gri porte-bonheur\u003c\/h3\u003e\n\u003cdiv class=\"amb-usage-icon\"\u003e👜\u003c\/div\u003e\n\u003cp\u003eGlissez un ou deux cailloux dans votre poche ou sac. La \u003cstrong\u003echaleur de votre corps\u003c\/strong\u003e libère progressivement les notes ambrées, créant un sillage discret et personnel.\u003c\/p\u003e\n\u003cspan class=\"amb-usage-tip\"\u003e✨ Un rituel sensoriel quotidien\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-usage\"\u003e\n\u003cdiv class=\"amb-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eBrûloir à bougie\u003c\/h3\u003e\n\u003cdiv class=\"amb-usage-icon\"\u003e🕯️\u003c\/div\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e3 cailloux dans un brûloir\u003c\/strong\u003e. Sous la chaleur, ils deviennent liquides et libèrent généreusement leur fragrance. En refroidissant, ils se resolidifient.\u003c\/p\u003e\n\u003cspan class=\"amb-usage-tip\"\u003e✨ Idéal avant l'arrivée d'invités\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : AVANTAGES --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e🏆 Pourquoi choisir l'ambre artisanal\u003c\/h2\u003e\n\u003cdiv class=\"amb-advantages\"\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eFabrication artisanale française\u003c\/strong\u003e\n\u003cp\u003eChaque caillou est fait main avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e⏰\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eDurée exceptionnelle\u003c\/strong\u003e\n\u003cp\u003ePlusieurs semaines de parfum délicat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e🎯\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003ePolyvalence d'utilisation\u003c\/strong\u003e\n\u003cp\u003eEn décoration, sur soi ou en brûloir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e👃\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eNotes olfactives complexes\u003c\/strong\u003e\n\u003cp\u003eUn parfum cœur d'ambre authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-advantage-item\"\u003e\n\u003cspan class=\"amb-advantage-icon\"\u003e💰\u003c\/span\u003e\n\u003cdiv class=\"amb-advantage-text\"\u003e\n\u003cstrong\u003eFormat économique\u003c\/strong\u003e\n\u003cp\u003eRéutilisable jusqu'à épuisement du parfum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : CONDITIONNEMENTS --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e📦 Formats disponibles\u003c\/h2\u003e\n\u003cdiv class=\"amb-grid amb-formats\"\u003e\n\u003cdiv class=\"amb-card amb-format\"\u003e\n\u003cspan class=\"amb-format-weight\"\u003e50g\u003c\/span\u003e\n\u003ch3\u003eDécouverte\u003c\/h3\u003e\n\u003cp\u003eEnviron 5 à 7 cailloux selon leur taille\u003c\/p\u003e\n\u003cspan class=\"amb-format-tag\"\u003eIdéal pour découvrir\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-format amb-format-popular\"\u003e\n\u003cspan class=\"amb-format-popular-badge\"\u003ePopulaire\u003c\/span\u003e \u003cspan class=\"amb-format-weight\"\u003e100g\u003c\/span\u003e\n\u003ch3\u003eEssentiel\u003c\/h3\u003e\n\u003cp\u003ePour une utilisation prolongée\u003c\/p\u003e\n\u003cspan class=\"amb-format-tag\"\u003eLe bon compromis\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-card amb-format\"\u003e\n\u003cspan class=\"amb-format-weight\"\u003e200g\u003c\/span\u003e\n\u003ch3\u003eGénéreux\u003c\/h3\u003e\n\u003cp\u003ePour les amoureux de l'ambre\u003c\/p\u003e\n\u003cspan class=\"amb-format-tag\"\u003eFormat économique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"amb-packaging-note\"\u003e🎁 Présentés dans un élégant \u003cstrong\u003esachet kraft\u003c\/strong\u003e, parfait pour offrir ou se faire plaisir\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : FAQ --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"amb-faq\"\u003e\n\u003cdiv class=\"amb-faq-item\"\u003e\n\u003cdiv class=\"amb-faq-question\"\u003e\n\u003cspan class=\"amb-faq-icon\"\u003e⏱️\u003c\/span\u003e\n\u003ch3\u003eCombien de temps dure le parfum ?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eEn diffusion passive, les cailloux parfument votre intérieur pendant \u003cstrong\u003eplusieurs semaines à plusieurs mois\u003c\/strong\u003e, selon la ventilation et la proximité d'une source de chaleur. En brûloir, comptez 3 à 5 utilisations par caillou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-faq-item\"\u003e\n\u003cdiv class=\"amb-faq-question\"\u003e\n\u003cspan class=\"amb-faq-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3\u003eLe parfum est-il puissant ou discret ?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe Caillou d'Ambre Impérial offre une diffusion \u003cstrong\u003edouce et progressive\u003c\/strong\u003e en utilisation passive. Pour un parfum plus présent, optez pour le brûloir qui libère les notes de façon plus intense et immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-faq-item\"\u003e\n\u003cdiv class=\"amb-faq-question\"\u003e\n\u003cspan class=\"amb-faq-icon\"\u003e✨\u003c\/span\u003e\n\u003ch3\u003ePeut-on les utiliser comme parfum personnel ?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eAbsolument ! Portés sur soi, les cailloux d'ambre créent un sillage subtil et personnel. C'est d'ailleurs une \u003cstrong\u003etradition ancestrale\u003c\/strong\u003e dans de nombreuses cultures orientales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : PRÉCAUTIONS --\u003e\n\u003csection class=\"amb-section\"\u003e\n\u003ch2\u003e⚠️ Composition et précautions\u003c\/h2\u003e\n\u003cdiv class=\"amb-precautions\"\u003e\n\u003cdiv class=\"amb-composition-box\"\u003e\n\u003ch3\u003e🧪 Composition\u003c\/h3\u003e\n\u003cp\u003eBenzyl Salicylate, Acetyl Cedrene, OTNE, Limonene\u003c\/p\u003e\n\u003cspan class=\"amb-ufi\"\u003eUFI : C970-A0SE-4005-DUPX\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"amb-warnings-box\"\u003e\n\u003ch3\u003e📋 Précautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePeut produire une réaction allergique chez les personnes sensibles\u003c\/li\u003e\n\u003cli\u003eNocif pour les organismes aquatiques – éviter le rejet dans l'environnement\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eNe pas ingérer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"amb-section\"\u003e\n\u003cdiv class=\"amb-cta-box\"\u003e\n\u003cdiv class=\"amb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"amb-cta-content\"\u003e\n\u003cspan class=\"amb-cta-icon\"\u003e🏺\u003c\/span\u003e\n\u003cp\u003eOffrez-vous un voyage sensoriel unique avec ces petits trésors artisanaux. \u003cstrong\u003eRond, onctueux, opulent\u003c\/strong\u003e : laissez-vous envoûter par la magie de l'ambre impérial.\u003c\/p\u003e\n\u003cspan class=\"amb-cta-tagline\"\u003e✨ L'art de parfumer autrement ✨\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --amb-cream: #F9F5F0;\n --amb-white: #ffffff;\n --amb-primary: #C4956A;\n --amb-primary-dark: #9E6B4A;\n --amb-primary-light: #E8D5C4;\n --amb-secondary: #D4A574;\n --amb-accent: #E85A35;\n\n \/* Textes *\/\n --amb-text: #2D2520;\n --amb-text-light: #6B5D52;\n\n \/* Effets *\/\n --amb-border: #E8DDD4;\n --amb-shadow: 0 4px 24px rgba(156,107,74,.12);\n --amb-shadow-lg: 0 12px 48px rgba(156,107,74,.18);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--amb-text);\n line-height: 1.7;\n}\n\n.amb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #C4956A 0%, #D4A574 40%, #9E6B4A 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.02) 20px, rgba(255,255,255,.02) 40px);\n opacity: 1;\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amb-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.15);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.amb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n}\n\n.amb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.02em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-accent));\n border-radius: 2px;\n}\n\n.amb-premium h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.amb-premium p {\n margin: 0 0 1rem 0;\n color: var(--amb-text-light);\n}\n\n.amb-premium strong {\n color: var(--amb-text);\n font-weight: 700;\n}\n\n\/* === ESSENCE BOX === *\/\n.amb-essence-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, var(--amb-white) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border-left: 5px solid var(--amb-primary);\n box-shadow: var(--amb-shadow);\n}\n\n.amb-essence-text {\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0;\n color: var(--amb-text);\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n\/* === INGREDIENTS === *\/\n.amb-ingredient {\n text-align: center;\n}\n\n.amb-ingredient-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-ingredient p {\n margin: 0;\n}\n\n\/* === RESULT BOX === *\/\n.amb-result-box {\n background: linear-gradient(135deg, var(--amb-primary-dark) 0%, var(--amb-primary) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n margin-top: 2rem;\n position: relative;\n overflow: hidden;\n}\n\n.amb-result-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.amb-result-label {\n display: inline-block;\n background: rgba(255,255,255,.2);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 1rem;\n position: relative;\n}\n\n.amb-result-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n margin: 0;\n position: relative;\n font-weight: 500;\n}\n\n.amb-result-box strong {\n color: white;\n}\n\n\/* === STORY CARD === *\/\n.amb-story-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-primary-light);\n}\n\n.amb-story-content \u003e p:first-child {\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--amb-text);\n}\n\n.amb-story-timeline {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin: 2rem 0;\n padding-left: 1rem;\n border-left: 3px solid var(--amb-primary-light);\n}\n\n.amb-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n position: relative;\n}\n\n.amb-timeline-item::before {\n content: '';\n position: absolute;\n left: -1rem;\n top: 12px;\n width: 12px;\n height: 12px;\n background: var(--amb-primary);\n border-radius: 50%;\n transform: translateX(-50%);\n border: 3px solid var(--amb-cream);\n}\n\n.amb-timeline-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.amb-timeline-text strong {\n display: block;\n color: var(--amb-primary-dark);\n margin-bottom: 4px;\n}\n\n.amb-timeline-text p {\n margin: 0;\n font-size: 15px;\n}\n\n.amb-story-conclusion {\n background: var(--amb-primary-light);\n padding: 1.25rem;\n border-radius: var(--amb-radius-sm);\n margin: 0;\n font-weight: 500;\n color: var(--amb-text);\n}\n\n\/* === USAGE CARDS === *\/\n.amb-usage {\n position: relative;\n text-align: center;\n padding-top: clamp(2.5rem, 4vw, 3rem);\n}\n\n.amb-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--amb-accent) 0%, #D4482A 100%);\n color: white;\n font-size: 22px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(232,90,53,.3);\n}\n\n.amb-usage-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.amb-usage p {\n margin-bottom: 1.25rem;\n}\n\n.amb-usage-tip {\n display: inline-block;\n background: var(--amb-primary-light);\n color: var(--amb-primary-dark);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n\/* === ADVANTAGES === *\/\n.amb-advantages {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.amb-advantage-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--amb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--amb-radius-sm);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-advantage-item:hover {\n border-color: var(--amb-primary);\n transform: translateX(8px);\n}\n\n.amb-advantage-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.amb-advantage-text strong {\n display: block;\n color: var(--amb-primary-dark);\n margin-bottom: 2px;\n}\n\n.amb-advantage-text p {\n margin: 0;\n font-size: 14px;\n}\n\n\/* === FORMATS === *\/\n.amb-format {\n text-align: center;\n position: relative;\n}\n\n.amb-format-popular {\n border: 3px solid var(--amb-accent);\n transform: scale(1.03);\n}\n\n.amb-format-popular:hover {\n transform: scale(1.03) translateY(-8px);\n}\n\n.amb-format-popular-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--amb-accent);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.amb-format-weight {\n display: block;\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--amb-primary);\n margin-bottom: 0.5rem;\n}\n\n.amb-format p {\n margin-bottom: 1rem;\n}\n\n.amb-format-tag {\n display: inline-block;\n background: var(--amb-primary-light);\n color: var(--amb-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.amb-packaging-note {\n text-align: center;\n margin-top: 2rem;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--amb-text);\n}\n\n\/* === FAQ === *\/\n.amb-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amb-faq-item {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-faq-item:hover {\n border-color: var(--amb-primary);\n}\n\n.amb-faq-question {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 0.75rem;\n}\n\n.amb-faq-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.amb-faq-question h3 {\n margin: 0;\n}\n\n.amb-faq-item \u003e p {\n margin: 0;\n padding-left: calc(28px + 1rem);\n}\n\n\/* === PRECAUTIONS === *\/\n.amb-precautions {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-composition-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-primary);\n}\n\n.amb-composition-box h3 {\n margin-bottom: 1rem;\n}\n\n.amb-composition-box p {\n font-family: monospace;\n font-size: 14px;\n background: var(--amb-cream);\n padding: 1rem;\n border-radius: var(--amb-radius-sm);\n margin-bottom: 1rem;\n}\n\n.amb-ufi {\n display: block;\n font-size: 12px;\n color: var(--amb-text-light);\n font-family: monospace;\n}\n\n.amb-warnings-box {\n background: linear-gradient(135deg, #FFF5F2 0%, var(--amb-white) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-accent);\n}\n\n.amb-warnings-box h3 {\n color: var(--amb-accent);\n margin-bottom: 1rem;\n}\n\n.amb-warnings-box ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.amb-warnings-box li {\n margin-bottom: 0.5rem;\n color: var(--amb-text-light);\n font-size: 14px;\n}\n\n.amb-warnings-box li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 80%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.amb-cta-box strong {\n color: white;\n}\n\n.amb-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n padding: 12px 28px;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: .02em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid {\n grid-template-columns: 1fr;\n }\n \n .amb-advantages {\n grid-template-columns: 1fr;\n }\n \n .amb-precautions {\n grid-template-columns: 1fr;\n }\n \n .amb-format-popular {\n transform: scale(1);\n }\n \n .amb-format-popular:hover {\n transform: translateY(-8px);\n }\n \n .amb-advantage-item:hover {\n transform: translateY(-4px);\n }\n \n .amb-faq-item \u003e p {\n padding-left: 0;\n }\n \n .amb-story-timeline {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card {\n animation: ambFadeInUp .6s ease backwards;\n }\n .amb-card:nth-child(1) { animation-delay: .1s; }\n .amb-card:nth-child(2) { animation-delay: .2s; }\n .amb-card:nth-child(3) { animation-delay: .3s; }\n .amb-card:nth-child(4) { animation-delay: .4s; }\n .amb-card:nth-child(5) { animation-delay: .5s; }\n .amb-card:nth-child(6) { animation-delay: .6s; }\n \n .amb-advantage-item {\n animation: ambFadeInRight .5s ease backwards;\n }\n .amb-advantage-item:nth-child(1) { animation-delay: .1s; }\n .amb-advantage-item:nth-child(2) { animation-delay: .15s; }\n .amb-advantage-item:nth-child(3) { animation-delay: .2s; }\n .amb-advantage-item:nth-child(4) { animation-delay: .25s; }\n .amb-advantage-item:nth-child(5) { animation-delay: .3s; }\n \n .amb-faq-item {\n animation: ambFadeInUp .5s ease backwards;\n }\n .amb-faq-item:nth-child(1) { animation-delay: .1s; }\n .amb-faq-item:nth-child(2) { animation-delay: .2s; }\n .amb-faq-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ambFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n@keyframes ambFadeInRight {\n from { \n opacity: 0; \n transform: translateX(-30px); \n }\n to { \n opacity: 1; \n transform: translateX(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-card {\n border: 2px solid var(--amb-text);\n }\n \n .amb-badge {\n border: 2px solid var(--amb-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55719738179961,"sku":"CAILLOUXAMBIMP-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55719738212729,"sku":"CAILLOUXAMBIMP-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55719738245497,"sku":"CAILLOUXAMBIMP-200","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_5__11zon.jpg?v=1766138179"},{"product_id":"cailloux-ambre-maharani-jardin-de-mon-grand-pere","title":"Cailloux Ambre Maharani - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux Ambre Maharani - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #8B4557 (bordeaux\/lie de vin du cadre étiquette)\n - Secondaire: #D4A574 (doré\/ambre des cailloux et sachet kraft)\n - Accent: #C9A86C (or chaud des reflets)\nAmbiance: Orientale luxueuse, artisanale raffinée, inspiration Rajasthan\/palais indien, chaleur ambrée\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e✨ Fait main avec amour\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🏺 Ambre précieux\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🌹 Rose \u0026amp; patchouli\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eCailloux d'Ambre Maharani\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eJardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eUn voyage sensoriel au cœur des palais du Rajasthan. Ces petits joyaux olfactifs artisanaux diffusent une fragrance chaude, profonde et captivante qui transforme votre intérieur en sanctuaire de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- L'HÉRITAGE DES MAHARANIS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🏰 L'héritage des Maharanis\u003c\/h2\u003e\n \u003cdiv class=\"amb-story-box\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e👑\u003c\/div\u003e\n \u003cdiv class=\"amb-story-content\"\u003e\n \u003cp\u003eLe nom \u003cstrong\u003eMaharani\u003c\/strong\u003e évoque les \u003cem\u003eRani\u003c\/em\u003e, ces reines majestueuses, grandes épouses des Maharajahs de Jaipur, dont le raffinement et l'élégance étaient légendaires.\u003c\/p\u003e\n \u003cp\u003eLes palais qu'elles habitaient embaumaient de fragrances précieuses, mêlant encens, roses et résines rares. Chaque caillou renferme des siècles de tradition parfumière orientale, offrant à votre intérieur une ambiance digne des plus beaux palais indiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PYRAMIDE OLFACTIVE --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌸 La pyramide olfactive\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eUne composition d'exception soigneusement orchestrée\u003c\/p\u003e\n \u003cdiv class=\"amb-pyramid\"\u003e\n \u003cdiv class=\"amb-pyramid-level amb-pyramid-heart\"\u003e\n \u003cdiv class=\"amb-pyramid-icon\"\u003e🌹\u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-content\"\u003e\n \u003cspan class=\"amb-pyramid-label\"\u003eNotes de cœur florales\u003c\/span\u003e\n \u003cp\u003eLa rose apporte son élégance intemporelle, adoucissant l'ensemble d'une touche délicate et féminine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-level amb-pyramid-base\"\u003e\n \u003cdiv class=\"amb-pyramid-icon\"\u003e🪵\u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-content\"\u003e\n \u003cspan class=\"amb-pyramid-label\"\u003eNotes de fond ambrées et boisées\u003c\/span\u003e\n \u003cp\u003eL'ambre déploie sa chaleur enveloppante tandis que le patchouli ajoute une profondeur terreuse et sensuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-level amb-pyramid-sillage\"\u003e\n \u003cdiv class=\"amb-pyramid-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"amb-pyramid-content\"\u003e\n \u003cspan class=\"amb-pyramid-label\"\u003eSillage durable\u003c\/span\u003e\n \u003cp\u003eContrairement aux bougies ou sprays éphémères, ces cailloux diffusent leur fragrance pendant des semaines, voire des mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-result-box\"\u003e\n \u003cp\u003e✨ Un parfum d'ambiance cœur d'ambre sophistiqué, ni trop sucré ni trop lourd, qui séduit par son équilibre parfait entre opulence et subtilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- L'AMBRE GRIS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌊 L'ambre gris : un trésor des océans\u003c\/h2\u003e\n \u003cdiv class=\"amb-treasure-grid\"\u003e\n \u003cdiv class=\"amb-treasure-card\"\u003e\n \u003cdiv class=\"amb-treasure-emoji\"\u003e🐋\u003c\/div\u003e\n \u003ch3\u003eOrigine mythique\u003c\/h3\u003e\n \u003cp\u003eCette matière première légendaire, véritable or des parfumeurs, provient des océans bordant Madagascar, l'Inde et la Chine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-treasure-card\"\u003e\n \u003cdiv class=\"amb-treasure-emoji\"\u003e☀️\u003c\/div\u003e\n \u003ch3\u003eMétamorphose naturelle\u003c\/h3\u003e\n \u003cp\u003eAu contact de l'eau de mer et du soleil, sa teinte s'éclaircit et son parfum évolue pendant 2 à 3 ans de maturation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-treasure-card\"\u003e\n \u003cdiv class=\"amb-treasure-emoji\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eParfumerie de luxe\u003c\/h3\u003e\n \u003cp\u003eUtilisé depuis l'Antiquité, il confère aux fragrances une tenue exceptionnelle et une intensité incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMMENT UTILISER --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📖 Trois méthodes, trois ambiances\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eLa polyvalence des Cailloux d'Ambre Maharani vous permet de les intégrer à votre quotidien de multiples façons\u003c\/p\u003e\n \u003cdiv class=\"amb-methods-grid\"\u003e\n \u003cdiv class=\"amb-method-card\"\u003e\n \u003cdiv class=\"amb-method-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"amb-method-emoji\"\u003e🏠\u003c\/div\u003e\n \u003ch3\u003eDiffusion douce\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle, un tiroir ou une armoire. Placez-les près d'une source de chaleur naturelle pour intensifier la diffusion.\u003c\/p\u003e\n \u003cspan class=\"amb-method-tip\"\u003e💡 Idéal pour un parfum d'ambiance subtil et continu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-method-card\"\u003e\n \u003cdiv class=\"amb-method-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"amb-method-emoji\"\u003e✋\u003c\/div\u003e\n \u003ch3\u003eTalisman parfumé\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou deux cailloux dans votre poche ou sac. Au contact de votre chaleur corporelle, ils libèrent leur senteur ambrée toute la journée.\u003c\/p\u003e\n \u003cspan class=\"amb-method-tip\"\u003e💡 Ils deviennent de véritables gri-gris porte-bonheur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-method-card\"\u003e\n \u003cdiv class=\"amb-method-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"amb-method-emoji\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eDiffusion intense\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 cailloux dans un brûle-parfum. Sous l'effet de la chaleur, la matière fond en libérant une fragrance puissante et captivante.\u003c\/p\u003e\n \u003cspan class=\"amb-method-tip\"\u003e💡 Réutilisable jusqu'à épuisement total du parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e⭐ Pourquoi choisir les cailloux d'ambre ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-advantages-grid\"\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurabilité exceptionnelle\u003c\/strong\u003e\n \u003cp\u003eDiffuse son parfum pendant des semaines, contrairement aux bougies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🤲\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFabrication artisanale\u003c\/strong\u003e\n \u003cp\u003eChaque caillou est façonné à la main avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🔄\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePolyvalence d'utilisation\u003c\/strong\u003e\n \u003cp\u003eTrois méthodes adaptées à vos envies et à chaque moment\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eZéro déchet électrique\u003c\/strong\u003e\n \u003cp\u003ePas de pile, pas de prise, une solution élégante et écologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-advantage\"\u003e\n \u003cspan class=\"amb-advantage-icon\"\u003e🎨\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eObjet décoratif\u003c\/strong\u003e\n \u003cp\u003eLeur apparence de petits galets dorés sublime votre décoration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FORMATS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e📦 Choisissez votre format\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003ePrésentés dans un élégant sachet kraft respectueux de l'environnement\u003c\/p\u003e\n \u003cdiv class=\"amb-formats-grid\"\u003e\n \u003cdiv class=\"amb-format-card\"\u003e\n \u003cspan class=\"amb-format-weight\"\u003e50g\u003c\/span\u003e\n \u003cspan class=\"amb-format-qty\"\u003e≈ 5 à 7 cailloux\u003c\/span\u003e\n \u003cp\u003eIdéal pour découvrir le produit ou parfumer un petit espace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-format-card amb-format-popular\"\u003e\n \u003cspan class=\"amb-format-badge\"\u003ePopulaire\u003c\/span\u003e\n \u003cspan class=\"amb-format-weight\"\u003e100g\u003c\/span\u003e\n \u003cspan class=\"amb-format-qty\"\u003e≈ 10 à 14 cailloux\u003c\/span\u003e\n \u003cp\u003eParfait pour parfumer plusieurs pièces ou offrir en cadeau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-format-card\"\u003e\n \u003cspan class=\"amb-format-weight\"\u003e200g\u003c\/span\u003e\n \u003cspan class=\"amb-format-qty\"\u003e≈ 20 à 28 cailloux\u003c\/span\u003e\n \u003cp\u003eLe format généreux pour les amoureux de cette fragrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🔬 Composition et transparence\u003c\/h2\u003e\n \u003cdiv class=\"amb-compo-grid\"\u003e\n \u003cdiv class=\"amb-compo-card\"\u003e\n \u003ch3\u003e🧪 Composants parfumants\u003c\/h3\u003e\n \u003cul class=\"amb-compo-list\"\u003e\n \u003cli\u003eBenzyl Salicylate\u003c\/li\u003e\n \u003cli\u003eGeranyl Acetate\u003c\/li\u003e\n \u003cli\u003eCitronellol\u003c\/li\u003e\n \u003cli\u003eEugenol\u003c\/li\u003e\n \u003cli\u003eAlpha-iso-methylionone\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-compo-card amb-compo-warning\"\u003e\n \u003ch3\u003e⚠️ Précautions d'emploi\u003c\/h3\u003e\n \u003cul class=\"amb-compo-list\"\u003e\n \u003cli\u003ePeut provoquer une réaction allergique chez certaines personnes sensibles\u003c\/li\u003e\n \u003cli\u003eNocif pour les organismes aquatiques – évitez tout rejet dans l'environnement\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants et des animaux domestiques\u003c\/li\u003e\n \u003cli\u003eNe pas ingérer\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"amb-faq\"\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003eCombien de temps dure le parfum des cailloux ?\u003c\/h3\u003e\n \u003cp\u003eEn diffusion passive (posés dans une coupelle), les cailloux conservent leur fragrance pendant plusieurs semaines à plusieurs mois selon les conditions ambiantes. Utilisés au brûle-parfum, ils peuvent être fondus et resolidifiés de nombreuses fois jusqu'à épuisement progressif du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003ePeut-on raviver le parfum des cailloux ?\u003c\/h3\u003e\n \u003cp\u003eOui ! Si vous trouvez que la diffusion s'atténue, passez simplement les cailloux au brûle-parfum ou frottez-les légèrement entre vos mains. La chaleur réactive les molécules parfumées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003eCe parfum convient-il à toutes les pièces ?\u003c\/h3\u003e\n \u003cp\u003eAbsolument. L'Ambre Maharani s'adapte aussi bien au salon qu'à la chambre, la salle de bain ou même un bureau. Sa chaleur enveloppante crée une atmosphère accueillante sans être envahissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-faq-item\"\u003e\n \u003ch3\u003eLes cailloux sont-ils adaptés aux personnes sensibles aux parfums ?\u003c\/h3\u003e\n \u003cp\u003eLa diffusion progressive et naturelle des cailloux est généralement mieux tolérée que les sprays ou diffuseurs électriques. Cependant, si vous êtes sensible aux composants parfumants listés, nous vous conseillons de tester avec un petit format.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- GAMME --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003e🌿 Complétez votre rituel parfumé\u003c\/h2\u003e\n \u003cdiv class=\"amb-range-box\"\u003e\n \u003cp\u003eVous êtes séduit par l'univers olfactif de l'Ambre Maharani ? Découvrez l'ensemble de la gamme \u003cstrong\u003e\u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/jardin-de-mon-grand-pere\" title=\"Jardin de mon grand père\"\u003eJardin de mon Grand-Père\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eVous y trouverez notamment des \u003cstrong\u003eeaux aromatiques\u003c\/strong\u003e aux flacons raffinés, parfaites pour prolonger cette expérience sensorielle sur votre peau ou dans votre linge de maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cspan class=\"amb-cta-emoji\"\u003e🪔\u003c\/span\u003e\n \u003cp\u003eTransformez votre intérieur en véritable sanctuaire de sérénité avec ces petits joyaux olfactifs artisanaux, héritiers d'une tradition parfumière millénaire.\u003c\/p\u003e\n \u003cspan class=\"amb-cta-tagline\"\u003eFait main avec amour • Tradition orientale • Fragrance d'exception\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --amb-cream: #FDF8F3;\n --amb-white: #ffffff;\n --amb-primary: #8B4557;\n --amb-primary-dark: #6B3344;\n --amb-primary-light: #F5E6EA;\n --amb-secondary: #D4A574;\n --amb-secondary-dark: #B8956A;\n --amb-accent: #C9A86C;\n\n \/* Textes *\/\n --amb-text: #2D2A28;\n --amb-text-light: #6B6560;\n\n \/* Effets *\/\n --amb-border: #E8DDD4;\n --amb-shadow: 0 4px 24px rgba(139, 69, 87, .08);\n --amb-shadow-lg: 0 12px 48px rgba(139, 69, 87, .15);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--amb-text);\n line-height: 1.7;\n}\n\n.amb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 40%, #4A2433 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(212, 165, 116, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201, 168, 108, .1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23D4A574' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.amb-subtitle {\n color: var(--amb-secondary);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.amb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.8;\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-secondary));\n border-radius: 2px;\n}\n\n.amb-section-intro {\n text-align: center;\n color: var(--amb-text-light);\n font-size: clamp(16px, 2vw, 18px);\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === STORY BOX === *\/\n.amb-story-box {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border-left: 5px solid var(--amb-secondary);\n}\n\n.amb-story-icon {\n font-size: 3rem;\n flex-shrink: 0;\n}\n\n.amb-story-content p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n}\n\n.amb-story-content p:last-child {\n margin-bottom: 0;\n}\n\n.amb-story-content strong {\n color: var(--amb-primary-dark);\n}\n\n\/* === PYRAMIDE === *\/\n.amb-pyramid {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto 2rem;\n}\n\n.amb-pyramid-level {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem 2rem;\n box-shadow: var(--amb-shadow);\n transition: all .3s ease;\n}\n\n.amb-pyramid-level:hover {\n transform: translateX(10px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-pyramid-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.amb-pyramid-label {\n display: block;\n font-weight: 800;\n color: var(--amb-primary-dark);\n font-size: clamp(15px, 2vw, 17px);\n margin-bottom: .25rem;\n}\n\n.amb-pyramid-content p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n.amb-pyramid-heart { border-left: 4px solid #E88B9C; }\n.amb-pyramid-base { border-left: 4px solid var(--amb-secondary); }\n.amb-pyramid-sillage { border-left: 4px solid var(--amb-accent); }\n\n.amb-result-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, #FDF5F0 100%);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem 2rem;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.amb-result-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 600;\n color: var(--amb-primary-dark);\n}\n\n\/* === TREASURE GRID === *\/\n.amb-treasure-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-treasure-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n text-align: center;\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-treasure-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-treasure-emoji {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-treasure-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.amb-treasure-card p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === METHODS GRID === *\/\n.amb-methods-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-method-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-method-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-method-number {\n position: absolute;\n top: -12px;\n left: 20px;\n background: linear-gradient(135deg, var(--amb-primary), var(--amb-primary-dark));\n color: white;\n font-size: 12px;\n font-weight: 900;\n padding: 6px 12px;\n border-radius: 999px;\n}\n\n.amb-method-emoji {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-method-card h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.amb-method-card p {\n margin: 0 0 1rem 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n.amb-method-tip {\n display: block;\n background: var(--amb-primary-light);\n color: var(--amb-primary-dark);\n font-size: 13px;\n font-weight: 600;\n padding: 8px 12px;\n border-radius: var(--amb-radius-sm);\n}\n\n\/* === ADVANTAGES === *\/\n.amb-advantages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n}\n\n.amb-advantage {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n transition: all .3s ease;\n}\n\n.amb-advantage:hover {\n transform: translateX(5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-advantage-icon {\n font-size: 1.8rem;\n flex-shrink: 0;\n}\n\n.amb-advantage strong {\n display: block;\n color: var(--amb-primary-dark);\n font-size: clamp(15px, 2vw, 16px);\n margin-bottom: .25rem;\n}\n\n.amb-advantage p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(13px, 1.6vw, 14px);\n}\n\n\/* === FORMATS === *\/\n.amb-formats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.amb-format-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n text-align: center;\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-border);\n transition: all .3s ease;\n position: relative;\n}\n\n.amb-format-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-format-popular {\n border-color: var(--amb-primary);\n background: linear-gradient(180deg, var(--amb-white) 0%, var(--amb-primary-light) 100%);\n}\n\n.amb-format-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--amb-primary), var(--amb-primary-dark));\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 6px 16px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.amb-format-weight {\n display: block;\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: .25rem;\n}\n\n.amb-format-qty {\n display: block;\n color: var(--amb-secondary-dark);\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.amb-format-card p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(13px, 1.6vw, 14px);\n}\n\n\/* === COMPOSITION === *\/\n.amb-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-compo-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n}\n\n.amb-compo-card h3 {\n font-size: clamp(16px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.amb-compo-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.amb-compo-list li {\n padding: .5rem 0 .5rem 1.5rem;\n position: relative;\n font-size: clamp(13px, 1.6vw, 14px);\n color: var(--amb-text-light);\n border-bottom: 1px solid var(--amb-border);\n}\n\n.amb-compo-list li:last-child {\n border-bottom: none;\n}\n\n.amb-compo-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--amb-secondary);\n font-weight: 900;\n}\n\n.amb-compo-warning {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5E5 100%);\n border-left: 4px solid #E6A030;\n}\n\n.amb-compo-warning h3 {\n color: #9A6B20;\n}\n\n.amb-compo-warning li::before {\n color: #E6A030;\n}\n\n\/* === FAQ === *\/\n.amb-faq {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.amb-faq-item {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1rem;\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-secondary);\n transition: all .3s ease;\n}\n\n.amb-faq-item:hover {\n transform: translateX(5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-faq-item h3 {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.amb-faq-item p {\n margin: 0;\n color: var(--amb-text-light);\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === RANGE BOX === *\/\n.amb-range-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-border);\n}\n\n.amb-range-box p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--amb-text);\n}\n\n.amb-range-box p:last-child {\n margin-bottom: 0;\n}\n\n.amb-range-box a {\n color: var(--amb-primary);\n font-weight: 700;\n text-decoration: none;\n border-bottom: 2px solid var(--amb-secondary);\n transition: all .3s ease;\n}\n\n.amb-range-box a:hover {\n color: var(--amb-primary-dark);\n border-color: var(--amb-primary);\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 50%, #4A2433 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(212, 165, 116, .2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(201, 168, 108, .15) 0%, transparent 40%);\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-emoji {\n font-size: 3rem;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.amb-cta-tagline {\n display: inline-block;\n color: var(--amb-secondary);\n font-size: clamp(12px, 1.6vw, 14px);\n font-weight: 700;\n letter-spacing: .1em;\n text-transform: uppercase;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-story-box {\n flex-direction: column;\n text-align: center;\n }\n \n .amb-methods-grid,\n .amb-treasure-grid,\n .amb-advantages-grid,\n .amb-formats-grid,\n .amb-compo-grid {\n grid-template-columns: 1fr;\n }\n \n .amb-pyramid-level {\n flex-direction: column;\n text-align: center;\n }\n \n .amb-pyramid-level:hover {\n transform: translateY(-5px);\n }\n \n .amb-advantage:hover {\n transform: translateY(-3px);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-treasure-card,\n .amb-method-card,\n .amb-format-card,\n .amb-faq-item {\n animation: ambFadeInUp .6s ease backwards;\n }\n \n .amb-treasure-card:nth-child(1),\n .amb-method-card:nth-child(1) { animation-delay: .1s; }\n .amb-treasure-card:nth-child(2),\n .amb-method-card:nth-child(2) { animation-delay: .2s; }\n .amb-treasure-card:nth-child(3),\n .amb-method-card:nth-child(3) { animation-delay: .3s; }\n \n .amb-format-card:nth-child(1) { animation-delay: .1s; }\n .amb-format-card:nth-child(2) { animation-delay: .2s; }\n .amb-format-card:nth-child(3) { animation-delay: .3s; }\n \n .amb-faq-item:nth-child(1) { animation-delay: .1s; }\n .amb-faq-item:nth-child(2) { animation-delay: .15s; }\n .amb-faq-item:nth-child(3) { animation-delay: .2s; }\n .amb-faq-item:nth-child(4) { animation-delay: .25s; }\n}\n\n@keyframes ambFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-premium {\n --amb-text: #000000;\n --amb-text-light: #333333;\n }\n \n .amb-badge,\n .amb-treasure-card,\n .amb-method-card,\n .amb-format-card,\n .amb-advantage,\n .amb-faq-item,\n .amb-compo-card {\n border: 2px solid var(--amb-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720064123257,"sku":"CAILLOUXAMBMAHA-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720064156025,"sku":"CAILLOUXAMBMAHA-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720064188793,"sku":"CAILLOUXAMBMAHA-200","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_3__11zon.jpg?v=1766137826"},{"product_id":"savon-de-toilette-somptueux-170-g-jardin-de-mon-grand-pere","title":"Savon de Toilette Somptueux - 170g - Jardin de mon Grand Père","description":"\u003cdiv class=\"sv-premium\"\u003e\n\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Huile d'argan \u0026amp; karité\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🍯 Enrichi au miel\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🧼 170 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eSavon de Toilette Somptueux\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eLe Jardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eUn savon d'exception aux huiles précieuses d'argan et de karité, parfumé aux notes envoûtantes de géranium, patchouli, benjoin et fève tonka.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eSavon de Toilette Somptueux : un soin d'exception pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003esavon de toilette Somptueux\u003c\/strong\u003e de la gamme \u003cem\u003eLe Jardin de mon Grand-Père\u003c\/em\u003e est bien plus qu'un simple savon : c'est un véritable rituel de soin.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'une douceur incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel\u003c\/h3\u003e\n \u003cp\u003eHydrate et adoucit l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌺 Argile rouge\u003c\/h3\u003e\n \u003cp\u003ePurifie délicatement sans agresser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sv-section-intro\" style=\"margin-top:1.25rem;\"\u003eSon parfum chaleureux, mêlant les \u003cstrong\u003ehuiles essentielles de géranium et de patchouli\u003c\/strong\u003e, la \u003cstrong\u003erésine de benjoin\u003c\/strong\u003e et la \u003cstrong\u003efève tonka\u003c\/strong\u003e, transforme chaque toilette en un moment de pur réconfort.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon naturel ?\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eSi vous recherchez un savon naturel qui prend véritablement soin de votre peau, celui-ci coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan et le beurre de karité apportent des acides gras essentiels qui renforcent le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Douceur purifiante\u003c\/h3\u003e\n \u003cp\u003eL'argile rouge nettoie en douceur sans agresser, idéale pour les peaux sensibles ou sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eLes notes boisées et poudrées du patchouli, du benjoin et de la fève tonka créent une signature olfactive raffinée et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍃 Formule respectueuse\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans colorants synthétiques, sans dérivés pétrochimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eCe savon convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus délicates. Il offre un nettoyage efficace tout en laissant l'épiderme souple et subtilement parfumé. Notez toutefois qu'il ne s'agit pas d'un savon pour la toilette intime : pour cette zone spécifique, privilégiez un soin lavant au pH adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLa richesse de ce savon tient à la qualité de ses ingrédients, soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés nourrissantes et réparatrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eActif hydratant naturel aux vertus adoucissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌺 Argile rouge\u003c\/h3\u003e\n \u003cp\u003ePurifie délicatement et revitalise le teint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de géranium\u003c\/h3\u003e\n \u003cp\u003eTonifiante et équilibrante pour la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌳 Huile essentielle de patchouli\u003c\/h3\u003e\n \u003cp\u003eApaisante, aux notes boisées caractéristiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🪵 Résine de benjoin\u003c\/h3\u003e\n \u003cp\u003eCicatrisante et réconfortante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫘 Fève tonka\u003c\/h3\u003e\n \u003cp\u003eApporte une touche gourmande et chaleureuse au parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003ePassez votre peau sous l'eau tiède pour la préparer au nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires pour profiter pleinement des actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Utilisable chaque jour, aussi bien pour le visage que pour le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pour le conserver plus longtemps :\u003c\/strong\u003e déposez-le sur un porte-savon aéré après chaque utilisation afin qu'il sèche correctement entre deux douches. Cela préservera sa texture et ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe Jardin de mon Grand-Père : l'art du savon authentique\u003c\/h2\u003e\n \u003cdiv class=\"sv-testimonial\"\u003e\n \u003cp class=\"sv-testimonial-text\"\u003eDerrière cette marque se cache un véritable engagement pour des soins artisanaux et naturels, inspirés des recettes d'autrefois. Chaque savon est fabriqué avec soin, dans le respect des traditions et de l'environnement. Choisir ce savon, c'est faire un geste à la fois pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003e✨ Envie de prolonger cette expérience sensorielle ? Complétez votre routine avec l'\u003ca rel=\"noopener\" title=\"Eau Aromatique Somptueuse Jardin de mon grand père\" href=\"https:\/\/www.naturellement-bio.com\/products\/eau-aromatique-somptueuse-100-ml-jardin-de-mon-grand-pere\" target=\"_blank\" style=\"color:#fff;text-decoration:underline;\"\u003eEau Aromatique Somptueuse\u003c\/a\u003e de la même gamme, pour un parfum subtil qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #f8f7f2;\n --sv-white: #ffffff;\n --sv-primary: #8db838;\n --sv-primary-dark: #4a6e1b;\n --sv-primary-light: #f0f6e4;\n --sv-secondary: #c5a55a;\n --sv-accent: #7a9e2e;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e0e0e0;\n --sv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6e1b 0%, #8db838 50%, #c5a55a 100%);\n border-radius: var(--sv-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(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-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.sv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 20px);\n font-weight: 500;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sv-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-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(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-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.sv-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(--sv-primary), var(--sv-secondary));\n border-radius: 2px;\n}\n\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-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.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n margin-bottom: 1.25rem;\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-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.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n .sv-card:nth-child(7) { animation-delay: .35s; }\n .sv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755373781149,"sku":"SAV043","price":6.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-toilette-somptueux-170g-jardin-de-mon-grand-pere-lifestyle.webp?v=1775207125"},{"product_id":"cailloux-de-fleur-de-frangipanier-jardin-de-mon-grand-pere","title":"Cristaux de Frangipanier - Jardin de mon Grand Père","description":"\u003csection\u003e\n \u003ch2\u003eFrangipanier – un parfum solide envoûtant venu des îles\u003c\/h2\u003e\n \u003cp\u003e\n Laissez-vous transporter vers les lagons turquoise et les plages ensoleillées grâce aux \n \u003cstrong\u003ecailloux parfumés au frangipanier\u003c\/strong\u003e. \n Fleur emblématique des îles du Pacifique, le frangipanier est utilisé depuis toujours \n pour confectionner les \u003cem\u003ecouronnes et colliers traditionnels\u003c\/em\u003e, symboles d’accueil et de fête. \n Son parfum exotique, chaud et délicatement amandé, diffuse une atmosphère sensuelle et apaisante.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003csection\u003e\n \u003ch2\u003eUne invitation au voyage\u003c\/h2\u003e\n \u003cp\u003e\n Dans les \u003cstrong\u003ecailloux de parfum solide Jardin de mon Grand-Père\u003c\/strong\u003e, \n la fleur de frangipanier révèle toute sa richesse olfactive : des notes florales suaves, \n gourmandes et solaires qui évoquent un \u003cem\u003evoyage dans des contrées paradisiaques\u003c\/em\u003e. \n Une senteur qui réchauffe l’esprit et rappelle la douceur des vacances sous les tropiques.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003csection\u003e\n \u003ch2\u003eConseils d’utilisation des cailloux parfumés\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eDans la maison :\u003c\/strong\u003e disposez quelques cailloux de frangipanier dans de petits espaces, \n près d’une source de chaleur pour intensifier la diffusion.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eÀ garder sur soi :\u003c\/strong\u003e utilisés comme un gri-gri porte-bonheur, ils diffusent leur parfum \n au contact de la chaleur corporelle. En les manipulant, ils deviennent doux et libèrent progressivement \n leur senteur.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEn brûloir :\u003c\/strong\u003e déposez 3 cailloux dans un brûle-parfum. \n La matière se liquéfie à chaud, embaumant la pièce, puis redevient solide en refroidissant. \n Répétez l’opération jusqu’à épuisement de la fragrance.\u003c\/li\u003e\n \u003c\/ul\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003csection\u003e\n \u003ch2\u003eLes cailloux de frangipanier : une touche exotique pour votre intérieur\u003c\/h2\u003e\n \u003cp\u003e\n Les \u003cstrong\u003ecailloux parfumés au frangipanier\u003c\/strong\u003e sont une façon originale et naturelle \n de parfumer la maison. Ils apportent chaleur, sensualité et évasion, comme une caresse tropicale \n dans votre quotidien.\n \u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003csection\u003e\n \u003ch2\u003eConditionnement\u003c\/h2\u003e\n \u003cp\u003e\n En sachet kraft hermétique : \u003cbr\u003e\n – 50 g (environ 5 à 7 cailloux selon la taille) \u003cbr\u003e\n – 100 g \u003cbr\u003e\n – 200 g\n \u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\n\u003csection\u003e\n \u003ch2\u003ePrécautions\u003c\/h2\u003e\n \u003cp\u003eContient : Benzyl Salicylate.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e 3PC0-40YN-R00E-48E7\u003c\/p\u003e\n\u003c\/section\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720533197177,"sku":"CAILLOUXFRANGI-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720533229945,"sku":"CAILLOUXFRANGI-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720533262713,"sku":"CAILLOUXFRANGI-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cristaux_ambre_frangipanier_jardindemongrandpere_2__11zon.jpg?v=1765016292"},{"product_id":"cristaux-de-neroli-jardin-de-mon-grand-pere","title":"Cristaux de Néroli - Jardin de mon Grand Père","description":"\u003csection\u003e\n\u003ch2\u003eNéroli – un parfum solide raffiné et apaisant\u003c\/h2\u003e\n\u003cp\u003eRetrouvez l’élégance intemporelle de la \u003cstrong\u003efleur d’oranger\u003c\/strong\u003e à travers ces \u003cstrong\u003ecristaux de néroli\u003c\/strong\u003e, une senteur florale et précieuse qui enveloppe la maison d’un halo raffiné. Douce et rayonnante, cette fragrance séduit par ses notes à la fois sucrées, épicées et délicatement fleuries.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eUn parfum royal chargé d’histoire\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003enéroli\u003c\/strong\u003e tire son nom d’Anne-Marie Orsini, duchesse de Bracciano et princesse de Nerola, surnommée « Princesse des Ursins ». Grande amoureuse de cette fragrance, elle en parfumait ses gants, ses vêtements et ses appartements. Depuis, le néroli reste associé à l’élégance, au luxe et au raffinement.\u003c\/p\u003e\n\u003cp\u003eExtraite des fleurs blanches du \u003cem\u003ebigaradier\u003c\/em\u003e, ressemblant à de fines étoiles auréolées d’or, son essence diffuse une aura sensuelle, chaude et capiteuse. Elle est aujourd’hui l’une des huiles florales les plus prisées en \u003cstrong\u003eparfumerie haut de gamme\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eLes bienfaits apaisants du néroli\u003c\/h2\u003e\n\u003cp\u003eBien plus qu’une fragrance, le \u003cstrong\u003enéroli\u003c\/strong\u003e est reconnu pour ses propriétés réconfortantes. Ses notes florales et lumineuses contribuent à apaiser le système nerveux et à créer une atmosphère de sérénité et de bien-être, idéale pour transformer votre maison en un véritable cocon parfumé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eConseils d’utilisation des cristaux parfumés\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDans la maison :\u003c\/strong\u003e disposez quelques cristaux de néroli dans de petits espaces, idéalement près d’une source de chaleur pour intensifier la diffusion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÀ garder sur soi :\u003c\/strong\u003e portés comme un gri-gri, ils diffusent leur parfum grâce à la chaleur corporelle. En les manipulant, ils deviennent très doux et libèrent une senteur durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn brûloir :\u003c\/strong\u003e déposez 3 cristaux dans un brûle-parfum. La matière se liquéfie à chaud et diffuse un parfum envoûtant, puis redevient solide en refroidissant. Répétez jusqu’à épuisement de la fragrance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eLes cristaux de Néroli : une façon originale de parfumer sa maison\u003c\/h2\u003e\n\u003cp\u003eUne alternative élégante aux bougies et aux sprays, les \u003cstrong\u003ecristaux de néroli\u003c\/strong\u003e vous offrent une expérience sensorielle unique. Leur parfum chaud, floral et apaisant diffuse un bien-être raffiné au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eConditionnement\u003c\/h2\u003e\n\u003cp\u003eEn sachet kraft : \u003cbr\u003e– 50 g (environ 5 à 7 cristaux, selon leur taille) \u003cbr\u003e– 100 g \u003cbr\u003e– 200 g\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cp\u003eContient : Benzyl Salicylate, Limonene.\u003c\/p\u003e\n\u003cp\u003ePeut produire une réaction allergique.\u003c\/p\u003e\n\u003cp\u003eNocif pour les organismes aquatiques, entraîne des effets néfastes à long terme. Éviter le rejet dans l’environnement.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e HP30-20SR-800D-MH77\u003c\/p\u003e\n\u003c\/section\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720413430137,"sku":"CRISTAUXNEROLI-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720413462905,"sku":"CRISTAUXNEROLI-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720413495673,"sku":"CRISTAUXNEROLI-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cristaux_de_Neroli_1.jpg?v=1766151060"},{"product_id":"cailloux-de-vanille-bourbon-jardin-de-mon-grand-pere","title":"Cailloux Vanille Bourbon - Parfum Solide - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux Vanille Bourbon - Parfum Solide\nPalette détectée:\n - Primaire: #C4A574 (kraft\/beige doré du packaging)\n - Secondaire: #5C4A32 (brun chocolat des gousses de vanille)\n - Accent: #F5E6C8 (crème ivoire des cailloux)\nAmbiance: Artisanal, chaleureux, cocooning, naturel, authentique, ambiance bougie\/spa\nPréfixe CSS: van\n--\u003e\n\n\u003cdiv class=\"van-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"van-hero\"\u003e\n \u003cdiv class=\"van-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"van-hero-content\"\u003e\n \u003cdiv class=\"van-badges-top\"\u003e\n \u003cspan class=\"van-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"van-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"van-badge\"\u003e✨ Artisanal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"van-hero-title\"\u003eCailloux de Vanille Bourbon\u003c\/span\u003e\n \u003cp class=\"van-subtitle\"\u003eParfum solide artisanal\u003c\/p\u003e\n \u003cp class=\"van-description\"\u003eUne invitation au voyage sensoriel, une parenthèse gourmande qui transforme chaque pièce en havre de douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION INTRODUCTION --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003cdiv class=\"van-intro-card\"\u003e\n \u003cdiv class=\"van-intro-icon\"\u003e🪨\u003c\/div\u003e\n \u003ch2\u003eQu'est-ce qu'un caillou de parfum solide ?\u003c\/h2\u003e\n \u003cp\u003eLes cailloux de vanille bourbon sont des \u003cstrong\u003eparfums solides\u003c\/strong\u003e façonnés sous forme de petits galets irréguliers, à la texture cireuse et fondante. Contrairement aux diffuseurs traditionnels ou aux bougies parfumées, ils offrent une diffusion progressive et naturelle, sans combustion ni électricité nécessaire.\u003c\/p\u003e\n \u003cp\u003eLeur secret ? Une base de cires végétales imprégnées d'une fragrance concentrée à la \u003cstrong\u003evanille bourbon authentique\u003c\/strong\u003e. Au contact de la chaleur ambiante ou corporelle, ils libèrent leurs notes sucrées, rondes et veloutées pendant plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION VANILLE BOURBON --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e🌺 La vanille bourbon : un trésor d'exception\u003c\/h2\u003e\n \u003cdiv class=\"van-bourbon-box\"\u003e\n \u003cdiv class=\"van-bourbon-header\"\u003e\n \u003cspan class=\"van-bourbon-origin\"\u003eÎle de La Réunion • Madagascar • Comores • Maurice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"van-bourbon-intro\"\u003eLa \u003cstrong\u003evanille bourbon\u003c\/strong\u003e tire son nom de l'île Bourbon, ancien nom de La Réunion, berceau de sa culture depuis le XIXe siècle. Elle représente l'une des épices les plus précieuses au monde.\u003c\/p\u003e\n \u003cdiv class=\"van-grid van-grid-3\"\u003e\n \u003cdiv class=\"van-bourbon-feature\"\u003e\n \u003cdiv class=\"van-bourbon-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eCulture exigeante\u003c\/h3\u003e\n \u003cp\u003eIssue d'une orchidée rare, elle nécessite une pollinisation manuelle, fleur par fleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-bourbon-feature\"\u003e\n \u003cdiv class=\"van-bourbon-icon\"\u003e⏳\u003c\/div\u003e\n \u003ch3\u003eAffinage artisanal\u003c\/h3\u003e\n \u003cp\u003eChaque gousse subit un processus de transformation de plusieurs mois pour développer ses arômes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-bourbon-feature\"\u003e\n \u003cdiv class=\"van-bourbon-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eProfil unique\u003c\/h3\u003e\n \u003cp\u003eNotes crémeuses, légèrement boisées, avec cette rondeur gourmande inimitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION UTILISATIONS --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e💫 Comment utiliser vos cailloux parfumés\u003c\/h2\u003e\n \u003cdiv class=\"van-grid\"\u003e\n \u003cdiv class=\"van-card van-card-usage\"\u003e\n \u003cdiv class=\"van-card-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"van-card-icon\"\u003e🏠\u003c\/div\u003e\n \u003ch3\u003eParfumer votre intérieur\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle ou un joli récipient décoratif.\u003c\/p\u003e\n \u003cul class=\"van-list\"\u003e\n \u003cli\u003eSur une étagère près d'un radiateur\u003c\/li\u003e\n \u003cli\u003eDans l'entrée pour accueillir vos invités\u003c\/li\u003e\n \u003cli\u003eSur la table de chevet pour la détente\u003c\/li\u003e\n \u003cli\u003eDans la salle de bain, ambiance spa\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-card-usage\"\u003e\n \u003cdiv class=\"van-card-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"van-card-icon\"\u003e🕯️\u003c\/div\u003e\n \u003ch3\u003eEn brûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez 2 à 3 cailloux dans la coupelle de votre brûle-parfum.\u003c\/p\u003e\n \u003cul class=\"van-list\"\u003e\n \u003cli\u003eDiffusion plus intense et immédiate\u003c\/li\u003e\n \u003cli\u003eLa cire fond sous la chaleur de la bougie\u003c\/li\u003e\n \u003cli\u003eSe resolidifie une fois éteint\u003c\/li\u003e\n \u003cli\u003eRéutilisable jusqu'à épuisement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-card-usage\"\u003e\n \u003cdiv class=\"van-card-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"van-card-icon\"\u003e👜\u003c\/div\u003e\n \u003ch3\u003eTalisman parfumé\u003c\/h3\u003e\n \u003cp\u003eGlissez un caillou dans votre poche, sac ou tiroir à vêtements.\u003c\/p\u003e\n \u003cul class=\"van-list\"\u003e\n \u003cli\u003eLa chaleur corporelle active la diffusion\u003c\/li\u003e\n \u003cli\u003eManipulez-le pour réveiller les notes\u003c\/li\u003e\n \u003cli\u003eParfum personnel discret\u003c\/li\u003e\n \u003cli\u003eAdoucit sa texture au fil du temps\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION AVANTAGES --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir un parfum solide ?\u003c\/h2\u003e\n \u003cdiv class=\"van-grid van-grid-2\"\u003e\n \u003cdiv class=\"van-card van-advantage\"\u003e\n \u003cspan class=\"van-advantage-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eSans alcool\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes sensibles aux formulations classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-advantage\"\u003e\n \u003cspan class=\"van-advantage-icon\"\u003e♻️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eZéro déchet\u003c\/h3\u003e\n \u003cp\u003ePas de flacon à jeter, le produit se consomme entièrement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-advantage\"\u003e\n \u003cspan class=\"van-advantage-icon\"\u003e⏰\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eLongue durée\u003c\/h3\u003e\n \u003cp\u003eLa diffusion lente garantit des semaines de parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-advantage\"\u003e\n \u003cspan class=\"van-advantage-icon\"\u003e🎒\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePratique et nomade\u003c\/h3\u003e\n \u003cp\u003eCompact, incassable, il vous accompagne partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-advantage\"\u003e\n \u003cspan class=\"van-advantage-icon\"\u003e🎚️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eDiffusion modulable\u003c\/h3\u003e\n \u003cp\u003eDouce à température ambiante, intense avec chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-advantage\"\u003e\n \u003cspan class=\"van-advantage-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eBase végétale\u003c\/h3\u003e\n \u003cp\u003eCires naturelles respectueuses de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION PYRAMIDE OLFACTIVE --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e🎭 La signature olfactive\u003c\/h2\u003e\n \u003cdiv class=\"van-pyramid\"\u003e\n \u003cdiv class=\"van-pyramid-level van-pyramid-top\"\u003e\n \u003cdiv class=\"van-pyramid-label\"\u003eNotes de tête\u003c\/div\u003e\n \u003cdiv class=\"van-pyramid-content\"\u003e\n \u003cspan class=\"van-note\"\u003e✨ Légèrement épicée\u003c\/span\u003e\n \u003cp\u003eUne attaque qui éveille les sens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-pyramid-level van-pyramid-middle\"\u003e\n \u003cdiv class=\"van-pyramid-label\"\u003eNotes de cœur\u003c\/div\u003e\n \u003cdiv class=\"van-pyramid-content\"\u003e\n \u003cspan class=\"van-note\"\u003e🌸 Vanille bourbon\u003c\/span\u003e\n \u003cp\u003eDans toute sa splendeur, crémeuse et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-pyramid-level van-pyramid-bottom\"\u003e\n \u003cdiv class=\"van-pyramid-label\"\u003eNotes de fond\u003c\/div\u003e\n \u003cdiv class=\"van-pyramid-content\"\u003e\n \u003cspan class=\"van-note\"\u003e🪵 Accents boisés\u003c\/span\u003e\n \u003cp\u003eSubtils et profonds, ils ancrent la fragrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-atmosphere\"\u003e\n \u003cp\u003e✨ Le résultat ? Une atmosphère \u003cstrong\u003ecocooning et réconfortante\u003c\/strong\u003e, parfaite pour les soirées d'automne, les dimanches pluvieux ou simplement pour transformer votre quotidien en moment de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FORMATS --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e📦 Formats disponibles\u003c\/h2\u003e\n \u003cp class=\"van-section-intro\"\u003ePrésentés dans des sachets kraft hermétiques qui préservent l'intégrité de la fragrance\u003c\/p\u003e\n \u003cdiv class=\"van-grid van-grid-3\"\u003e\n \u003cdiv class=\"van-card van-format\"\u003e\n \u003cdiv class=\"van-format-weight\"\u003e50g\u003c\/div\u003e\n \u003ch3\u003eDécouverte\u003c\/h3\u003e\n \u003cp\u003eEnviron 5 à 7 cailloux\u003c\/p\u003e\n \u003cspan class=\"van-format-use\"\u003eIdéal pour découvrir ou parfumer un petit espace\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-format van-format-popular\"\u003e\n \u003cdiv class=\"van-format-badge\"\u003ePopulaire\u003c\/div\u003e\n \u003cdiv class=\"van-format-weight\"\u003e100g\u003c\/div\u003e\n \u003ch3\u003eÉquilibre\u003c\/h3\u003e\n \u003cp\u003eEnviron 10 à 14 cailloux\u003c\/p\u003e\n \u003cspan class=\"van-format-use\"\u003eParfait pour un usage régulier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-card van-format\"\u003e\n \u003cdiv class=\"van-format-weight\"\u003e200g\u003c\/div\u003e\n \u003ch3\u003eGrand format\u003c\/h3\u003e\n \u003cp\u003eEnviron 20 à 28 cailloux\u003c\/p\u003e\n \u003cspan class=\"van-format-use\"\u003ePour parfumer plusieurs pièces\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION PRÉCAUTIONS --\u003e\n \u003csection class=\"van-section\"\u003e\n \u003ch2\u003e⚠️ Composition et précautions\u003c\/h2\u003e\n \u003cdiv class=\"van-warning-box\"\u003e\n \u003cdiv class=\"van-warning-content\"\u003e\n \u003cdiv class=\"van-composition\"\u003e\n \u003ch3\u003e🧪 Composition\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e Benzyl Salicylate, Isoeugenol, Acetyl Cedrene\u003c\/p\u003e\n \u003cp class=\"van-ufi\"\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e PX30-K0UX-500V-KHYE\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"van-precautions\"\u003e\n \u003ch3\u003e📋 Précautions\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePeut provoquer une réaction allergique chez les personnes sensibles\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, effectuez un test sur une petite zone\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la lumière directe du soleil\u003c\/li\u003e\n \u003cli\u003eÉviter la chaleur excessive pour préserver la fragrance\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA FINAL --\u003e\n \u003csection class=\"van-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"van-cta-box\"\u003e\n \u003cdiv class=\"van-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"van-cta-content\"\u003e\n \u003cspan class=\"van-cta-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eTransformez votre intérieur en véritable \u003cstrong\u003ecocon de douceur\u003c\/strong\u003e avec ces trésors artisanaux à la vanille bourbon authentique. Une expérience sensorielle unique, naturelle et durable.\u003c\/p\u003e\n \u003cspan class=\"van-cta-signature\"\u003eLe Jardin de mon Grand-Père • Aurillac, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --van-cream: #FBF8F3;\n --van-white: #ffffff;\n --van-primary: #C4A574;\n --van-primary-dark: #5C4A32;\n --van-primary-light: #F5E6C8;\n --van-secondary: #8B7355;\n --van-accent: #D4AF37;\n\n \/* Textes *\/\n --van-text: #2D2418;\n --van-text-light: #6B5D4D;\n\n \/* Effets *\/\n --van-border: #E8DFD3;\n --van-shadow: 0 4px 24px rgba(92, 74, 50, .08);\n --van-shadow-lg: 0 12px 48px rgba(92, 74, 50, .15);\n --van-radius: 20px;\n --van-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.van-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--van-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--van-text);\n line-height: 1.7;\n}\n\n.van-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.van-hero {\n position: relative;\n background: linear-gradient(135deg, var(--van-primary-dark) 0%, var(--van-secondary) 50%, var(--van-primary) 100%);\n border-radius: var(--van-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--van-shadow-lg);\n}\n\n.van-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.van-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.van-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.van-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(--van-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.van-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.van-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.van-subtitle {\n color: var(--van-primary-light);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: .15em;\n}\n\n.van-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 20px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.van-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.van-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--van-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.van-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(--van-primary), var(--van-accent));\n border-radius: 2px;\n}\n\n.van-section-intro {\n text-align: center;\n color: var(--van-text-light);\n font-size: clamp(15px, 2vw, 18px);\n margin-bottom: 2rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.van-intro-card {\n background: var(--van-white);\n border-radius: var(--van-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--van-shadow);\n text-align: center;\n border: 2px solid var(--van-border);\n}\n\n.van-intro-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.van-intro-card h2 {\n margin-top: 0;\n}\n\n.van-intro-card h2::after {\n display: none;\n}\n\n.van-intro-card p {\n color: var(--van-text-light);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 800px;\n margin: 1rem auto;\n}\n\n.van-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n.van-intro-card strong {\n color: var(--van-primary-dark);\n}\n\n\/* === BOURBON BOX === *\/\n.van-bourbon-box {\n background: linear-gradient(135deg, var(--van-primary-light) 0%, var(--van-white) 100%);\n border-radius: var(--van-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--van-primary);\n}\n\n.van-bourbon-header {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.van-bourbon-origin {\n display: inline-block;\n background: var(--van-primary-dark);\n color: white;\n padding: 8px 20px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .05em;\n}\n\n.van-bourbon-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--van-text);\n margin-bottom: 2rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.van-bourbon-feature {\n background: var(--van-white);\n border-radius: var(--van-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--van-shadow);\n}\n\n.van-bourbon-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n}\n\n.van-bourbon-feature h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--van-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.van-bourbon-feature p {\n font-size: 14px;\n color: var(--van-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.van-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.van-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.van-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === CARDS === *\/\n.van-card {\n background: var(--van-white);\n border-radius: var(--van-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--van-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.van-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--van-shadow-lg);\n border-color: var(--van-primary);\n}\n\n\/* === USAGE CARDS === *\/\n.van-card-usage {\n position: relative;\n overflow: hidden;\n}\n\n.van-card-number {\n position: absolute;\n top: 1rem;\n right: 1rem;\n font-size: 48px;\n font-weight: 900;\n color: var(--van-primary-light);\n line-height: 1;\n opacity: .5;\n}\n\n.van-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.van-card-usage h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--van-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.van-card-usage \u003e p {\n color: var(--van-text-light);\n font-size: 15px;\n margin: 0 0 1rem 0;\n}\n\n.van-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.van-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n font-size: 14px;\n color: var(--van-text-light);\n}\n\n.van-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--van-primary);\n font-weight: bold;\n}\n\n\/* === ADVANTAGE CARDS === *\/\n.van-advantage {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1.25rem 1.5rem;\n}\n\n.van-advantage-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.van-advantage h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--van-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.van-advantage p {\n font-size: 14px;\n color: var(--van-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === PYRAMIDE OLFACTIVE === *\/\n.van-pyramid {\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.van-pyramid-level {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border-radius: var(--van-radius-sm);\n transition: all .3s ease;\n}\n\n.van-pyramid-level:hover {\n transform: scale(1.02);\n}\n\n.van-pyramid-top {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF5D6 100%);\n border-left: 4px solid var(--van-accent);\n}\n\n.van-pyramid-middle {\n background: linear-gradient(135deg, var(--van-primary-light) 0%, #F5E6C8 100%);\n border-left: 4px solid var(--van-primary);\n}\n\n.van-pyramid-bottom {\n background: linear-gradient(135deg, #E8DFD3 0%, #D4C4B0 100%);\n border-left: 4px solid var(--van-primary-dark);\n}\n\n.van-pyramid-label {\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--van-text-light);\n min-width: 100px;\n}\n\n.van-pyramid-content {\n flex: 1;\n}\n\n.van-note {\n display: inline-block;\n font-size: 16px;\n font-weight: 700;\n color: var(--van-primary-dark);\n margin-bottom: 0.25rem;\n}\n\n.van-pyramid-content p {\n font-size: 14px;\n color: var(--van-text-light);\n margin: 0;\n}\n\n.van-atmosphere {\n background: var(--van-white);\n border-radius: var(--van-radius-sm);\n padding: 1.5rem 2rem;\n text-align: center;\n box-shadow: var(--van-shadow);\n border: 2px dashed var(--van-primary);\n}\n\n.van-atmosphere p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--van-text);\n}\n\n.van-atmosphere strong {\n color: var(--van-primary-dark);\n}\n\n\/* === FORMAT CARDS === *\/\n.van-format {\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.van-format-badge {\n position: absolute;\n top: 15px;\n right: -30px;\n background: var(--van-accent);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 40px;\n transform: rotate(45deg);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.van-format-popular {\n border: 2px solid var(--van-primary);\n background: linear-gradient(135deg, var(--van-white) 0%, var(--van-primary-light) 100%);\n}\n\n.van-format-weight {\n font-size: clamp(36px, 5vw, 48px);\n font-weight: 900;\n color: var(--van-primary);\n margin-bottom: 0.5rem;\n}\n\n.van-format h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--van-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.van-format \u003e p {\n font-size: 14px;\n color: var(--van-text-light);\n margin: 0 0 1rem 0;\n}\n\n.van-format-use {\n display: inline-block;\n background: var(--van-primary-light);\n color: var(--van-primary-dark);\n font-size: 13px;\n font-weight: 600;\n padding: 8px 16px;\n border-radius: 999px;\n}\n\n\/* === WARNING BOX === *\/\n.van-warning-box {\n background: var(--van-white);\n border-radius: var(--van-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--van-shadow);\n border: 2px solid var(--van-border);\n}\n\n.van-warning-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n}\n\n.van-warning-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--van-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.van-composition p {\n font-size: 14px;\n color: var(--van-text-light);\n margin: 0 0 0.5rem 0;\n}\n\n.van-composition strong {\n color: var(--van-text);\n}\n\n.van-ufi {\n font-family: monospace;\n background: var(--van-cream);\n padding: 4px 8px;\n border-radius: 4px;\n display: inline-block;\n margin-top: 0.5rem;\n}\n\n.van-precautions ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.van-precautions li {\n position: relative;\n padding-left: 1.75rem;\n margin-bottom: 0.75rem;\n font-size: 14px;\n color: var(--van-text-light);\n}\n\n.van-precautions li::before {\n content: '⚠️';\n position: absolute;\n left: 0;\n font-size: 12px;\n}\n\n\/* === CTA BOX === *\/\n.van-cta-box {\n background: linear-gradient(135deg, var(--van-primary-dark) 0%, var(--van-secondary) 50%, var(--van-primary) 100%);\n border-radius: var(--van-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--van-shadow-lg);\n}\n\n.van-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 10% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 80%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.van-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.van-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.van-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.van-cta-box strong {\n font-weight: 700;\n color: var(--van-primary-light);\n}\n\n.van-cta-signature {\n display: inline-block;\n color: var(--van-primary-light);\n font-size: 14px;\n font-weight: 600;\n letter-spacing: .05em;\n opacity: .9;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .van-grid,\n .van-grid-2,\n .van-grid-3 {\n grid-template-columns: 1fr;\n }\n\n .van-pyramid-level {\n flex-direction: column;\n text-align: center;\n gap: 0.75rem;\n }\n\n .van-pyramid-label {\n min-width: auto;\n }\n\n .van-warning-content {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .van-card,\n .van-bourbon-feature,\n .van-format {\n animation: vanFadeInUp .6s ease backwards;\n }\n\n .van-card:nth-child(1),\n .van-bourbon-feature:nth-child(1),\n .van-format:nth-child(1) { animation-delay: .1s; }\n .van-card:nth-child(2),\n .van-bourbon-feature:nth-child(2),\n .van-format:nth-child(2) { animation-delay: .2s; }\n .van-card:nth-child(3),\n .van-bourbon-feature:nth-child(3),\n .van-format:nth-child(3) { animation-delay: .3s; }\n .van-card:nth-child(4) { animation-delay: .4s; }\n .van-card:nth-child(5) { animation-delay: .5s; }\n .van-card:nth-child(6) { animation-delay: .6s; }\n\n .van-pyramid-level {\n animation: vanSlideIn .5s ease backwards;\n }\n\n .van-pyramid-top { animation-delay: .2s; }\n .van-pyramid-middle { animation-delay: .4s; }\n .van-pyramid-bottom { animation-delay: .6s; }\n}\n\n@keyframes vanFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes vanSlideIn {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .van-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .van-premium {\n --van-text: #000000;\n --van-text-light: #333333;\n --van-border: #666666;\n }\n\n .van-card,\n .van-bourbon-feature,\n .van-format {\n border: 2px solid var(--van-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720380825977,"sku":"CAILLOUXVANILLE-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720380858745,"sku":"CAILLOUXVANILLE-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720380891513,"sku":"CAILLOUXVANILLE-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carre-ambre-vanille-bourbon-jardindemongrandpere_2_11zon.jpg?v=1765016716"},{"product_id":"vaporisateur-parfum-ambre-pour-la-maison-100-ml-jardin-de-mon-grand-pere","title":"Vaporisateur Parfum d'intérieur - Ambre 100 ml - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vaporisateur Parfum d'intérieur Ambre - Le Jardin de mon Grand-Père\nPalette détectée:\n - Primaire: #D94B4B (rouge corail du packaging, chaleureux et élégant)\n - Secondaire: #C89B6D (beige\/kraft du packaging, naturel et artisanal)\n - Accent: #8B4513 (ton ambré du liquide, chaud et réconfortant)\nAmbiance: Naturel artisanal français, chaleureux et authentique, vintage raffiné\nStyle: Artisanal premium, fait-main, tradition française, cocooning\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e✨ Artisanal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eParfum d'intérieur Ambre\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eL'élégance chaleureuse à la française\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eTransformez votre maison en un véritable cocon de bien-être grâce aux notes chaudes et enveloppantes d'ambre. Un savoir-faire artisanal français au service de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003ePourquoi choisir notre parfum d'ambiance Ambre ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eIngrédients naturels\u003c\/div\u003e\n \u003cp\u003eFormulé uniquement à partir d'extraits naturels, d'alcool végétal et d'huiles essentielles pures. Zéro parabène, zéro phénoxyéthanol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eFabrication française\u003c\/div\u003e\n \u003cp\u003eConçu et élaboré en France dans le respect des traditions artisanales et des normes écologiques les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eNotes chaleureuses\u003c\/div\u003e\n \u003cp\u003eUn parfum d'ambre envoûtant qui crée instantanément une atmosphère apaisante, raffinée et accueillante dans toutes vos pièces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eDiffusion optimale\u003c\/div\u003e\n \u003cp\u003eUne formule professionnelle pour une diffusion longue durée. Quelques pulvérisations suffisent pour parfumer durablement votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eEngagement responsable\u003c\/div\u003e\n \u003cp\u003eMatières premières issues de sources durables, emballage kraft recyclable. Le respect de l'environnement au cœur de notre démarche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eQualité artisanale\u003c\/div\u003e\n \u003cp\u003eChaque flacon de 100 ml est élaboré avec soin selon un savoir-faire traditionnel qui garantit un produit unique et précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eUne composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"amb-composition-intro\"\u003e\n \u003cp\u003eLe vaporisateur parfum Ambre est formulé exclusivement à partir d'ingrédients naturels de haute qualité, sélectionnés avec soin pour garantir une diffusion saine, agréable et respectueuse de votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredients-grid\"\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🌟\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eExtrait naturel d'ambre\u003c\/div\u003e\n \u003cp\u003eLa base noble et enveloppante qui apporte ses notes chaudes et réconfortantes, créant une ambiance cocooning instantanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eEau déminéralisée\u003c\/div\u003e\n \u003cp\u003eUne eau pure et traitée pour garantir une qualité optimale et une diffusion homogène du parfum dans l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eAlcool végétal\u003c\/div\u003e\n \u003cp\u003eD'origine naturelle, il assure une évaporation douce et une fixation durable du parfum sans agresser l'atmosphère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eHuiles essentielles pures\u003c\/div\u003e\n \u003cp\u003eExtraites de plantes soigneusement sélectionnées, elles enrichissent la fragrance de leurs vertus naturelles et bienfaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-guarantee-box\"\u003e\n \u003cdiv class=\"amb-guarantee-icon\"\u003e✅\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eGarantie clean :\u003c\/strong\u003e Formule sans parabène, sans phénoxyéthanol, sans substances controversées. La santé et l'environnement sont au cœur de notre engagement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"amb-usage-grid\"\u003e\n \u003cdiv class=\"amb-usage-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eChoisissez votre pièce\u003c\/div\u003e\n \u003cp\u003eSalon, chambre, salle de bain, entrée... Le parfum Ambre s'adapte à tous vos espaces pour créer une atmosphère chaleureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eVaporisez à bonne distance\u003c\/div\u003e\n \u003cp\u003eEffectuez 1 à 2 pulvérisations à environ 1 mètre des surfaces textiles pour une diffusion optimale et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eLaissez agir la magie\u003c\/div\u003e\n \u003cp\u003eLes notes d'ambre se diffusent délicatement dans l'air, créant instantanément une ambiance apaisante et raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eRenouvelez selon vos envies\u003c\/div\u003e\n \u003cp\u003eL'effet longue durée permet de profiter du parfum pendant plusieurs heures. Renouvelez quand vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-usage-tip\"\u003e\n \u003cspan class=\"amb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e Évitez de vaporiser directement sur des surfaces fragiles ou sensibles. Privilégiez la diffusion dans l'air ambiant pour préserver vos textiles délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BENEFICES --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eLes bénéfices d'un intérieur parfumé à l'ambre\u003c\/h2\u003e\n \u003cdiv class=\"amb-benefits-grid\"\u003e\n \u003cdiv class=\"amb-benefit-card\"\u003e\n \u003cspan class=\"amb-benefit-emoji\"\u003e🏡\u003c\/span\u003e\n \u003cdiv class=\"amb-benefit-title\"\u003eAtmosphère cocooning\u003c\/div\u003e\n \u003cp\u003eCréez une ambiance chaleureuse et réconfortante qui transforme votre maison en véritable refuge de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-benefit-card\"\u003e\n \u003cspan class=\"amb-benefit-emoji\"\u003e😌\u003c\/span\u003e\n \u003cdiv class=\"amb-benefit-title\"\u003eEffet apaisant\u003c\/div\u003e\n \u003cp\u003eLes notes d'ambre favorisent la détente et la sérénité, parfaites pour se ressourcer après une journée intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-benefit-card\"\u003e\n \u003cspan class=\"amb-benefit-emoji\"\u003e✨\u003c\/span\u003e\n \u003cdiv class=\"amb-benefit-title\"\u003eÉlégance olfactive\u003c\/div\u003e\n \u003cp\u003eUn parfum raffiné et enveloppant qui apporte une touche de sophistication à votre décoration d'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-benefit-card\"\u003e\n \u003cspan class=\"amb-benefit-emoji\"\u003e🎁\u003c\/span\u003e\n \u003cdiv class=\"amb-benefit-title\"\u003eAccueil chaleureux\u003c\/div\u003e\n \u003cp\u003eImpressionnez vos invités dès leur arrivée avec un parfum d'ambiance accueillant et mémorable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce parfum d'intérieur ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-profile-card\"\u003e\n \u003cdiv class=\"amb-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"amb-profile-title\"\u003eLes amoureux du naturel\u003c\/div\u003e\n \u003cp\u003eVous recherchez des produits sains, sans substances controversées, respectueux de votre santé et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-profile-card\"\u003e\n \u003cdiv class=\"amb-profile-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"amb-profile-title\"\u003eLes adeptes du made in France\u003c\/div\u003e\n \u003cp\u003eVous privilégiez le savoir-faire artisanal français et les produits fabriqués dans le respect des traditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-profile-card\"\u003e\n \u003cdiv class=\"amb-profile-icon\"\u003e🏠\u003c\/div\u003e\n \u003cdiv class=\"amb-profile-title\"\u003eLes créateurs d'ambiance\u003c\/div\u003e\n \u003cp\u003eVous aimez soigner chaque détail de votre décoration et créer une atmosphère unique dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-profile-card\"\u003e\n \u003cdiv class=\"amb-profile-icon\"\u003e💆\u003c\/div\u003e\n \u003cdiv class=\"amb-profile-title\"\u003eLes chercheurs de bien-être\u003c\/div\u003e\n \u003cp\u003eVous aspirez à transformer votre maison en un véritable cocon apaisant où il fait bon vivre et se ressourcer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eL'engagement Le Jardin de mon Grand-Père\u003c\/h2\u003e\n \u003cdiv class=\"amb-brand-story\"\u003e\n \u003cdiv class=\"amb-story-card\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"amb-story-content\"\u003e\n \u003cdiv class=\"amb-story-title\"\u003eFabrication 100% française\u003c\/div\u003e\n \u003cp\u003eChaque flacon est conçu et élaboré en France dans le respect des traditions artisanales transmises de génération en génération. Nous perpétuons un savoir-faire d'exception qui garantit la qualité supérieure de chaque vaporisateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-story-card\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"amb-story-content\"\u003e\n \u003cdiv class=\"amb-story-title\"\u003eDémarche éco-responsable\u003c\/div\u003e\n \u003cp\u003eNotre engagement va au-delà du produit : nous sélectionnons exclusivement des matières premières issues de sources responsables et durables. Les normes écologiques les plus strictes encadrent notre production pour un impact minimal sur l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-story-card\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e✋\u003c\/div\u003e\n \u003cdiv class=\"amb-story-content\"\u003e\n \u003cdiv class=\"amb-story-title\"\u003eÉlaboration artisanale\u003c\/div\u003e\n \u003cp\u003eChaque flacon de 100 ml est travaillé avec soin et attention. Cette approche artisanale garantit un produit unique, précieux, où chaque détail compte. Nous ne produisons pas en masse, nous créons des parfums d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-story-card\"\u003e\n \u003cdiv class=\"amb-story-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"amb-story-content\"\u003e\n \u003cdiv class=\"amb-story-title\"\u003eRespect de l'homme et de la nature\u003c\/div\u003e\n \u003cp\u003eAu cœur de notre philosophie : la santé, le bien-être et l'environnement. Aucun compromis sur la qualité, aucune substance controversée. Juste le meilleur de la nature, transformé avec passion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRECAUTIONS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"amb-warning-box\"\u003e\n \u003cdiv class=\"amb-warning-header\"\u003e\n \u003cspan class=\"amb-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cspan class=\"amb-warning-title\"\u003eConseils de sécurité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cul class=\"amb-warning-list\" style=\"\n list-style: none;\"\u003e\n \u003cli\u003eNe pas vaporiser directement sur les surfaces fragiles, vernies ou sensibles\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux et les muqueuses\u003c\/li\u003e\n \u003cli\u003eConserver hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eNe pas ingérer - usage externe uniquement\u003c\/li\u003e\n \u003cli\u003eTenir à l'écart des sources de chaleur et des flammes\u003c\/li\u003e\n \u003cli\u003eTester sur une petite surface avant utilisation sur textiles délicats\u003c\/li\u003e\n \u003cli\u003eUtiliser dans un espace bien ventilé\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"amb-info-grid\"\u003e\n \u003cdiv class=\"amb-info-item\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003e100 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-item\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eType\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eVaporisateur spray\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-item\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eParfum\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eAmbre\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-item\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-item\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-item\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eEmballage\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eKraft recyclable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cp class=\"amb-cta-title\"\u003eTransformez votre maison en un cocon de bien-être\u003c\/p\u003e\n \u003cp\u003eAvec le vaporisateur parfum Ambre de Le Jardin de mon Grand-Père, offrez-vous l'élégance d'un parfum d'ambiance 100% naturel, fabriqué artisanalement en France. Laissez-vous séduire par ses notes chaleureuses et enveloppantes qui apporteront douceur, harmonie et confort à votre intérieur au quotidien.\u003c\/p\u003e\n \u003cp class=\"amb-cta-highlight\"\u003e✨ Une création artisanale française pour un intérieur d'exception ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --amb-cream: #FAF7F4;\n --amb-white: #ffffff;\n --amb-primary: #D94B4B;\n --amb-primary-dark: #B33838;\n --amb-primary-light: #FFE8E8;\n --amb-secondary: #C89B6D;\n --amb-accent: #8B4513;\n\n \/* Textes *\/\n --amb-text: #1a1a1a;\n --amb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --amb-border: #e0e0e0;\n --amb-shadow: 0 4px 24px rgba(217, 75, 75, 0.08);\n --amb-shadow-lg: 0 12px 48px rgba(217, 75, 75, 0.15);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--amb-text);\n line-height: 1.6;\n}\n\n\/* === HERO SECTION === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #D94B4B 0%, #C89B6D 50%, #8B4513 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.amb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.amb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.amb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS GÉNÉRIQUES === *\/\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.amb-card-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.amb-card p {\n font-size: 15px;\n color: var(--amb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.amb-composition-intro {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 4px solid var(--amb-primary);\n box-shadow: var(--amb-shadow);\n}\n\n.amb-composition-intro p {\n font-size: clamp(15px, 2vw, 17px);\n color: var(--amb-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.amb-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.amb-ingredient-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n border-top: 3px solid var(--amb-secondary);\n transition: all 0.3s ease;\n}\n\n.amb-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-ingredient-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n}\n\n.amb-ingredient-name {\n font-size: 17px;\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.amb-ingredient-card p {\n font-size: 14px;\n color: var(--amb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.amb-guarantee-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(200, 155, 109, 0.1) 100%);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border: 2px solid var(--amb-primary);\n}\n\n.amb-guarantee-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.amb-guarantee-box p {\n font-size: 15px;\n color: var(--amb-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.amb-guarantee-box strong {\n color: var(--amb-primary-dark);\n font-weight: 800;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.amb-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.amb-usage-step {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n display: flex;\n gap: 1rem;\n transition: all 0.3s ease;\n}\n\n.amb-usage-step:hover {\n transform: translateY(-5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--amb-primary), var(--amb-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(217, 75, 75, 0.3);\n}\n\n.amb-step-content {\n flex: 1;\n}\n\n.amb-step-title {\n font-size: 17px;\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.amb-step-content p {\n font-size: 14px;\n color: var(--amb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.amb-usage-tip {\n background: linear-gradient(135deg, rgba(200, 155, 109, 0.1) 0%, var(--amb-primary-light) 100%);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border-left: 4px solid var(--amb-secondary);\n}\n\n.amb-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.amb-usage-tip p {\n font-size: 15px;\n color: var(--amb-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.amb-usage-tip strong {\n color: var(--amb-primary-dark);\n font-weight: 800;\n}\n\n\/* === BENEFICES === *\/\n.amb-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.amb-benefit-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.amb-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-benefit-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.amb-benefit-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.amb-benefit-card p {\n font-size: 14px;\n color: var(--amb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.amb-profile-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n text-align: center;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.amb-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-profile-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.amb-profile-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.amb-profile-card p {\n font-size: 15px;\n color: var(--amb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === HISTOIRE DE MARQUE === *\/\n.amb-brand-story {\n display: grid;\n gap: 1.5rem;\n}\n\n.amb-story-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n transition: all 0.3s ease;\n border-left: 4px solid var(--amb-secondary);\n}\n\n.amb-story-card:hover {\n transform: translateX(5px);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-story-icon {\n font-size: 42px;\n flex-shrink: 0;\n}\n\n.amb-story-content {\n flex: 1;\n}\n\n.amb-story-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.amb-story-content p {\n font-size: 15px;\n color: var(--amb-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PRECAUTIONS === *\/\n.amb-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFE8E8 100%);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n border: 2px solid var(--amb-secondary);\n}\n\n.amb-warning-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n}\n\n.amb-warning-icon {\n font-size: 32px;\n}\n\n.amb-warning-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--amb-primary-dark);\n}\n\n.amb-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.amb-warning-list li {\n position: relative;\n padding-left: 1.75rem;\n margin-bottom: 0.75rem;\n font-size: 15px;\n color: var(--amb-text);\n line-height: 1.6;\n}\n\n.amb-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n.amb-warning-list li::before {\n content: '▸';\n position: absolute;\n left: 0;\n color: var(--amb-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.amb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.amb-info-item {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--amb-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.amb-info-item:hover {\n transform: translateY(-5px);\n border-color: var(--amb-secondary);\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-info-label {\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-weight: 700;\n color: var(--amb-text-light);\n margin-bottom: 0.5rem;\n}\n\n.amb-info-value {\n font-size: 17px;\n font-weight: 900;\n color: var(--amb-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-primary-dark) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-title {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: white;\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.amb-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n margin-bottom: 1rem;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.amb-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n.amb-cta-highlight {\n font-size: clamp(17px, 2.5vw, 21px) !important;\n font-weight: 700 !important;\n margin-top: 1.5rem !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid,\n .amb-ingredients-grid,\n .amb-usage-grid,\n .amb-benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .amb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n\n .amb-story-card {\n flex-direction: column;\n text-align: center;\n }\n\n .amb-story-icon {\n margin: 0 auto;\n }\n\n .amb-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .amb-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card,\n .amb-ingredient-card,\n .amb-usage-step,\n .amb-benefit-card,\n .amb-profile-card,\n .amb-story-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .amb-card:nth-child(1),\n .amb-ingredient-card:nth-child(1),\n .amb-usage-step:nth-child(1),\n .amb-benefit-card:nth-child(1),\n .amb-profile-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .amb-card:nth-child(2),\n .amb-ingredient-card:nth-child(2),\n .amb-usage-step:nth-child(2),\n .amb-benefit-card:nth-child(2),\n .amb-profile-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .amb-card:nth-child(3),\n .amb-ingredient-card:nth-child(3),\n .amb-usage-step:nth-child(3),\n .amb-benefit-card:nth-child(3),\n .amb-profile-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .amb-card:nth-child(4),\n .amb-ingredient-card:nth-child(4),\n .amb-usage-step:nth-child(4),\n .amb-benefit-card:nth-child(4),\n .amb-profile-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .amb-card:nth-child(5),\n .amb-profile-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .amb-card:nth-child(6),\n .amb-profile-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n\n .amb-story-card:nth-child(1) { animation-delay: 0.1s; }\n .amb-story-card:nth-child(2) { animation-delay: 0.2s; }\n .amb-story-card:nth-child(3) { animation-delay: 0.3s; }\n .amb-story-card:nth-child(4) { animation-delay: 0.4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-card,\n .amb-ingredient-card,\n .amb-usage-step,\n .amb-benefit-card,\n .amb-profile-card,\n .amb-story-card,\n .amb-info-item {\n border: 3px solid var(--amb-text);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755401207965,"sku":"VAPOAMBRE100","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vaporisateur-parfum-ambre-pour-la-maison-100-ml-jardin-de-mon-grand-pere-510135.jpg?v=1732722030"},{"product_id":"vaporisateur-parfum-ambre-maharani-pour-la-maison-100-ml-jardin-de-mon-grand-pere","title":"Vaporisateur de Parfum d'intérieur - Ambre Maharani - 100ml - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vaporisateur Parfum Ambre Maharani\nPalette détectée:\n - Primaire: #D67B7B (rose poudré du packaging, vintage élégant)\n - Secondaire: #C49A6C (doré ambré du parfum, chaleureux)\n - Accent: #8B4513 (brun terracotta des motifs bambou)\n - Cream: #F5F0E8 (beige crème, papier ancien)\nAmbiance: Luxe vintage oriental, atmosphère chaleureuse et raffinée, évoquant les jardins royaux indiens, bougies et encens, élégance intemporelle, nostalgie sophistiquée\nPréfixe CSS: amb\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"amb-hero\"\u003e\n \u003cdiv class=\"amb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-hero-content\"\u003e\n \u003cdiv class=\"amb-badges-top\"\u003e\n \u003cspan class=\"amb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🌿 Ingrédients naturels\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e✨ Luxe oriental\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eAmbre Maharani\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eLe jardin de mon grand-père\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eTransformez votre intérieur en sanctuaire olfactif avec ce parfum d'exception qui évoque les palais royaux de l'Inde ancienne et leurs jardins luxuriants. Une atmosphère chaleureuse, enveloppante et sophistiquée dans chaque vaporisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eUn voyage sensoriel unique\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🏰\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eÉlégance royale\u003c\/div\u003e\n \u003cp\u003eInspiré des palais indiens et de leurs jardins secrets, ce parfum évoque la noblesse et le raffinement d'une époque révolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🌺\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eNotes orientales\u003c\/div\u003e\n \u003cp\u003eUn mélange harmonieux d'ambre précieux, de fleurs orientales et de bois rares pour une atmosphère envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e🕯️\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eAmbiance chaleureuse\u003c\/div\u003e\n \u003cp\u003eCréez une atmosphère apaisante et sophistiquée qui transforme instantanément votre intérieur en refuge de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003cdiv class=\"amb-card-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"amb-card-title\"\u003eQualité exceptionnelle\u003c\/div\u003e\n \u003cp\u003e100 ml de pur plaisir olfactif, élaboré avec des ingrédients nobles et un savoir-faire artisanal français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eUne composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"amb-composition-intro\"\u003e\n \u003cp\u003eChaque ingrédient est sélectionné avec soin pour garantir une expérience sensorielle pure et authentique, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🟡\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eExtrait d'ambre authentique\u003c\/div\u003e\n \u003cp\u003eIngrédient noble et précieux, l'ambre apporte profondeur et chaleur à la composition, créant une signature olfactive reconnaissable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eEssence de fleurs orientales\u003c\/div\u003e\n \u003cp\u003eDes touches subtiles et délicates qui évoquent les jardins luxuriants et parfumés des palais maharajas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🪵\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eAccords de bois précieux\u003c\/div\u003e\n \u003cp\u003eDes notes boisées rares qui ajoutent sophistication et caractère à l'ensemble de la fragrance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-card\"\u003e\n \u003cdiv class=\"amb-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"amb-ingredient-name\"\u003eAlcool biologique\u003c\/div\u003e\n \u003cp\u003eBase pure qui permet une évaporation parfaite et une diffusion optimale du parfum dans l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-quality-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e✓\u003c\/strong\u003e Sans phtalates \u003cstrong\u003e✓\u003c\/strong\u003e Sans parabènes \u003cstrong\u003e✓\u003c\/strong\u003e Sans colorants artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eMode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"amb-steps\"\u003e\n \u003cdiv class=\"amb-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eDirigez vers le haut\u003c\/div\u003e\n \u003cp\u003eOrientez le vaporisateur vers le plafond pour une diffusion optimale et homogène dans toute la pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eQuelques pulvérisations suffisent\u003c\/div\u003e\n \u003cp\u003e2 à 3 vaporisations suffisent pour infuser votre espace de cet arôme captivant et enveloppant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-step\"\u003e\n \u003cdiv class=\"amb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amb-step-content\"\u003e\n \u003cdiv class=\"amb-step-title\"\u003eProfitez instantanément\u003c\/div\u003e\n \u003cp\u003eLe parfum se diffuse immédiatement, créant une atmosphère élégante et apaisante qui dure plusieurs heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PIÈCES IDÉALES --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eDans quelles pièces l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-room-card\"\u003e\n \u003cdiv class=\"amb-room-icon\"\u003e🛋️\u003c\/div\u003e\n \u003cdiv class=\"amb-room-name\"\u003eSalon\u003c\/div\u003e\n \u003cp\u003eCréez une ambiance chaleureuse et accueillante pour vos moments de détente et vos réceptions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-room-card\"\u003e\n \u003cdiv class=\"amb-room-icon\"\u003e🛏️\u003c\/div\u003e\n \u003cdiv class=\"amb-room-name\"\u003eChambre\u003c\/div\u003e\n \u003cp\u003eFavorisez la relaxation et le bien-être pour des nuits paisibles dans une atmosphère enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-room-card\"\u003e\n \u003cdiv class=\"amb-room-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"amb-room-name\"\u003eBureau\u003c\/div\u003e\n \u003cp\u003eStimulez votre concentration tout en créant un espace de travail raffiné et inspirant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-room-card\"\u003e\n \u003cdiv class=\"amb-room-icon\"\u003e🚪\u003c\/div\u003e\n \u003cdiv class=\"amb-room-name\"\u003eEntrée\u003c\/div\u003e\n \u003cp\u003eAccueillez vos invités avec une signature olfactive mémorable dès le seuil de votre maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 FABRICATION --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eSavoir-faire artisanal français\u003c\/h2\u003e\n \u003cdiv class=\"amb-origin-box\"\u003e\n \u003cdiv class=\"amb-origin-content\"\u003e\n \u003cdiv class=\"amb-origin-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"amb-origin-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabriqué avec soin en France\u003c\/strong\u003e dans les laboratoires renommés de \u003cem\u003eJardin de mon Grand Père\u003c\/em\u003e, ce vaporisateur incarne l'excellence du savoir-faire artisanal français.\u003c\/p\u003e\n \u003cp\u003eChaque étape de la production, de la sélection minutieuse des matières premières à l'embouteillage précis, respecte des standards stricts de qualité et de respect de l'environnement.\u003c\/p\u003e\n \u003cp\u003eCe produit s'inscrit dans notre engagement pour des pratiques durables et éthiques, alliant tradition parfumière et innovation responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003e100 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFormat\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eVaporisateur spray\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eFrance 🇫🇷\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eJardin de mon Grand Père\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eType\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eParfum d'intérieur\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-info-card\"\u003e\n \u003cdiv class=\"amb-info-label\"\u003eGarantie\u003c\/div\u003e\n \u003cdiv class=\"amb-info-value\"\u003eSans substances nocives\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cdiv class=\"amb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amb-cta-content\"\u003e\n \u003cp\u003e✨ Ajoutez une touche de raffinement et de sérénité à votre maison avec ce vaporisateur nature et élégant, conçu pour sublimer votre quotidien et transformer chaque pièce en sanctuaire olfactif d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --amb-cream: #F5F0E8;\n --amb-white: #ffffff;\n --amb-primary: #D67B7B;\n --amb-primary-dark: #B85E5E;\n --amb-primary-light: #F4E5E5;\n --amb-secondary: #C49A6C;\n --amb-accent: #8B4513;\n \n \/* Textes *\/\n --amb-text: #1a1a1a;\n --amb-text-light: #5a5a5a;\n \n \/* Effets *\/\n --amb-border: #e0d5c7;\n --amb-shadow: 0 4px 24px rgba(214,123,123,.12);\n --amb-shadow-lg: 0 12px 48px rgba(214,123,123,.2);\n --amb-radius: 20px;\n --amb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--amb-text);\n}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-secondary) 50%, var(--amb-accent) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 37px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 37px);\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.amb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.amb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.amb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.amb-subtitle {\n display: block;\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 400;\n font-style: italic;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.amb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--amb-primary), var(--amb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-card-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(214,123,123,.2));\n}\n\n.amb-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -.02em;\n}\n\n.amb-card p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.amb-composition-intro {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 2.5rem auto;\n}\n\n.amb-composition-intro p {\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--amb-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.amb-ingredient-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-ingredient-icon {\n font-size: clamp(36px, 7vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(196,154,108,.2));\n}\n\n.amb-ingredient-name {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--amb-accent);\n margin-bottom: 0.75rem;\n letter-spacing: -.02em;\n}\n\n.amb-ingredient-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--amb-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n.amb-quality-box {\n background: linear-gradient(135deg, var(--amb-primary-light) 0%, rgba(196,154,108,.15) 100%);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem 2rem;\n margin-top: 2rem;\n text-align: center;\n border: 2px solid var(--amb-border);\n}\n\n.amb-quality-box p {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--amb-primary-dark);\n margin: 0;\n letter-spacing: -.01em;\n}\n\n.amb-quality-box strong {\n color: var(--amb-secondary);\n font-size: 1.2em;\n}\n\n\/* === ÉTAPES === *\/\n.amb-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.amb-step {\n display: flex;\n gap: 1.5rem;\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.amb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(214,123,123,.3);\n}\n\n.amb-step-content {\n flex: 1;\n}\n\n.amb-step-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin-bottom: 0.5rem;\n display: block;\n letter-spacing: -.02em;\n}\n\n.amb-step-content p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amb-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PIÈCES === *\/\n.amb-room-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amb-room-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-accent);\n}\n\n.amb-room-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 8px rgba(139,69,19,.2));\n}\n\n.amb-room-name {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--amb-accent);\n margin-bottom: 0.75rem;\n letter-spacing: -.02em;\n}\n\n.amb-room-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--amb-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.amb-origin-box {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--amb-shadow);\n border: 2px solid var(--amb-border);\n}\n\n.amb-origin-content {\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.amb-origin-icon {\n font-size: clamp(60px, 10vw, 80px);\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(214,123,123,.2));\n}\n\n.amb-origin-text p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--amb-text);\n line-height: 1.8;\n margin-bottom: 1rem;\n}\n\n.amb-origin-text p:last-child {\n margin-bottom: 0;\n}\n\n.amb-origin-text strong {\n color: var(--amb-primary-dark);\n font-weight: 800;\n}\n\n.amb-origin-text em {\n color: var(--amb-secondary);\n font-style: italic;\n}\n\n\/* === INFOS === *\/\n.amb-info-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--amb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amb-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-secondary);\n}\n\n.amb-info-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--amb-text-light);\n margin-bottom: 0.5rem;\n}\n\n.amb-info-value {\n font-size: clamp(16px, 3vw, 19px);\n font-weight: 900;\n color: var(--amb-primary-dark);\n letter-spacing: -.02em;\n}\n\n\/* === CTA FINAL === *\/\n.amb-cta-box {\n background: linear-gradient(135deg, var(--amb-primary) 0%, var(--amb-secondary) 50%, var(--amb-accent) 100%);\n border-radius: var(--amb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--amb-shadow-lg);\n}\n\n.amb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.4) 1px, transparent 1px),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.4) 1px, transparent 1px),\n radial-gradient(circle at 40% 20%, rgba(255,255,255,.4) 1px, transparent 1px);\n background-size: 50px 50px, 70px 70px, 60px 60px;\n}\n\n.amb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.amb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.8;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .amb-grid {\n grid-template-columns: 1fr;\n }\n \n .amb-origin-content {\n flex-direction: column;\n text-align: center;\n }\n \n .amb-origin-icon {\n margin: 0 auto;\n }\n \n .amb-step {\n flex-direction: column;\n text-align: center;\n }\n \n .amb-step-number {\n margin: 0 auto 1rem auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card,\n .amb-ingredient-card,\n .amb-room-card,\n .amb-step,\n .amb-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .amb-card:nth-child(1),\n .amb-ingredient-card:nth-child(1),\n .amb-room-card:nth-child(1),\n .amb-step:nth-child(1),\n .amb-info-card:nth-child(1) { animation-delay: .1s; }\n \n .amb-card:nth-child(2),\n .amb-ingredient-card:nth-child(2),\n .amb-room-card:nth-child(2),\n .amb-step:nth-child(2),\n .amb-info-card:nth-child(2) { animation-delay: .2s; }\n \n .amb-card:nth-child(3),\n .amb-ingredient-card:nth-child(3),\n .amb-room-card:nth-child(3),\n .amb-step:nth-child(3),\n .amb-info-card:nth-child(3) { animation-delay: .3s; }\n \n .amb-card:nth-child(4),\n .amb-ingredient-card:nth-child(4),\n .amb-room-card:nth-child(4),\n .amb-step:nth-child(4),\n .amb-info-card:nth-child(4) { animation-delay: .4s; }\n \n .amb-card:nth-child(5),\n .amb-info-card:nth-child(5) { animation-delay: .5s; }\n \n .amb-card:nth-child(6),\n .amb-info-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .amb-premium {\n --amb-shadow: 0 4px 24px rgba(0,0,0,.3);\n --amb-shadow-lg: 0 12px 48px rgba(0,0,0,.4);\n }\n \n .amb-card,\n .amb-ingredient-card,\n .amb-room-card,\n .amb-step,\n .amb-info-card {\n border-color: var(--amb-border);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755403206813,"sku":"VAPOAMBREMAH100","price":16.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vaporisateur-parfum-ambre-maharani-100ml-jardin-de-mon-grand-pere_11zon.jpg?v=1764082879"},{"product_id":"cailloux-ambre-et-lavande-jardin-de-mon-grand-pere","title":"Cailloux Ambre et Lavande - Jardin de mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cailloux d'Ambre et Lavande - Jardin de mon Grand Père\nPalette détectée:\n - Primaire: #8B7BB3 (lavande\/violet doux de l'étiquette et des champs)\n - Secondaire: #D4A574 (kraft\/ambre doré des cailloux et packaging)\n - Accent: #6B5B95 (lavande foncée pour contraste)\nAmbiance: Provençal, naturel, artisanal, champêtre, authentique, chaleureux\nPréfixe CSS: cal\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n \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% naturel\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Artisanal français\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eCailloux d'Ambre et Lavande\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eJardin de mon Grand-père\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eUn parfum d'ambiance naturel aux notes envoûtantes, façonné artisanalement pour créer une atmosphère douce et raffinée dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003e💜 Un accord olfactif d'exception\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🐚 Ambre gris précieux\u003c\/h3\u003e\n \u003cp\u003eTrésor de la parfumerie de luxe, l'ambre gris apporte des notes chaleureuses, légèrement iodées et d'une subtilité incomparable après des années de maturation naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💐 Lavande de Provence\u003c\/h3\u003e\n \u003cp\u003eFraîche, herbacée et apaisante, la lavande puise son essence dans les champs ensoleillés du Sud. Mariée à l'ambre, elle devient une senteur raffinée et élégante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Harmonie parfaite\u003c\/h3\u003e\n \u003cp\u003eL'association crée un accord poudré et sophistiqué : la chaleur mystérieuse de l'ambre rencontre la fraîcheur relaxante de la lavande pour une atmosphère unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003e🌱 Pourquoi choisir ce parfum naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🚫 Sans combustion\u003c\/h3\u003e\n \u003cp\u003eAucune fumée ni particules fines dans l'air. Une diffusion douce et respectueuse de votre environnement intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e⏳ Longue durée\u003c\/h3\u003e\n \u003cp\u003eLe parfum se libère progressivement sur plusieurs semaines pour une expérience olfactive prolongée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🔄 Réutilisable\u003c\/h3\u003e\n \u003cp\u003eÀ froid, à chaud en brûle-parfum, ou à porter sur soi : une polyvalence totale jusqu'à épuisement du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eConditionnés dans un sachet kraft recyclable. Zéro déchet plastique pour respecter la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧪 Formulation saine\u003c\/h3\u003e\n \u003cp\u003eSans substances synthétiques ni perturbateurs endocriniens. Une alternative pure aux diffuseurs industriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🎁 Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque caillou est façonné artisanalement avec passion et savoir-faire traditionnel français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser vos cailloux ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-steps\"\u003e\n \u003cdiv class=\"cal-step\"\u003e\n \u003cdiv class=\"cal-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-step-content\"\u003e\n \u003ch3\u003e🏠 Diffusion passive\u003c\/h3\u003e\n \u003cp\u003eDisposez quelques cailloux dans une coupelle, sur une étagère ou dans un tiroir. Près d'une source de chaleur douce (radiateur, lampe), ils diffusent leur parfum plus intensément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-step\"\u003e\n \u003cdiv class=\"cal-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-step-content\"\u003e\n \u003ch3\u003e🕯️ En brûle-parfum\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 cailloux dans la coupelle. Sous l'effet de la chaleur, la matière fond et libère une fragrance puissante. En refroidissant, ils retrouvent leur forme solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-step\"\u003e\n \u003cdiv class=\"cal-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cal-step-content\"\u003e\n \u003ch3\u003e💫 À porter sur soi\u003c\/h3\u003e\n \u003cp\u003eGlissez un ou deux cailloux dans votre poche ou sac. La chaleur corporelle active le parfum qui vous accompagne toute la journée. Un véritable gri-gri parfumé !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003e🏡 Pour quels espaces ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛋️ Salon\u003c\/h3\u003e\n \u003cp\u003eAtmosphère chaleureuse pour accueillir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛏️ Chambre\u003c\/h3\u003e\n \u003cp\u003eVertus apaisantes pour la détente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💼 Bureau\u003c\/h3\u003e\n \u003cp\u003eAmbiance propice à la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛁 Salle de bain\u003c\/h3\u003e\n \u003cp\u003eTouche raffinée après la douche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👕 Armoires\u003c\/h3\u003e\n \u003cp\u003eParfumez délicatement votre linge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🚗 Voiture\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle et saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🐚 L'ambre gris : un trésor de la parfumerie\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-1\"\u003e\n \u003cp\u003eL'ambre gris fascine les parfumeurs depuis des siècles. Cette matière précieuse, d'origine marine, flotte à la surface des océans au large de Madagascar, de l'Inde ou de la Chine. C'est le temps qui révèle sa magie : après plusieurs années d'exposition au soleil et à l'eau salée, il développe des nuances argentées ou dorées et un parfum d'une subtilité incomparable. En parfumerie, l'ambre confère aux compositions une tenue exceptionnelle et une profondeur chaleureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e💐 La lavande : l'âme de la Provence\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-1\"\u003e\n \u003cp\u003eDepuis l'Antiquité, la lavande accompagne notre quotidien. Les Romains l'utilisaient déjà pour parfumer leurs bains et leur linge — d'où son nom, dérivé du latin \u003cem\u003elavare\u003c\/em\u003e (laver). À la Renaissance, les tanneries de Grasse découvrent ses vertus pour parfumer les cuirs. Aujourd'hui, elle reste l'un des piliers de la parfumerie française, prisée pour ses propriétés apaisantes et son parfum frais, herbacé et légèrement camphré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🏷️ Formats disponibles\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-1\"\u003e\n \u003cp\u003e\u003cstrong\u003e50 g\u003c\/strong\u003e : idéal pour découvrir ou parfumer un petit espace\u003cbr\u003e\n \u003cstrong\u003e100 g\u003c\/strong\u003e : le format familial pour plusieurs pièces\u003cbr\u003e\n \u003cstrong\u003e200 g\u003c\/strong\u003e : pour les grands espaces ou pour offrir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-1\"\u003e\n \u003cp\u003eConservez vos cailloux dans leur sachet kraft à l'abri de la lumière directe et de l'humidité pour préserver leur parfum. Ils gardent leur fragrance pendant plusieurs mois selon l'intensité d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003e🌿 Jardin de mon Grand-père\u003c\/h2\u003e\n \u003cdiv class=\"cal-brand-box\"\u003e\n \u003cp\u003eDerrière chaque création se cache un \u003cstrong\u003esavoir-faire artisanal français\u003c\/strong\u003e et une passion pour les senteurs authentiques. Cette marque perpétue la tradition des parfums naturels, en privilégiant des matières premières de qualité et des procédés respectueux de l'environnement.\u003c\/p\u003e\n \u003cp\u003eUne invitation à ralentir, à prendre soin de son intérieur et à redécouvrir le plaisir des choses simples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cal-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous une parenthèse de douceur provençale. Ces cailloux parfumés constituent également une \u003cstrong\u003eidée cadeau originale\u003c\/strong\u003e pour les amateurs de parfums naturels et de décoration authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cal-cream: #FAF8F5;\n --cal-white: #ffffff;\n --cal-primary: #8B7BB3;\n --cal-primary-dark: #5D4E8C;\n --cal-primary-light: #E8E4F0;\n --cal-secondary: #D4A574;\n --cal-accent: #6B5B95;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #e0e0e0;\n --cal-shadow: 0 4px 24px rgba(93,78,140,.08);\n --cal-shadow-lg: 0 12px 48px rgba(93,78,140,.15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\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.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7BB3 0%, #9D8EC4 30%, #D4A574 70%, #C49660 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: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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.cal-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.cal-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 font-style: italic;\n}\n\n.cal-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\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}\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.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\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.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.cal-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.cal-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\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 transition: all .3s ease;\n}\n\n.cal-step:hover {\n transform: translateX(8px);\n box-shadow: var(--cal-shadow-lg);\n}\n\n.cal-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-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(139,123,179,.3);\n}\n\n.cal-step-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.cal-step-content 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.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: 5px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n.cal-brand-box {\n background: linear-gradient(135deg, var(--cal-primary-light) 0%, rgba(212,165,116,.15) 100%);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid rgba(139,123,179,.2);\n}\n\n.cal-brand-box p {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--cal-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.cal-brand-box p:last-child {\n margin-bottom: 0;\n font-style: italic;\n color: var(--cal-primary-dark);\n}\n\n.cal-cta-box {\n background: linear-gradient(135deg, var(--cal-primary) 0%, var(--cal-secondary) 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::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: rotate(0deg); }\n 50% { transform: rotate(180deg); }\n}\n\n.cal-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .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-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .cal-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\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\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: fadeInUp .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 .cal-step {\n animation: fadeInUp .5s ease backwards;\n }\n .cal-step:nth-child(1) { animation-delay: .1s; }\n .cal-step:nth-child(2) { animation-delay: .2s; }\n .cal-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@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":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55719805813113,"sku":"CAILLOUXAMBLAV-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55719805845881,"sku":"CAILLOUXAMBLAV-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55719805878649,"sku":"CAILLOUXAMBLAV-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_1__11zon.jpg?v=1766137446"},{"product_id":"cristaux-de-rose-de-mai-jardin-de-mon-grand-pere","title":"Cristaux de Rose de Mai - Jardin de mon Grand Père","description":"\u003csection\u003e\n\u003ch2\u003eRose de Mai – l’élégance florale de Grasse en parfum solide\u003c\/h2\u003e\n\u003cp\u003eLaissez-vous envoûter par les \u003cstrong\u003ecristaux parfumés à la Rose de Mai\u003c\/strong\u003e, une senteur délicate et voluptueuse qui a fait la renommée de la parfumerie grassoise. Leur parfum tendre et raffiné évoque les jardins fleuris au petit matin, quand l’air est encore frais et chargé de rosée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eLa rose centifolia, fleur mythique de Grasse\u003c\/h2\u003e\n\u003cp\u003eAppelée aussi « rose cent-feuilles », la \u003cstrong\u003eRose de Mai\u003c\/strong\u003e est un véritable emblème de l’artisanat parfumé de Grasse. Ses pétales, d’une finesse inégalée, libèrent une fragrance rare, à la fois douce et intensément florale.\u003c\/p\u003e\n\u003cp\u003eSon parfum rappelle l’innocence des jeux d’enfance, lorsque l’on froissait des pétales de rose entre les doigts pour en humer l’arôme délicat. Un instant de \u003cem\u003edouce nostalgie\u003c\/em\u003e, empreint de poésie et de souvenirs heureux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eConseils d’utilisation des cristaux parfumés\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDans la maison :\u003c\/strong\u003e disposez quelques cristaux de Rose de Mai dans de petits espaces, près d’une source de chaleur pour révéler toute leur intensité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÀ garder sur soi :\u003c\/strong\u003e utilisés comme un gri-gri, ils diffusent leur parfum grâce à la chaleur corporelle. En les manipulant, ils deviennent doux et exhalent une senteur durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn brûloir :\u003c\/strong\u003e déposez 3 cristaux dans un brûle-parfum. La matière se liquéfie à chaud en diffusant son arôme floral, puis redevient solide en refroidissant. Répétez jusqu’à épuisement du parfum.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eLes cristaux de Rose de Mai : une touche de grâce pour votre intérieur\u003c\/h2\u003e\n\u003cp\u003eUne alternative élégante aux bougies et sprays, les \u003cstrong\u003ecristaux de Rose de Mai\u003c\/strong\u003e habillent votre maison d’une atmosphère romantique et raffinée. Ils transforment chaque espace en un écrin parfumé, empli de douceur et d’élégance.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003eConditionnement\u003c\/h2\u003e\n\u003cp\u003eEn sachet kraft hermétique : \u003cbr\u003e– 50 g (environ 7 à 9 cristaux selon la taille) \u003cbr\u003e– 100 g \u003cbr\u003e– 200 g\u003c\/p\u003e\n\u003cp\u003eDécouvrez également \u003cstrong\u003etoute la gamme Jardin de mon Grand-père\u003c\/strong\u003e et ses \u003cstrong\u003eeaux aromatiques\u003c\/strong\u003e présentées dans de magnifiques flacons.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003csection\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cp\u003eContient : Benzyl Salicylate, Citronellol, Geranyl Acetate.\u003c\/p\u003e\n\u003cp\u003ePeut produire une réaction allergique chez les personnes sensibles. \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eUFI :\u003c\/strong\u003e 24A0-10JH-700H-73X2\u003c\/p\u003e\n\u003c\/section\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"50 grammes","offer_id":55720502690169,"sku":"CRISTAUXROSE-50","price":7.99,"currency_code":"EUR","in_stock":true},{"title":"100 grammes","offer_id":55720502722937,"sku":"CRISTAUXROSE-100","price":15.6,"currency_code":"EUR","in_stock":true},{"title":"200 grammes","offer_id":55720502755705,"sku":"CRISTAUXROSE-200","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cristaux-rose-de-mai-packshot_18_11zon.jpg?v=1764932197"},{"product_id":"serum-clairessence-bio-50-ml-arc-en-sels","title":"Sérum Clairessence Bio - 50 ml - Arc en Sels","description":"\u003cdiv class=\"sc-luxury\"\u003e\n\u003c!-- HERO LUXE --\u003e\n\u003cdiv class=\"sc-hero\"\u003e\n\u003cdiv class=\"sc-hero-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-hero-content\"\u003e\n\u003cdiv class=\"sc-brand\"\u003eARC EN SELS\u003c\/div\u003e\n\u003cdiv class=\"sc-hero-subtitle\"\u003eÉclat · Régénération · Anti-Rougeurs\u003c\/div\u003e\n\u003c!-- DESCRIPTION COURTE LUXE --\u003e\n\u003cdiv class=\"sc-short-luxury\"\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003e10 actifs naturels précieux\u003c\/strong\u003e \u003cspan\u003eHuiles rares \u0026amp; extraits botaniques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003e99,96% bio certifié\u003c\/strong\u003e \u003cspan\u003eExtraction à froid · Pureté absolue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e💎\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003eCouperose \u0026amp; rougeurs\u003c\/strong\u003e \u003cspan\u003eCirculation · Régénération · Éclat\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e🤝\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003eCommerce éthique\u003c\/strong\u003e \u003cspan\u003eCoopératives féminines engagées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-badges-luxury\"\u003e\n\u003cspan class=\"sc-badge-luxury\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e🏆 99,96% Bio\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e❄️ Extraction à froid\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e✨ Haute Concentration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO ÉLÉGANTE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-intro-luxury\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSérum Clairessence bio\u003c\/strong\u003e d'\u003cstrong\u003eArc en Sels\u003c\/strong\u003e est une solution naturelle d'exception conçue pour les peaux sensibles, sujettes aux rougeurs et à la couperose. Grâce à sa formulation riche en \u003cstrong\u003ehuiles biologiques rares\u003c\/strong\u003e et en extraits de plantes nobles, ce sérum améliore la texture de la peau, réduit les rougeurs et lui redonne éclat et confort. Idéal pour préparer la peau aux conditions climatiques variées, il offre une \u003cstrong\u003eprotection et une régénération efficaces\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 10 ACTIFS PRÉCIEUX --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eLes 10 Actifs Précieux\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-actifs-grid\"\u003e\n\u003c!-- ACTIFS STARS --\u003e\n\u003carticle class=\"sc-actif-card sc-actif-star\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003cdiv class=\"sc-actif-badge\" style=\"margin-top: 15px;\"\u003e⭐ ACTIF STAR\u003c\/div\u003e\n\u003ch3\u003eHuile d'Hélicryse\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eHelichrysum Italicum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eAnti-hématome et anticoagulant\u003c\/strong\u003e, elle cible spécifiquement la couperose. L'actif de référence pour les rougeurs et la microcirculation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card sc-actif-star\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003cdiv class=\"sc-actif-badge\" style=\"margin-top: 15px;\"\u003e⭐ ACTIF STAR\u003c\/div\u003e\n\u003ch3\u003eHuile de Calophylle\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCalophyllum Inophyllum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eFavorise la \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e et régénère les zones abîmées. Cristallise à froid, preuve d'extraction authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- AUTRES ACTIFS --\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHuile de Nigelle\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eNigella Sativa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003ePropriétés \u003cstrong\u003ecicatrisantes\u003c\/strong\u003e pour aider à la réparation des tissus cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Carotte Sauvage\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eDaucus Carota\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eRiche en \u003cstrong\u003eprovitamine A\u003c\/strong\u003e, elle régénère et illumine la peau en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Ciste Ladanifère\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCistus Ladaniferus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003ePuissant \u003cstrong\u003ecicatrisant\u003c\/strong\u003e pour renforcer la peau et accélérer la réparation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Cyprès\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCupressus Sempervirens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécongestionne\u003c\/strong\u003e et améliore la circulation veineuse pour apaiser les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eRose Musquée\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eRosa Rubiginosa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eVertus \u003cstrong\u003eanti-âge et régénérantes\u003c\/strong\u003e, texture exceptionnelle pour la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eCamomille Romaine\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eChamaemelum Nobile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eCalme les irritations\u003c\/strong\u003e et atténue les rougeurs avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Lavande Fine\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eLavandula Angustifolia\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003ePurifiante, cicatrisante et équilibrante\u003c\/strong\u003e, elle harmonise la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Géranium\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003ePelargonium Graveolens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eAnti-inflammatoire et tonifiante\u003c\/strong\u003e, régule la production de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RITUEL D'APPLICATION --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eRituel d'application\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-ritual-container\"\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003ePréparation\u003c\/h4\u003e\n\u003cp\u003eSur une peau \u003cstrong\u003epropre et sèche\u003c\/strong\u003e, matin et soir. Réchauffez 2-3 gouttes entre vos paumes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003eApplication\u003c\/h4\u003e\n\u003cp\u003eMassez délicatement les zones affectées en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003eFinalisation\u003c\/h4\u003e\n\u003cp\u003eUtilisez seul ou avant votre crème hydratante. \u003cstrong\u003eÉvitez le contour des yeux.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS CIBLÉS --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eBienfaits ciblés\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-benefits-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003eRéduit les rougeurs\u003c\/h4\u003e\n\u003cp\u003eCirculation optimisée, apaisement visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e💎\u003c\/div\u003e\n\u003ch4\u003eCombat la couperose\u003c\/h4\u003e\n\u003cp\u003eActifs ciblés, résultats durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eIllumine le teint\u003c\/h4\u003e\n\u003cp\u003eProvitamine A, éclat retrouvé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eProtège \u0026amp; régénère\u003c\/h4\u003e\n\u003cp\u003eBarrière cutanée renforcée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENT ÉTHIQUE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-ethic-box\"\u003e\n\u003cdiv class=\"sc-ethic-icon\"\u003e🤝\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-content\"\u003e\n\u003ch3\u003eEngagement Éthique \u0026amp; Durable\u003c\/h3\u003e\n\u003cp\u003eLes matières premières du Sérum Clairessence proviennent de \u003cstrong\u003ecoopératives féminines\u003c\/strong\u003e, assurant des échanges éthiques respectueux de l'environnement. Chaque flacon contribue à soutenir l'autonomie économique des femmes productrices et la préservation des savoir-faire traditionnels.\u003c\/p\u003e\n\u003cdiv class=\"sc-ethic-stats\"\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e99,96%\u003c\/strong\u003e \u003cspan\u003eBio certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e \u003cspan\u003eNaturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e50 ml\u003c\/strong\u003e \u003cspan\u003eFlacon premium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DÉTAIL TECHNIQUE LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-technical-box\"\u003e\n\u003ch3\u003eÀ noter\u003c\/h3\u003e\n\u003cp\u003eL'\u003cstrong\u003ehuile de Calophylle\u003c\/strong\u003e peut cristalliser, signe distinctif de son \u003cstrong\u003eextraction à froid authentique\u003c\/strong\u003e. Pour retrouver sa texture soyeuse, placez simplement le flacon près d'une source de chaleur modérée (30°C maximum). Cette caractéristique témoigne de la qualité exceptionnelle et de la préservation des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003ePrécautions d'emploi\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-precautions-luxury\"\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, aux enfants et aux personnes épileptiques en raison de la concentration en huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÉviter le contour des yeux\u003c\/strong\u003e lors de l'application. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTest cutané recommandé\u003c\/strong\u003e dans le pli du coude 24h avant première utilisation pour les peaux très sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INCI LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-inci-box\"\u003e\n\u003ch3\u003eListe INCI Complète\u003c\/h3\u003e\n\u003cp class=\"sc-inci-list\"\u003e\u003cem\u003eNigella Sativa*\u003c\/em\u003e, \u003cem\u003eCalophyllum Inophyllum*\u003c\/em\u003e, \u003cem\u003eSesamum Indicum*\u003c\/em\u003e, \u003cem\u003eDaucus Carota*\u003c\/em\u003e, \u003cem\u003eHelichrysum Italicum*\u003c\/em\u003e, \u003cem\u003eCupressus Sempervirens*\u003c\/em\u003e, \u003cem\u003eCistus Ladaniferus*\u003c\/em\u003e, Tocopherol.\u003c\/p\u003e\n\u003cp class=\"sc-inci-note\"\u003e*100% des ingrédients issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA LUXE --\u003e\n\u003csection class=\"sc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sc-cta-luxury\"\u003e\n\u003cdiv class=\"sc-cta-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-cta-content\"\u003e\n\u003ch3\u003eVotre rituel de beauté d'exception\u003c\/h3\u003e\n\u003cp\u003eOffrez à votre peau la \u003cstrong\u003equintessence de la nature\u003c\/strong\u003e avec ce sérum d'exception. Une formule rare, des actifs nobles, un engagement éthique : tout ce que votre peau mérite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========== STYLE LUXE SÉRUM CLAIRESSENCE ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES LUXE === *\/\n:root {\n --sc-cream: #FDF8F1;\n --sc-white: #ffffff;\n --sc-gold: #d4af37;\n --sc-gold-dark: #b8962e;\n --sc-gold-light: #e5c778;\n --sc-rose: #f4e8e1;\n --sc-rose-dark: #e0d1c7;\n --sc-taupe: #8b7d6b;\n --sc-charcoal: #2d2d2d;\n --sc-text: #1a1a1a;\n --sc-text-light: #6a6a6a;\n --sc-border: #e8e0d8;\n --sc-shadow: 0 8px 32px rgba(212, 175, 55, .12);\n --sc-shadow-lg: 0 16px 64px rgba(212, 175, 55, .2);\n --sc-radius: 24px;\n --sc-radius-sm: 16px;\n}\n\n\/* === CONTENEUR === *\/\n.sc-luxury {\n max-width: 1100px;\n margin: 0 auto;\n padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 3rem);\n background: var(--sc-cream);\n font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\n}\n\n\/* === HERO LUXE === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 50%, #2d2d2d 100%);\n border-radius: var(--sc-radius);\n padding: clamp(4rem, 8vw, 6rem) clamp(2.5rem, 6vw, 5rem);\n margin-bottom: clamp(4rem, 7vw, 6rem);\n overflow: hidden;\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-hero-shimmer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(212, 175, 55, .08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, .06) 0%, transparent 50%);\n animation: shimmer 6s ease-in-out infinite alternate;\n}\n\n@keyframes shimmer {\n 0% { opacity: 0.3; }\n 100% { opacity: 0.7; }\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-brand {\n font-size: clamp(11px, 1.5vw, 13px);\n font-weight: 700;\n letter-spacing: 3px;\n color: var(--sc-gold);\n margin-bottom: 0.75rem;\n text-transform: uppercase;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-hero-title {\n color: white;\n font-size: clamp(40px, 8vw, 64px);\n font-weight: 400;\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-hero-subtitle {\n color: var(--sc-gold-light);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 2.5rem;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* === DESCRIPTION COURTE LUXE === *\/\n.sc-short-luxury {\n background: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, .2);\n border-radius: var(--sc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n}\n\n.sc-short-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sc-short-icon {\n font-size: 28px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .4));\n}\n\n.sc-short-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.sc-short-text strong {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 600;\n color: white;\n letter-spacing: -.01em;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-short-text span {\n font-size: clamp(13px, 1.8vw, 14px);\n color: rgba(255,255,255,.75);\n line-height: 1.4;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n}\n\n@media (max-width: 720px) {\n .sc-short-luxury {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n}\n\n.sc-badges-luxury {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 2rem;\n}\n\n.sc-badge-luxury {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, rgba(212, 175, 55, .15) 0%, rgba(212, 175, 55, .08) 100%);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(212, 175, 55, .3);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: white;\n letter-spacing: .5px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n transition: all .3s ease;\n}\n\n.sc-badge-luxury:hover {\n background: linear-gradient(135deg, rgba(212, 175, 55, .25) 0%, rgba(212, 175, 55, .15) 100%);\n transform: translateY(-2px);\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(4rem, 7vw, 6rem);\n}\n\n.sc-title-luxury {\n font-size: clamp(32px, 6vw, 44px);\n font-weight: 400;\n color: var(--sc-charcoal);\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n text-align: center;\n letter-spacing: -.02em;\n position: relative;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-title-luxury span {\n position: relative;\n display: inline-block;\n padding: 0 2rem;\n background: var(--sc-cream);\n z-index: 1;\n}\n\n.sc-title-luxury::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n}\n\n\/* === INTRO LUXE === *\/\n.sc-intro-luxury {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--sc-shadow);\n border-left: 4px solid var(--sc-gold);\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-intro-luxury p {\n font-size: clamp(16px, 2.2vw, 19px);\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0;\n}\n\n.sc-intro-luxury strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === ACTIFS GRID === *\/\n.sc-actifs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.sc-actif-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n overflow: hidden;\n box-shadow: var(--sc-shadow);\n transition: all .4s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-actif-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-actif-star {\n border: 2px solid var(--sc-gold);\n background: linear-gradient(135deg, rgba(212, 175, 55, .03) 0%, rgba(255,255,255,1) 100%);\n}\n\n.sc-actif-header {\n padding: 2rem 2rem 1.5rem;\n text-align: center;\n position: relative;\n}\n\n.sc-actif-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--sc-gold) 0%, var(--sc-gold-dark) 100%);\n color: white;\n padding: 4px 16px;\n border-radius: 999px;\n font-size: 10px;\n font-weight: 900;\n letter-spacing: 1px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n box-shadow: 0 4px 12px rgba(212, 175, 55, .3);\n}\n\n.sc-actif-header h3 {\n font-size: 21px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-actif-latin {\n font-size: 13px;\n font-style: italic;\n color: var(--sc-gold-dark);\n font-weight: 500;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-actif-body {\n padding: 0 2rem 2rem;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-actif-body p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n}\n\n.sc-actif-body strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === RITUEL === *\/\n.sc-ritual-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.sc-ritual-step {\n flex: 1;\n min-width: 260px;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 2.5rem 2rem;\n box-shadow: var(--sc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-ritual-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-ritual-number {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--sc-gold) 0%, var(--sc-gold-dark) 100%);\n color: white;\n font-size: 26px;\n font-weight: 700;\n display: grid;\n place-items: center;\n margin: 0 auto 1.5rem;\n box-shadow: 0 8px 24px rgba(212, 175, 55, .3);\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ritual-content h4 {\n font-size: 20px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-ritual-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ritual-content strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n.sc-ritual-divider {\n width: 2px;\n height: 80px;\n background: linear-gradient(180deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n flex-shrink: 0;\n}\n\n@media (max-width: 767px) {\n .sc-ritual-container {\n flex-direction: column;\n }\n \n .sc-ritual-divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n }\n}\n\n\/* === BENEFITS LUXE === *\/\n.sc-benefits-luxury {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.sc-benefit-luxury {\n background: var(--sc-white);\n border-radius: var(--sc-radius-sm);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--sc-shadow);\n transition: all .3s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-benefit-luxury:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(212, 175, 55, .2));\n}\n\n.sc-benefit-luxury h4 {\n font-size: 19px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-benefit-luxury p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* === ETHIC BOX === *\/\n.sc-ethic-box {\n background: linear-gradient(135deg, var(--sc-rose) 0%, #faf5f0 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3rem, 5vw, 4rem);\n box-shadow: var(--sc-shadow);\n display: flex;\n gap: 2.5rem;\n align-items: center;\n border: 2px solid var(--sc-rose-dark);\n}\n\n.sc-ethic-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 16px rgba(212, 175, 55, .3));\n}\n\n.sc-ethic-content h3 {\n font-size: 26px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-ethic-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0 0 2rem 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ethic-content strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n.sc-ethic-stats {\n display: flex;\n gap: 3rem;\n flex-wrap: wrap;\n}\n\n.sc-ethic-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ethic-stat strong {\n font-size: 32px;\n font-weight: 700;\n color: var(--sc-gold-dark);\n letter-spacing: -.02em;\n}\n\n.sc-ethic-stat span {\n font-size: 13px;\n color: var(--sc-text-light);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n@media (max-width: 767px) {\n .sc-ethic-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sc-ethic-stats {\n justify-content: center;\n }\n}\n\n\/* === TECHNICAL BOX === *\/\n.sc-technical-box {\n background: linear-gradient(135deg, rgba(212, 175, 55, .08) 0%, rgba(212, 175, 55, .04) 100%);\n border: 2px solid var(--sc-gold-light);\n border-radius: var(--sc-radius);\n padding: 2.5rem 3rem;\n text-align: center;\n}\n\n.sc-technical-box h3 {\n font-size: 22px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-technical-box p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-technical-box strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === PRECAUTIONS LUXE === *\/\n.sc-precautions-luxury {\n display: grid;\n gap: 1.5rem;\n}\n\n.sc-precaution-item {\n background: var(--sc-white);\n border-radius: var(--sc-radius-sm);\n padding: 1.75rem 2rem;\n box-shadow: var(--sc-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 3px solid var(--sc-gold);\n}\n\n.sc-precaution-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .3));\n}\n\n.sc-precaution-item p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n padding-top: 4px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-precaution-item strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 2.5rem 3rem;\n box-shadow: var(--sc-shadow);\n border: 1px solid var(--sc-border);\n}\n\n.sc-inci-box h3 {\n font-size: 22px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1.5rem 0;\n text-align: center;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-inci-list {\n font-size: 14px;\n line-height: 2;\n color: var(--sc-text-light);\n margin: 0 0 1rem 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n text-align: center;\n}\n\n.sc-inci-note {\n font-size: 13px;\n font-style: italic;\n color: var(--sc-gold-dark);\n margin: 0;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 500;\n}\n\n\/* === CTA LUXE === *\/\n.sc-cta-luxury {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3.5rem, 6vw, 5rem);\n text-align: center;\n box-shadow: var(--sc-shadow-lg);\n overflow: hidden;\n}\n\n.sc-cta-shimmer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 30% 40%, rgba(212, 175, 55, .15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(212, 175, 55, .1) 0%, transparent 50%);\n}\n\n.sc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sc-cta-content h3 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 400;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-cta-content p {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n}\n\n.sc-cta-content strong {\n color: var(--sc-gold-light);\n font-weight: 600;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-actif-card,\n .sc-ritual-step,\n .sc-benefit-luxury,\n .sc-precaution-item {\n animation: fadeInUp .7s ease backwards;\n }\n \n .sc-actif-card:nth-child(1),\n .sc-ritual-step:nth-child(1),\n .sc-benefit-luxury:nth-child(1) { animation-delay: .1s; }\n \n .sc-actif-card:nth-child(2),\n .sc-ritual-step:nth-child(2),\n .sc-benefit-luxury:nth-child(2) { animation-delay: .2s; }\n \n .sc-actif-card:nth-child(3),\n .sc-ritual-step:nth-child(3),\n .sc-benefit-luxury:nth-child(3) { animation-delay: .3s; }\n \n .sc-actif-card:nth-child(4),\n .sc-benefit-luxury:nth-child(4) { animation-delay: .4s; }\n \n .sc-actif-card:nth-child(5) { animation-delay: .5s; }\n .sc-actif-card:nth-child(6) { animation-delay: .6s; }\n .sc-actif-card:nth-child(7) { animation-delay: .7s; }\n .sc-actif-card:nth-child(8) { animation-delay: .8s; }\n .sc-actif-card:nth-child(9) { animation-delay: .9s; }\n .sc-actif-card:nth-child(10) { animation-delay: 1s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sc-luxury * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sc-luxury {\n --sc-gold: #b8962e;\n --sc-gold-dark: #9a7a20;\n }\n}\n\u003c\/style\u003e","brand":"Arc en Sels","offers":[{"title":"Default Title","offer_id":45755432992925,"sku":"SERUMCOUPARC","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-clairessence-bio-50-ml-arc-en-sels-lifestyle.webp?v=1775221232"},{"product_id":"tablier-a-barbe-blanc","title":"Bavoir à Barbe Blanc : tablier de rasage pour récolter les poils","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bavoir à Barbe Blanc - tablier de rasage\nPalette détectée:\n - Primaire: #1a1a1a (noir profond du t-shirt - masculin, élégant)\n - Secondaire: #f5f5f5 (blanc du bavoir - propreté, clarté)\n - Accent: #4a90a4 (bleu-gris moderne pour dynamiser)\nAmbiance: Masculin, pratique, moderne, lifestyle homme actif, minimaliste\nStyle: Clean, épuré, orienté solution pratique du quotidien\nPréfixe CSS: bb (beard bib)\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🎯 Zéro poil au sol\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e⚡ 30 sec d'installation\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🧼 Lavable en machine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBavoir à barbe blanc\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eLe tablier de rasage anti-galère\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eFini les poils partout dans le lavabo ! Ce bavoir ingénieux capture 100% des poils pendant votre rasage. Installation en 30 secondes, nettoyage en 5 secondes. La solution simple pour les hommes qui en ont marre de nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e💪 Pourquoi vous allez l'adopter\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎯 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eTous les poils tombent directement dans le bavoir. Lavabo, sol, vêtements : tout reste propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⏱️ 15 min gagnées\u003c\/h3\u003e\n \u003cp\u003ePlus de nettoyage interminable après chaque rasage. Videz le bavoir dans la poubelle et c'est fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔧 Ultra-simple\u003c\/h3\u003e\n \u003cp\u003e2 ventouses au miroir + tour de cou ajustable. Prêt en 30 secondes chrono.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👔 Confort optimal\u003c\/h3\u003e\n \u003cp\u003eBande de cou réglable qui s'adapte à toutes les morphologies. Léger et agréable à porter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✈️ Compact voyage\u003c\/h3\u003e\n \u003cp\u003eSe plie en un instant pour tenir dans votre trousse de toilette. Parfait pour les déplacements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Entretien facile\u003c\/h3\u003e\n \u003cp\u003eLavable en machine ou à la main. Polyester imperméable qui sèche en quelques heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Comment ça marche\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eFixez au miroir\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003ePlacez les 2 ventouses sur votre miroir. Elles tiennent solidement pendant tout le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eAttachez autour du cou\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003eEnroulez le bavoir et ajustez la bande velcro pour un maintien parfait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eRasez-vous tranquille\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003eLe bavoir forme une grande poche qui capture tous les poils. Zéro stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eVidez et rangez\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003eDétachez, videz les poils à la poubelle, pliez. Salle de bain impeccable !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Les barbus\u003c\/h3\u003e\n \u003cp\u003eVous entretenez votre barbe régulièrement et en avez marre du nettoyage après chaque taille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💼 Les hommes pressés\u003c\/h3\u003e\n \u003cp\u003eVotre temps est précieux. Ce bavoir vous fait gagner 15 minutes à chaque rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🏠 Les colocataires\u003c\/h3\u003e\n \u003cp\u003eGardez la salle de bain commune impeccable. Fini les remarques désagréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✈️ Les voyageurs\u003c\/h3\u003e\n \u003cp\u003eEn déplacement pro ou en vacances, gardez votre routine sans salir les hôtels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📐 Caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📏 Dimensions\u003c\/h3\u003e\n \u003cp\u003e110 × 70 cm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧵 Matériau\u003c\/h3\u003e\n \u003cp\u003ePolyester premium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎨 Couleur\u003c\/h3\u003e\n \u003cp\u003eBlanc immaculé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💪 Fixation\u003c\/h3\u003e\n \u003cp\u003e2 ventouses incluses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Propriétés\u003c\/h3\u003e\n \u003cp\u003eImperméable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👕 Taille\u003c\/h3\u003e\n \u003cp\u003eUniverselle ajustable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Contenu du pack\u003c\/h2\u003e\n \u003cdiv class=\"bb-includes\"\u003e\n \u003cdiv class=\"bb-include-item\"\u003e\n \u003cspan class=\"bb-include-icon\"\u003e🧔\u003c\/span\u003e\n \u003cspan class=\"bb-include-text\"\u003e1 bavoir à barbe blanc (110 × 70 cm)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-include-item\"\u003e\n \u003cspan class=\"bb-include-icon\"\u003e⚪\u003c\/span\u003e\n \u003cspan class=\"bb-include-text\"\u003e2 ventouses de fixation ultra-puissantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧼 Entretien\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eLavable en machine à 30°C ou à la main. Le polyester sèche très rapidement à l'air libre. Prêt à être réutilisé en quelques heures. Matériau conçu pour durer des années et résister aux lavages répétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e💡 Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003ePour une meilleure adhérence des ventouses, nettoyez votre miroir avant la première utilisation. Humidifiez légèrement les ventouses si nécessaire. Veillez à bien tendre le bavoir pour créer une poche efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e📏 Compatibilité\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eCompatible avec tous les miroirs lisses (verre, plastique). Les ventouses adhèrent sur surfaces planes et non poreuses. Tour de cou réglable adapté à toutes les morphologies adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp class=\"bb-cta-title\"\u003e🧔 Transformez votre routine de rasage\u003c\/p\u003e\n \u003cp\u003eRejoignez les milliers d'hommes qui ont adopté cette solution simple et efficace. Plus jamais de poils sur le lavabo, plus jamais de nettoyage fastidieux. Gagnez du temps et de la tranquillité d'esprit à chaque rasage !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bb-cream: #f7f8f9;\n --bb-white: #ffffff;\n --bb-primary: #1a1a1a;\n --bb-primary-dark: #0d0d0d;\n --bb-primary-light: #f0f0f0;\n --bb-secondary: #3d3d3d;\n --bb-accent: #4a90a4;\n\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n\n --bb-border: #e0e0e0;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 50%, #2a2a2a 100%);\n border-radius: var(--bb-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(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .03;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.1) 30px,\n rgba(255,255,255,.1) 60px\n );\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bb-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(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-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.bb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-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.bb-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(--bb-primary), var(--bb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--bb-primary);\n}\n\n\/* === ÉTAPES === *\/\n.bb-steps {\n display: grid;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-step {\n display: flex;\n gap: 1.25rem;\n align-items: center;\n background: var(--bb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n}\n\n.bb-step-content {\n flex: 1;\n}\n\n.bb-step-title {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-step-text {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INCLUDES === *\/\n.bb-includes {\n display: grid;\n gap: .75rem;\n max-width: 500px;\n margin: 0 auto;\n}\n\n.bb-include-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--bb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bb-radius-sm);\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-include-item:hover {\n transform: translateX(6px);\n}\n\n.bb-include-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.bb-include-text {\n font-size: 15px;\n font-weight: 600;\n color: var(--bb-text);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-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.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-accent);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-title {\n color: white;\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n}\n\n.bb-cta-box p:last-child {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .bb-step-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\n }\n \n .bb-step-title {\n font-size: 14px;\n }\n \n .bb-step-text {\n font-size: 13px;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bb-badges-top {\n gap: 8px;\n }\n \n .bb-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-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 .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54830590689657,"sku":"REF45801","price":4.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tablier-a-barbe-tablier-de-rasage-pour-recolter-les-poils-pendant-la-tonte-583020.jpg?v=1732722041"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ses-shadow-lg);\n}\n\n.ses-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ses-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/Design_sans_titre-3.png?v=1738753849","url":"https:\/\/www.naturellement-bio.com\/collections\/saint-valentin.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}