{"title":"Fête des Mères","description":"","products":[{"product_id":"baume-a-levres-au-beurre-de-karite-bio-stick-13-g-comme-avant","title":"Baume à Lèvres au Beurre de Karité Bio - Comme Avant","description":"\u003cdiv class=\"bl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bl-hero\"\u003e\n \u003cdiv class=\"bl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bl-hero-content\"\u003e\n \u003cdiv class=\"bl-badges-top\"\u003e\n \u003cspan class=\"bl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bl-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"bl-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"bl-badge\"\u003e♻️ Tube carton zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bl-hero-title\"\u003eBaume à lèvres au beurre de karité bio\u003c\/span\u003e\n \u003cp class=\"bl-subtitle\"\u003eComme Avant — Stick 13 g\u003c\/p\u003e\n \u003cp class=\"bl-description\"\u003eSeulement 4 ingrédients d'origine naturelle pour nourrir, réparer et protéger vos lèvres durablement. Sans superflu, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eBaume à lèvres au beurre de karité bio : le soin naturel et nourrissant signé Comme Avant\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003eVos lèvres tiraillent, se dessèchent ou gercent au moindre changement de saison ? Le baume à lèvres au beurre de karité bio Comme Avant est pensé exactement pour cela.\u003c\/p\u003e\n \u003cdiv class=\"bl-grid-compact\"\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🧴 4 ingrédients seulement\u003c\/h3\u003e\n \u003cp\u003eUne formule ultra courte où chaque composant a un rôle précis, sans aucun superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRépare, protège et adoucit vos lèvres durablement grâce au karité bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eAucun parfum synthétique, aucun conservateur controversé, aucun colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e👶 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux peaux les plus délicates, y compris celles des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003ePourquoi choisir un baume à lèvres au karité plutôt qu'un baume classique ?\u003c\/h2\u003e\n \u003cdiv class=\"bl-testimonial\"\u003e\n \u003cp class=\"bl-testimonial-text\"\u003eLa peau des lèvres est particulièrement fine et dépourvue de glandes sébacées. Elle ne peut donc pas se protéger seule contre le froid, le vent ou la sécheresse. Le beurre de karité biologique, riche en acides gras essentiels et en vitamines A, D, E et F, agit comme un véritable bouclier nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🚫 Pas d'huiles minérales\u003c\/h3\u003e\n \u003cp\u003eContrairement aux baumes conventionnels à base de dérivés de pétrole, ce baume nourrit réellement la peau au lieu de simplement la recouvrir d'un film occlusif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e✨ Souplesse durable\u003c\/h3\u003e\n \u003cp\u003eVos lèvres retrouvent douceur et confort sans effet de dépendance. Elles restent souples plus longtemps entre chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eLe karité bio forme un bouclier nourrissant contre le froid, le vent et la sécheresse, saison après saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eComposition minimaliste et transparente\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003eLa force de ce baume lèvres bio réside dans sa formule ultra courte, certifiée Cosmos Organic et labellisée Vegan.\u003c\/p\u003e\n \u003cdiv class=\"bl-grid\"\u003e\n \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n \u003cp class=\"bl-inci\"\u003eButyrospermum Parkii Butter\u003c\/p\u003e\n \u003cp\u003eIngrédient phare : nourrit en profondeur, répare les gerçures et apaise les lèvres fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp class=\"bl-inci\"\u003eCera Alba\u003c\/p\u003e\n \u003cp\u003eForme un film protecteur naturel qui maintient l'hydratation tout en laissant la peau respirer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp class=\"bl-inci\"\u003eCannabis Sativa Seed Oil\u003c\/p\u003e\n \u003cp\u003eÉmolliente et riche en oméga-3, elle complète l'action nourrissante et adoucissante du karité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp class=\"bl-inci\"\u003eTocopherol\u003c\/p\u003e\n \u003cp\u003ePuissant antioxydant, elle protège les lèvres des agressions environnementales et préserve la fraîcheur de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-tip\"\u003e\n \u003cspan class=\"bl-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eAucun parfum synthétique, aucun conservateur controversé, aucun colorant. Ce baume convient parfaitement aux peaux sensibles, y compris celles des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre baume à lèvres bio ?\u003c\/h2\u003e\n \u003cp class=\"bl-section-intro\"\u003eAppliquez le stick directement sur vos lèvres dès que vous ressentez un inconfort, aussi souvent que nécessaire.\u003c\/p\u003e\n \u003cdiv class=\"bl-timeline\"\u003e\n \u003cdiv class=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003e☀️ En soin quotidien\u003c\/h3\u003e\n \u003cp\u003eUne application matin et soir suffit généralement pour maintenir des lèvres souples et hydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003e🧣 Avant de sortir\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche généreuse avant toute exposition au froid, au vent ou au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003e💄 Sous un rouge à lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisé en base, il lisse la surface des lèvres et améliore la tenue de votre maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-item\"\u003e\n \u003cdiv class=\"bl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bl-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir en masque\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche épaisse avant le coucher pour un soin réparateur de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-tip\"\u003e\n \u003cspan class=\"bl-tip-icon\"\u003e👜\u003c\/span\u003e\n \u003cp\u003eSon format stick de 13 grammes en tube carton se glisse partout : poche, sac à main ou trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bl-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable jusqu'au packaging\u003c\/h2\u003e\n \u003cdiv class=\"bl-grid-compact\"\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e♻️ Tube en carton\u003c\/h3\u003e\n \u003cp\u003ePackaging 100 % recyclable, sans aucun plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Marseille\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement en France, en petites séries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🌱 Fraîcheur optimale\u003c\/h3\u003e\n \u003cp\u003eProduction en petits lots pour garantir la qualité de chaque baume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bl-card\"\u003e\n \u003ch3\u003e🌍 Empreinte réduite\u003c\/h3\u003e\n \u003cp\u003eUn choix cohérent pour réduire votre impact jusque dans votre routine beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"bl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bl-cta-box\"\u003e\n \u003cp\u003e🌿 Stick de 13 g — Certifié Cosmos Organic — Vegan — Fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bl-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de lésions persistantes sur les lèvres, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bl-cream: #f7f3ee;\n --bl-white: #ffffff;\n --bl-primary: #b5956a;\n --bl-primary-dark: #7a6248;\n --bl-primary-light: #f0e8dd;\n --bl-secondary: #c4a97d;\n --bl-accent: #8b7355;\n --bl-text: #1a1a1a;\n --bl-text-light: #5a5a5a;\n --bl-border: #e0d8ce;\n --bl-shadow: 0 4px 24px rgba(122,98,72,.08);\n --bl-shadow-lg: 0 12px 48px rgba(122,98,72,.15);\n --bl-radius: 20px;\n --bl-radius-sm: 12px;\n}\n\n.bl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bl-hero {\n position: relative;\n background: linear-gradient(135deg, #8b7355 0%, #b5956a 45%, #c4a97d 100%);\n border-radius: var(--bl-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(--bl-shadow-lg);\n}\n\n.bl-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.bl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.bl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.bl-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.bl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bl-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(--bl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bl-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.bl-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(--bl-primary), var(--bl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bl-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.bl-card {\n background: var(--bl-white);\n border-radius: var(--bl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bl-shadow-lg);\n border-color: var(--bl-primary);\n}\n\n.bl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD INCI === *\/\n.bl-inci {\n font-size: 12px !important;\n font-style: italic;\n color: var(--bl-primary) !important;\n margin-bottom: .5rem !important;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.bl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bl-grid-compact .bl-card {\n padding: 1rem;\n}\n\n.bl-grid-compact .bl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bl-grid-compact .bl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bl-primary), var(--bl-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.bl-timeline-content {\n flex: 1;\n background: var(--bl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bl-radius-sm);\n box-shadow: var(--bl-shadow);\n}\n\n.bl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bl-timeline-content p {\n font-size: 14px;\n color: var(--bl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bl-testimonial {\n background: var(--bl-white);\n border-radius: var(--bl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bl-shadow);\n border-left: 4px solid var(--bl-primary);\n}\n\n.bl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bl-primary-light);\n border-radius: var(--bl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bl-tip p {\n font-size: 14px;\n color: var(--bl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.bl-cta-box {\n background: linear-gradient(135deg, var(--bl-primary) 0%, var(--bl-primary-dark) 100%);\n border-radius: var(--bl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bl-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.bl-disclaimer {\n font-size: 12px;\n color: var(--bl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bl-card {\n padding: 1.125rem;\n }\n\n .bl-section {\n margin-bottom: 1.75rem;\n }\n\n .bl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bl-radius-sm);\n }\n\n .bl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bl-grid-compact {\n gap: .625rem;\n }\n\n .bl-grid-compact .bl-card {\n padding: .75rem;\n }\n\n .bl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bl-timeline-content h3 {\n font-size: 14px;\n }\n\n .bl-timeline-content p {\n font-size: 13px;\n }\n\n .bl-testimonial {\n padding: 1.25rem;\n }\n\n .bl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bl-card {\n animation: blFadeInUp .5s ease backwards;\n }\n .bl-card:nth-child(1) { animation-delay: .05s; }\n .bl-card:nth-child(2) { animation-delay: .1s; }\n .bl-card:nth-child(3) { animation-delay: .15s; }\n .bl-card:nth-child(4) { animation-delay: .2s; }\n .bl-card:nth-child(5) { animation-delay: .25s; }\n .bl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes blFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bl-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":45755189461149,"sku":"NBAICAV0046","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-levres-au-beurre-de-karite-bio-comme-avant-packshothd_a2f90aa6-1c17-4c03-bf91-48e989f4cb38.webp?v=1775311529"},{"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":false}],"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":false}],"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":"bouillotte-micro-onde-tour-de-cou-8-coloris-au-choix-eco-conseils","title":"Bouillotte Micro-onde Tour de Cou - 8 Coloris au Choix - Eco-conseils","description":"\u003cdiv class=\"bo-premium\"\u003e\n\u003c!-- HERO AVEC PATTERN --\u003e\n\u003cdiv class=\"bo-hero\"\u003e\n\u003cdiv class=\"bo-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bo-hero-content\"\u003e\n\u003cdiv class=\"bo-badges-top\"\u003e\n\u003cspan class=\"bo-badge\"\u003e🌾 Coton \u0026amp; blé bio\u003c\/span\u003e \u003cspan class=\"bo-badge\"\u003e🇪🇺 Fabriqué en Europe\u003c\/span\u003e \u003cspan class=\"bo-badge\"\u003e♻️ Écoresponsable\u003c\/span\u003e \u003cspan class=\"bo-badge\"\u003e🎨 8 coloris au choix\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"bo-description\"\u003eDécouvrez notre \u003cstrong\u003eBouillotte Micro-Onde Tour De Cou\u003c\/strong\u003e, l'alliée parfaite pour vous offrir des moments de détente et apaiser vos douleurs cervicales. Ce produit essentiel allie l'efficacité et le confort, répondant parfaitement à vos besoins, qu'il soit utilisé pour se relaxer après une longue journée ou pour soulager les tensions musculaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIENFAITS PRINCIPAUX --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eLes bienfaits de la bouillotte tour de cou\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-benefits-grid\"\u003e\n\u003carticle class=\"bo-benefit-card\"\u003e\n\u003cdiv class=\"bo-benefit-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eChaleur apaisante\u003c\/h3\u003e\n\u003cp\u003eSoulage les \u003cstrong\u003etensions cervicales\u003c\/strong\u003e et les douleurs musculaires grâce à une chaleur douce et uniforme.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-benefit-card\"\u003e\n\u003cdiv class=\"bo-benefit-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch3\u003eFroid thérapeutique\u003c\/h3\u003e\n\u003cp\u003eRéduit les \u003cstrong\u003einflammations\u003c\/strong\u003e et les gonflements en thérapie par le froid.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-benefit-card\"\u003e\n\u003cdiv class=\"bo-benefit-icon\"\u003e😌\u003c\/div\u003e\n\u003ch3\u003eDétente \u0026amp; relaxation\u003c\/h3\u003e\n\u003cp\u003eFavorise la \u003cstrong\u003erelaxation profonde\u003c\/strong\u003e et aide à décontracter naturellement les muscles.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- UTILISATION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eMode d'emploi\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-usage-tabs\"\u003e\n\u003cdiv class=\"bo-usage-tab bo-usage-hot\"\u003e\n\u003cdiv class=\"bo-usage-tab-header\"\u003e\n\u003cdiv class=\"bo-usage-tab-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eUtilisation à chaud\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-tab-body\"\u003e\n\u003cdiv class=\"bo-usage-method\"\u003e\n\u003cdiv class=\"bo-method-icon\"\u003e📱\u003c\/div\u003e\n\u003cdiv class=\"bo-method-content\"\u003e\n\u003ch4\u003eMicro-ondes\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e2 minutes maximum\u003c\/strong\u003e (puissance 800W)\u003c\/p\u003e\n\u003cp class=\"bo-method-tip\"\u003e💡 Chauffez progressivement pour éviter une chaleur excessive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-method\"\u003e\n\u003cdiv class=\"bo-method-icon\"\u003e🔲\u003c\/div\u003e\n\u003cdiv class=\"bo-method-content\"\u003e\n\u003ch4\u003eFour traditionnel\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003e10 minutes\u003c\/strong\u003e (thermostat 5)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bo-usage-note\"\u003e✅ Peut être chauffée à maintes reprises (attendre son refroidissement complet avant une nouvelle utilisation)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-tab bo-usage-cold\"\u003e\n\u003cdiv class=\"bo-usage-tab-header\"\u003e\n\u003cdiv class=\"bo-usage-tab-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch3\u003eUtilisation à froid\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-usage-tab-body\"\u003e\n\u003cp\u003ePlacez la bouillotte au \u003cstrong\u003econgélateur pendant au moins 1 heure\u003c\/strong\u003e avant utilisation pour soulager inflammations et gonflements.\u003c\/p\u003e\n\u003cp class=\"bo-usage-note\"\u003e🎯 Idéal pour : chevilles enflées, entorses, coups, inflammations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ZONES D'APPLICATION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eZones d'application\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-zones-grid\"\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e🦴\u003c\/div\u003e\n\u003ch4\u003eNuque \u0026amp; cervicales\u003c\/h4\u003e\n\u003cp\u003eS'adapte parfaitement à votre nuque pour un soulagement ciblé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e🦵\u003c\/div\u003e\n\u003ch4\u003eChevilles\u003c\/h4\u003e\n\u003cp\u003eParfait pour soulager les chevilles enflées ou douloureuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e💆\u003c\/div\u003e\n\u003ch4\u003eBas du dos\u003c\/h4\u003e\n\u003cp\u003eApaise les tensions lombaires et dorsales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-zone-card\"\u003e\n\u003cdiv class=\"bo-zone-icon\"\u003e🤰\u003c\/div\u003e\n\u003ch4\u003eVentre\u003c\/h4\u003e\n\u003cp\u003eSoulage les douleurs abdominales et menstruelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eComposition \u0026amp; qualité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-composition-box\"\u003e\n\u003cdiv class=\"bo-composition-main\"\u003e\n\u003carticle class=\"bo-ingredient-card\"\u003e\n\u003cdiv class=\"bo-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"bo-ingredient-content\"\u003e\n\u003ch3\u003eHousse en coton biologique\u003c\/h3\u003e\n\u003cp\u003eDouce et agréable au toucher, \u003cstrong\u003ehypoallergénique\u003c\/strong\u003e et parfaite pour les peaux sensibles. Le velours apporte un confort supplémentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-ingredient-card\"\u003e\n\u003cdiv class=\"bo-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n\u003cdiv class=\"bo-ingredient-content\"\u003e\n\u003ch3\u003eGarnissage en blé biologique\u003c\/h3\u003e\n\u003cp\u003eGraines de blé connues pour leur capacité à \u003cstrong\u003eretenir la chaleur\u003c\/strong\u003e, elles assurent une diffusion uniforme et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-design-info\"\u003e\n\u003cdiv class=\"bo-design-icon\"\u003e📐\u003c\/div\u003e\n\u003cdiv class=\"bo-design-content\"\u003e\n\u003ch4\u003eDesign ergonomique\u003c\/h4\u003e\n\u003cp\u003e\u003cstrong\u003eForme rectangulaire\u003c\/strong\u003e avec \u003cstrong\u003e4 compartiments\u003c\/strong\u003e pour une meilleure répartition de la chaleur sur la nuque et les cervicales.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDimensions :\u003c\/strong\u003e 45 x 15 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003ePourquoi choisir cette bouillotte ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-why-grid\"\u003e\n\u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003ePolyvalence\u003c\/h3\u003e\n\u003cp\u003eUtilisable \u003cstrong\u003eà chaud comme à froid\u003c\/strong\u003e, elle s'adapte à tous vos besoins spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003eDurabilité\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec des \u003cstrong\u003ematériaux naturels et écoresponsables\u003c\/strong\u003e, robuste et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003eSimplicité\u003c\/h3\u003e\n\u003cp\u003eFacile à utiliser, nécessite \u003cstrong\u003epeu d'entretien\u003c\/strong\u003e et toujours prête à l'emploi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n \u003carticle class=\"bo-why-item\"\u003e\n\u003cdiv class=\"bo-why-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"bo-why-content\"\u003e\n\u003ch3\u003e8 coloris au choix\u003c\/h3\u003e\n\u003cp\u003eTrouvez la teinte qui vous plaît le plus pour un accessoire \u003cstrong\u003eutile et esthétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n \n\u003c!-- ========== ENCADRÉ COLORIS AVEC VIGNETTES ========== --\u003e\n\u003cdiv class=\"bo-colors-box\" style=\"font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:#ffffff; border:2px solid #d4a574; border-radius:16px; padding:32px; margin-bottom:32px; box-shadow:0 4px 24px rgba(212,165,116,.12);\"\u003e\n \n \u003ch3 style=\"margin:0 0 24px 0; font-size:20px; line-height:1.25; font-weight:800; color:#b8956a; text-align:center;\"\u003e\n 🎨 Choisissez votre coloris préféré\n \u003c\/h3\u003e\n \n \u003cp style=\"margin:0 0 24px 0; font-size:15px; line-height:1.6; color:#5a5a5a; text-align:center;\"\u003e\n Nos bouillottes sont disponibles en \u003cstrong style=\"color:#b8956a;\"\u003e8 coloris attrayants\u003c\/strong\u003e pour s'adapter à tous les goûts et styles. Chaque bouillotte est confectionnée avec la même qualité et le même soin, quelle que soit la couleur choisie.\n \u003c\/p\u003e\n \n \u003c!-- Grille de vignettes coloris --\u003e\n \u003cdiv class=\"bo-colors-grid\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:16px; margin-bottom:20px;\"\u003e\n \n \u003c!-- Bordeaux --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#7a1f3d; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(122,31,61,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eBordeaux\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Fuchsia --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#c7417b; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(199,65,123,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eFuchsia\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Grise --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#6b7280; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(107,114,128,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eGrise\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Marine --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#1e3a5f; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(30,58,95,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eMarine\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Turquoise --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#40b5ad; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(64,181,173,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eTurquoise\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Peach Orangée --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#f4a460; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(244,164,96,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003ePeach Orangée\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Vert Mousse --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#8b9d77; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(139,157,119,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eVert Mousse\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c!-- Raisin --\u003e\n \u003cdiv class=\"bo-color-item\" style=\"text-align:center;\"\u003e\n \u003cdiv style=\"width:100%; aspect-ratio:1; background:#6b4c7a; border-radius:12px; margin-bottom:10px; box-shadow:0 4px 12px rgba(107,76,122,.25); border:3px solid #fff; transition:all .3s ease;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size:14px; font-weight:700; color:#2a2a2a;\"\u003eRaisin\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003cdiv style=\"background:linear-gradient(135deg,rgba(212,165,116,.08) 0%,rgba(201,118,90,.08) 100%); padding:16px 20px; border-radius:10px; border-left:3px solid #d4a574;\"\u003e\n \u003cp style=\"margin:0; font-size:14px; line-height:1.6; color:#5a5a5a;\"\u003e\n \u003cstrong style=\"color:#b8956a;\"\u003e✨ Matière velours\u003c\/strong\u003e • Dimensions : \u003cstrong style=\"color:#b8956a;\"\u003e45 x 15 cm\u003c\/strong\u003e • Forme ergonomique avec 4 compartiments pour une répartition optimale de la chaleur\n \u003c\/p\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c!-- Responsive --\u003e\n\u003cstyle\u003e\n@media (max-width: 720px){\n .bo-grid{grid-template-columns:1fr!important; gap:16px 0!important;}\n .bo-colors-grid{grid-template-columns:repeat(2,1fr)!important; gap:12px!important;}\n}\n@media (min-width: 480px) and (max-width: 720px){\n .bo-colors-grid{grid-template-columns:repeat(4,1fr)!important;}\n}\n\/* Effet hover sur vignettes *\/\n.bo-color-item:hover div{\n transform:scale(1.08) translateY(-4px);\n box-shadow:0 8px 24px rgba(0,0,0,.2)!important;\n}\n\u003c\/style\u003e\n\n\u003c!-- FABRICATION --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003cdiv class=\"bo-origin-box\"\u003e\n\u003cdiv class=\"bo-origin-icon\"\u003e🇪🇺\u003c\/div\u003e\n\u003cdiv class=\"bo-origin-content\"\u003e\n\u003ch3\u003eOrigine et fabrication éthique\u003c\/h3\u003e\n\u003cp\u003eNos bouillottes sont \u003cstrong\u003econçues et fabriquées de manière éthique en Europe\u003c\/strong\u003e. Chaque étape du processus de production est rigoureusement contrôlée pour garantir la qualité et la durabilité de nos produits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENTRETIEN --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eConseils d'entretien \u0026amp; sécurité\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bo-care-box\"\u003e\n\u003cdiv class=\"bo-care-section\"\u003e\n\u003ch4\u003e🧼 Entretien\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eLaver la bouillotte avec une éponge humide\u003c\/li\u003e\n\u003cli\u003eNe pas mettre au lave-linge\u003c\/li\u003e\n\u003cli\u003eMatière en velours douce et résistante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bo-care-section\"\u003e\n\u003ch4\u003e⚠️ Sécurité\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eAssurez-vous que la bouillotte ne soit pas trop chaude avant utilisation\u003c\/li\u003e\n\u003cli\u003eÀ employer seulement en présence d'un adulte\u003c\/li\u003e\n\u003cli\u003eAttendre le refroidissement complet avant de réchauffer à nouveau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"bo-section\"\u003e\n\u003cdiv class=\"bo-cta-box\"\u003e\n\u003cdiv class=\"bo-cta-icon\"\u003e💚\u003c\/div\u003e\n\u003cp\u003eOptez pour notre \u003cstrong\u003eBouillotte Micro-Onde Tour De Cou\u003c\/strong\u003e et offrez-vous un \u003cstrong\u003econfort inégalé\u003c\/strong\u003e tout en prenant soin de l'environnement. Améliorez votre quotidien avec ce produit indispensable et profitez de moments de détente privilégiés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========== STYLE PREMIUM BOUILLOTTE ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES BOUILLOTTE === *\/\n:root {\n --bo-cream: #faf8f5;\n --bo-white: #ffffff;\n --bo-warm: #d4a574;\n --bo-warm-dark: #b8956a;\n --bo-terracotta: #c9765a;\n --bo-sand: #e6d5c3;\n --bo-clay: #a87c5f;\n --bo-amber: #d9a366;\n --bo-text: #2a2a2a;\n --bo-text-light: #5a5a5a;\n --bo-border: #e8e4dd;\n --bo-shadow: 0 4px 24px rgba(212, 165, 116, .12);\n --bo-shadow-lg: 0 12px 48px rgba(212, 165, 116, .2);\n --bo-radius: 20px;\n --bo-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bo-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a574 0%, #c9765a 50%, #d9a366 100%);\n border-radius: var(--bo-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(--bo-shadow-lg);\n}\n\n.bo-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.bo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bo-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bo-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(--bo-warm-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.bo-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n margin: 0;\n max-width: 850px;\n margin-left: auto;\n margin-right: auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.bo-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bo-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bo-warm-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.bo-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(--bo-warm), var(--bo-amber));\n border-radius: 2px;\n}\n\n\/* === BENEFITS GRID === *\/\n.bo-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.bo-benefit-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--bo-warm);\n}\n\n.bo-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bo-shadow-lg);\n border-top-color: var(--bo-terracotta);\n}\n\n.bo-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(212, 165, 116, .2));\n}\n\n.bo-benefit-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--bo-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-benefit-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-benefit-card strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n\/* === USAGE TABS === *\/\n.bo-usage-tabs {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .bo-usage-tabs {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.bo-usage-tab {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n overflow: hidden;\n box-shadow: var(--bo-shadow);\n transition: all .3s ease;\n}\n\n.bo-usage-tab:hover {\n transform: translateY(-5px);\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-usage-tab-header {\n background: linear-gradient(135deg, var(--bo-warm) 0%, var(--bo-terracotta) 100%);\n padding: 1.75rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.bo-usage-cold .bo-usage-tab-header {\n background: linear-gradient(135deg, #64a4b8 0%, #4a8a9e 100%);\n}\n\n.bo-usage-tab-icon {\n font-size: 40px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));\n}\n\n.bo-usage-tab-header h3 {\n font-size: 20px;\n font-weight: 800;\n color: white;\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.bo-usage-tab-body {\n padding: 1.75rem;\n}\n\n.bo-usage-method {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--bo-border);\n}\n\n.bo-usage-method:last-of-type {\n border-bottom: none;\n}\n\n.bo-method-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-method-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-method-content p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--bo-text-light);\n margin: 0 0 0.5rem 0;\n}\n\n.bo-method-content p:last-child {\n margin-bottom: 0;\n}\n\n.bo-method-tip {\n font-size: 14px !important;\n color: var(--bo-warm-dark) !important;\n font-style: italic;\n}\n\n.bo-usage-note {\n background: linear-gradient(135deg, rgba(212, 165, 116, .08) 0%, rgba(201, 118, 90, .08) 100%);\n padding: 1rem 1.25rem;\n border-radius: var(--bo-radius-sm);\n font-size: 14px;\n line-height: 1.6;\n color: var(--bo-text);\n margin: 0;\n border-left: 3px solid var(--bo-warm);\n}\n\n\/* === ZONES GRID === *\/\n.bo-zones-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.bo-zone-card {\n background: linear-gradient(135deg, rgba(212, 165, 116, .05) 0%, rgba(217, 163, 102, .05) 100%);\n border: 2px solid var(--bo-border);\n border-radius: var(--bo-radius-sm);\n padding: 1.5rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.bo-zone-card:hover {\n border-color: var(--bo-warm);\n transform: translateY(-4px);\n box-shadow: var(--bo-shadow);\n}\n\n.bo-zone-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-zone-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bo-text);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-zone-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.bo-composition-box {\n display: grid;\n gap: 1.5rem;\n}\n\n.bo-composition-main {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .bo-composition-main {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.bo-ingredient-card {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 1.75rem;\n box-shadow: var(--bo-shadow);\n display: flex;\n gap: 1.25rem;\n transition: all .3s ease;\n border-left: 4px solid var(--bo-warm);\n}\n\n.bo-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--bo-shadow-lg);\n}\n\n.bo-ingredient-icon {\n font-size: 40px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-ingredient-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-ingredient-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-ingredient-content strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n.bo-design-info {\n background: linear-gradient(135deg, var(--bo-warm) 0%, var(--bo-amber) 100%);\n border-radius: var(--bo-radius);\n padding: 2rem 2.5rem;\n display: flex;\n gap: 1.5rem;\n align-items: center;\n box-shadow: var(--bo-shadow);\n}\n\n.bo-design-icon {\n font-size: 52px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));\n}\n\n.bo-design-content h4 {\n font-size: 18px;\n font-weight: 800;\n color: white;\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-design-content p {\n font-size: 15px;\n color: rgba(255,255,255,.95);\n margin: 0 0 0.5rem 0;\n line-height: 1.6;\n}\n\n.bo-design-content p:last-child {\n margin-bottom: 0;\n}\n\n.bo-design-content strong {\n color: white;\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bo-design-info {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === WHY GRID === *\/\n.bo-why-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.bo-why-item {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 1.75rem;\n box-shadow: var(--bo-shadow);\n display: flex;\n gap: 1.5rem;\n transition: all .3s ease;\n border-left: 4px solid var(--bo-warm);\n}\n\n.bo-why-item:hover {\n transform: translateX(8px);\n box-shadow: var(--bo-shadow-lg);\n border-left-color: var(--bo-terracotta);\n}\n\n.bo-why-icon {\n font-size: 42px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 165, 116, .2));\n}\n\n.bo-why-content h3 {\n font-size: 19px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-why-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-why-content strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n\/* === ORIGIN BOX === *\/\n.bo-origin-box {\n background: linear-gradient(135deg, rgba(212, 165, 116, .1) 0%, rgba(217, 163, 102, .1) 100%);\n border: 2px solid var(--bo-warm);\n border-radius: var(--bo-radius);\n padding: 2rem 2.5rem;\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.bo-origin-icon {\n font-size: 64px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(212, 165, 116, .3));\n}\n\n.bo-origin-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-origin-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin: 0;\n}\n\n.bo-origin-content strong {\n color: var(--bo-warm-dark);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .bo-origin-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === CARE BOX === *\/\n.bo-care-box {\n display: grid;\n gap: 1.5rem;\n}\n\n@media (min-width: 768px) {\n .bo-care-box {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n.bo-care-section {\n background: var(--bo-white);\n border-radius: var(--bo-radius);\n padding: 2rem;\n box-shadow: var(--bo-shadow);\n border-left: 4px solid var(--bo-warm);\n}\n\n.bo-care-section h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bo-warm-dark);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.bo-care-section ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.bo-care-section li {\n font-size: 15px;\n line-height: 1.7;\n color: var(--bo-text-light);\n margin-bottom: 0.75rem;\n position: relative;\n padding-left: 1.5rem;\n}\n\n.bo-care-section li:last-child {\n margin-bottom: 0;\n}\n\n.bo-care-section li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--bo-warm);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === CTA BOX === *\/\n.bo-cta-box {\n background: linear-gradient(135deg, var(--bo-warm) 0%, var(--bo-terracotta) 100%);\n border-radius: var(--bo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--bo-shadow-lg);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n}\n\n.bo-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.bo-cta-icon {\n font-size: 72px;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.15));\n position: relative;\n z-index: 1;\n}\n\n.bo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n margin: 0;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n max-width: 800px;\n}\n\n.bo-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bo-benefit-card,\n .bo-usage-tab,\n .bo-zone-card,\n .bo-why-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .bo-benefit-card:nth-child(1),\n .bo-usage-tab:nth-child(1),\n .bo-zone-card:nth-child(1),\n .bo-why-item:nth-child(1) { animation-delay: .1s; }\n \n .bo-benefit-card:nth-child(2),\n .bo-usage-tab:nth-child(2),\n .bo-zone-card:nth-child(2),\n .bo-why-item:nth-child(2) { animation-delay: .2s; }\n \n .bo-benefit-card:nth-child(3),\n .bo-zone-card:nth-child(3),\n .bo-why-item:nth-child(3) { animation-delay: .3s; }\n \n .bo-zone-card:nth-child(4),\n .bo-why-item: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 .bo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bo-premium {\n --bo-warm: #b8956a;\n --bo-warm-dark: #9b7e5c;\n }\n}\n\u003c\/style\u003e","brand":"ECO-CONSEILS","offers":[{"title":"Bordeaux","offer_id":45755225276573,"sku":"BOUILLBDX","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Fuchsia","offer_id":45755225309341,"sku":"BOUILLFUSCHIA","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Grise","offer_id":45755225342109,"sku":"BOUILLGRIS","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Marine","offer_id":45755225374877,"sku":"BOUILLMARINE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Turquoise","offer_id":45755225407645,"sku":"BOUILLTURQUOISE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Peach Orangée","offer_id":45755225440413,"sku":"BOUILLORANGE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Vert Mousse","offer_id":45755225473181,"sku":"BOUILLVERTE","price":25.89,"currency_code":"EUR","in_stock":true},{"title":"Raisin","offer_id":45755225505949,"sku":"BOUILLRAISIN","price":25.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bouillotte-micro-onde-tour-de-cou-8-coloris-au-choix-eco-con-lifestyle.webp?v=1771434937"},{"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":false},{"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":"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":"serum-luminescence-ultimate-bio-15-ml-arc-en-sels","title":"Sérum Luminescence - Ultimate Bio - 15 ml - Arc en Sels","description":"\u003cdiv class=\"lum-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lum-hero\"\u003e\n \u003cdiv class=\"lum-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lum-hero-content\"\u003e\n \u003cdiv class=\"lum-badges-top\"\u003e\n \u003cspan class=\"lum-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"lum-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lum-badge\"\u003e✨ 3 huiles précieuses\u003c\/span\u003e\n \u003cspan class=\"lum-badge\"\u003e🏅 Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lum-hero-title\"\u003eSérum Luminescence Ultimate Bio\u003c\/span\u003e\n \u003cp class=\"lum-subtitle\"\u003eArc en Sels - 15 ml\u003c\/p\u003e\n \u003cp class=\"lum-description\"\u003eUn élixir d'exception associant huile d'argousier, huile de figue de barbarie et huile de moringa pour une action anti-âge profonde et un éclat lumineux retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : Présentation --\u003e\n \u003csection class=\"lum-section\"\u003e\n \u003ch2\u003e✨ Un sérum d'exception pour les peaux en quête d'éclat\u003c\/h2\u003e\n \u003cp class=\"lum-section-intro\"\u003eOffrez à votre peau le soin qu'elle mérite avec le Sérum Luminescence Ultimate Bio d'Arc en Sels. Ce sérum unique et haut de gamme combine les bienfaits de 3 huiles précieuses pour fournir une action anti-âge exceptionnelle et une hydratation profonde.\u003c\/p\u003e\n \u003cdiv class=\"lum-grid\"\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🌟 Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eRedonne vitalité et luminosité aux peaux atones, ternes et fragilisées grâce à un concentré de vitamines A et E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🧬 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eLes omégas présents en très fort pourcentage aident à la régénération cellulaire grâce à des apports nutritionnels importants pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eTexture légère et non grasse qui pénètre rapidement sans laisser de film, pour une peau souple et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eUn composé rare et unique de polyphénols, minéraux et antioxydants pour une réduction visible des signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lum-section-intro\" style=\"margin-top:1.25rem;\"\u003eRésultat : un \u003cstrong\u003eteint éclatant\u003c\/strong\u003e, une \u003cstrong\u003epeau lissée\u003c\/strong\u003e et une réduction visible des \u003cstrong\u003esignes de l'âge\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"lum-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"lum-section-intro\"\u003eUne synergie de 3 huiles végétales bio d'exception, sans aucun additif artificiel, colorant ou parfum de synthèse. Une formulation 100 % naturelle et bio.\u003c\/p\u003e\n \u003cdiv class=\"lum-grid\"\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🍊 Huile d'argousier\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en acides gras essentiels, elle régénère et protège la peau tout en améliorant son élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🌵 Huile de figue de barbarie\u003c\/h3\u003e\n \u003cp\u003eUn puissant antioxydant qui aide à prévenir les signes de l'âge et à raffermir la peau. L'un des ingrédients les plus précieux en cosmétique bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🌿 Huile de moringa\u003c\/h3\u003e\n \u003cp\u003eConnue pour ses propriétés hydratantes et anti-inflammatoires, elle adoucit et calme la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Conseils d'utilisation --\u003e\n \u003csection class=\"lum-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"lum-timeline\"\u003e\n \u003cdiv class=\"lum-timeline-item\"\u003e\n \u003cdiv class=\"lum-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eNettoyez soigneusement votre visage et séchez-le délicatement. Le sérum s'applique de préférence le soir, avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-item\"\u003e\n \u003cdiv class=\"lum-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le sérum\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes du Sérum Luminescence sur le visage et le cou. Une petite quantité suffit grâce à sa haute concentration en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-item\"\u003e\n \u003cdiv class=\"lum-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du centre du visage vers l'extérieur jusqu'à absorption complète. Évitez le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-item\"\u003e\n \u003cdiv class=\"lum-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lum-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003eCe sérum peut être utilisé seul ou avant votre crème de nuit habituelle pour une hydratation supplémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-tip\"\u003e\n \u003cspan class=\"lum-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un résultat optimal, utilisez le sérum quotidiennement. Les premiers résultats visibles apparaissent après quelques semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Origine et fabrication --\u003e\n \u003csection class=\"lum-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"lum-grid-compact\"\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué avec soin en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients 100% issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🏅 Certifié Ecocert\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic, normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lum-card\"\u003e\n \u003ch3\u003e🔬 Qualité contrôlée\u003c\/h3\u003e\n \u003cp\u003eChaque étape de production vérifiée pour une pureté exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lum-section-intro\" style=\"margin-top:1.25rem;\"\u003eLa marque Arc en Sels met un point d'honneur à utiliser des ingrédients issus de l'agriculture biologique et à respecter les normes les plus strictes de qualité et de durabilité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Informations complémentaires --\u003e\n \u003csection class=\"lum-section\"\u003e\n \u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lum-accordion\"\u003e\n \u003cdetails class=\"lum-accordion-item\"\u003e\n \u003csummary class=\"lum-accordion-header\"\u003e📋 Caractéristiques du produit\u003c\/summary\u003e\n \u003cdiv class=\"lum-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 15 ml (0.5 fl.oz.)\u003cbr\u003e\n \u003cstrong\u003eType de peau :\u003c\/strong\u003e Peaux matures, sèches, ternes, atones et déminéralisées\u003cbr\u003e\n \u003cstrong\u003eCertification :\u003c\/strong\u003e Cosmétique Biologique \u0026amp; Éthique - Ecocert Cosmos Organic\u003cbr\u003e\n \u003cstrong\u003eTexture :\u003c\/strong\u003e Huile légère et non grasse à absorption rapide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lum-accordion-item\"\u003e\n \u003csummary class=\"lum-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lum-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement le flacon après chaque utilisation pour préserver la qualité des huiles précieuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lum-accordion-item\"\u003e\n \u003csummary class=\"lum-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lum-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de contact accidentel, rincez abondamment à l'eau claire. 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lum-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lum-cta-box\"\u003e\n \u003cp\u003e✨ Transformez votre rituel de soin quotidien avec ce sérum luxueux et redécouvrez une peau rayonnante de jeunesse et de beauté. Faites confiance à Arc en Sels pour prendre soin de votre peau naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lum-disclaimer\"\u003eCosmétique biologique certifié Ecocert Cosmos Organic. Les résultats peuvent varier selon les types de peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --lum-cream: #faf8f4;\n --lum-white: #ffffff;\n --lum-primary: #1e3a6e;\n --lum-primary-dark: #132850;\n --lum-primary-light: #eef2f8;\n --lum-secondary: #c9a84c;\n --lum-accent: #d4a843;\n --lum-gold: #c9a84c;\n --lum-gold-light: #f5edd4;\n --lum-text: #1a1a1a;\n --lum-text-light: #5a5a5a;\n --lum-border: #e4ddd2;\n --lum-shadow: 0 4px 24px rgba(30, 58, 110, .08);\n --lum-shadow-lg: 0 12px 48px rgba(30, 58, 110, .15);\n --lum-radius: 20px;\n --lum-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lum-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lum-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lum-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lum-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lum-primary) 0%, #264a85 40%, var(--lum-primary-dark) 100%);\n border-radius: var(--lum-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(--lum-shadow-lg);\n}\n\n.lum-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(201, 168, 76, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(201, 168, 76, .1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.lum-hero::before {\n content: '';\n position: absolute;\n top: -2px; left: -2px; right: -2px; bottom: -2px;\n background: linear-gradient(135deg, var(--lum-gold) 0%, transparent 30%, transparent 70%, var(--lum-gold) 100%);\n border-radius: calc(var(--lum-radius) + 2px);\n z-index: -1;\n opacity: .4;\n}\n\n.lum-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lum-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.lum-subtitle {\n font-size: clamp(14px, 2.5vw, 18px);\n color: var(--lum-gold);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .08em;\n text-transform: uppercase;\n}\n\n.lum-description {\n font-size: clamp(14px, 2.2vw, 17px);\n color: rgba(255, 255, 255, .85);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lum-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lum-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(--lum-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.lum-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lum-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lum-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lum-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.lum-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(--lum-primary), var(--lum-gold));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lum-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lum-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.lum-section-intro strong {\n color: var(--lum-primary-dark);\n}\n\n\/* === CARDS === *\/\n.lum-card {\n background: var(--lum-white);\n border-radius: var(--lum-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lum-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lum-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lum-shadow-lg);\n border-color: var(--lum-gold);\n}\n\n.lum-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lum-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lum-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lum-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lum-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lum-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lum-grid-compact .lum-card {\n padding: 1rem;\n}\n\n.lum-grid-compact .lum-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lum-grid-compact .lum-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lum-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lum-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lum-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lum-primary), var(--lum-gold));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(30, 58, 110, .2);\n}\n\n.lum-timeline-content {\n flex: 1;\n background: var(--lum-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lum-radius-sm);\n box-shadow: var(--lum-shadow);\n}\n\n.lum-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lum-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lum-timeline-content p {\n font-size: 14px;\n color: var(--lum-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lum-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lum-gold-light);\n border-radius: var(--lum-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(201, 168, 76, .2);\n}\n\n.lum-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lum-tip p {\n font-size: 14px;\n color: var(--lum-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lum-tip p strong {\n color: var(--lum-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.lum-accordion {\n background: var(--lum-white);\n border-radius: var(--lum-radius);\n box-shadow: var(--lum-shadow);\n overflow: hidden;\n}\n\n.lum-accordion-item {\n border-bottom: 1px solid var(--lum-border);\n margin: 0;\n padding: 0;\n}\n\n.lum-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lum-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lum-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.lum-accordion-header:hover {\n background: var(--lum-primary-light);\n}\n\n.lum-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lum-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lum-gold);\n transition: transform .2s ease;\n}\n\n.lum-accordion-item[open] .lum-accordion-header::after {\n content: '−';\n}\n\n.lum-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lum-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lum-accordion-content p {\n margin: 0;\n}\n\n.lum-accordion-content p strong {\n color: var(--lum-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.lum-cta-box {\n background: linear-gradient(135deg, var(--lum-primary) 0%, var(--lum-primary-dark) 100%);\n border-radius: var(--lum-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lum-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(201, 168, 76, .15) 0%, transparent 60%);\n}\n\n.lum-cta-box p {\n position: relative;\n z-index: 1;\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.lum-disclaimer {\n font-size: 12px;\n color: var(--lum-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 .lum-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lum-card {\n padding: 1.125rem;\n }\n\n .lum-section {\n margin-bottom: 1.75rem;\n }\n\n .lum-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lum-radius-sm);\n }\n\n .lum-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lum-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lum-grid-compact {\n gap: .625rem;\n }\n\n .lum-grid-compact .lum-card {\n padding: .75rem;\n }\n\n .lum-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lum-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lum-timeline-content h3 {\n font-size: 14px;\n }\n\n .lum-timeline-content p {\n font-size: 13px;\n }\n\n .lum-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lum-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lum-tip {\n padding: .875rem 1rem;\n }\n\n .lum-tip-icon {\n font-size: 20px;\n }\n\n .lum-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lum-card {\n animation: lumFadeInUp .5s ease backwards;\n }\n .lum-card:nth-child(1) { animation-delay: .05s; }\n .lum-card:nth-child(2) { animation-delay: .1s; }\n .lum-card:nth-child(3) { animation-delay: .15s; }\n .lum-card:nth-child(4) { animation-delay: .2s; }\n .lum-card:nth-child(5) { animation-delay: .25s; }\n .lum-card:nth-child(6) { animation-delay: .3s; }\n\n .lum-timeline-item {\n animation: lumFadeInUp .5s ease backwards;\n }\n .lum-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lum-timeline-item:nth-child(2) { animation-delay: .1s; }\n .lum-timeline-item:nth-child(3) { animation-delay: .15s; }\n .lum-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes lumFadeInUp {\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 .lum-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":45755295170717,"sku":"ARCLUMIBIO15","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-luminescence-ultimate-bio-15-ml-arc-en-sels-lifestyle_2709ac5b-7407-46ee-8607-289401f4921a.webp?v=1776003760"},{"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":"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":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cailloux_d_ambre_3__11zon.jpg?v=1766137826"},{"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":false}],"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":false},{"title":"200 grammes","offer_id":55720380891513,"sku":"CAILLOUXVANILLE-200","price":30.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carre-ambre-vanille-bourbon-jardindemongrandpere_2_11zon.jpg?v=1765016716"},{"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":false},{"title":"100 grammes","offer_id":55719805845881,"sku":"CAILLOUXAMBLAV-100","price":15.6,"currency_code":"EUR","in_stock":false},{"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":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ses-shadow-lg);\n}\n\n.ses-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ses-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-de-rose-musquee-50ml-comptoir-des-huiles","title":"Huile de Rose Musquée Bio - Revitalisante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Peaux fatiguées \u0026amp; matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée Bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eHuile revitalisante – Visage \u0026amp; corps – 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eComptoir des Huiles – L'élixir précieux qui redonne éclat, souplesse et jeunesse à votre peau, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eL'huile de Rose Musquée Bio : un trésor revitalisant pour votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e véritablement efficace pour redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile à la rose musquée\u003c\/strong\u003e du \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est un soin 100 % naturel et biologique, formulé pour les \u003cstrong\u003epeaux fatiguées et matures\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Oméga-3 \u0026amp; oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels préservés par pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A naturelle\u003c\/h3\u003e\n \u003cp\u003eRétinol végétal pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eProtection contre le stress oxydatif et le vieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Rosa canina\u003c\/h3\u003e\n \u003cp\u003eGraines sélectionnées issues de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de rose musquée pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePrisée dans le monde entier, cette huile précieuse offre des résultats visibles sur tous les types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSa concentration en acides gras polyinsaturés et en rétinol naturel stimule le renouvellement cellulaire. Elle aide à estomper visiblement les \u003cstrong\u003ecicatrices\u003c\/strong\u003e, les \u003cstrong\u003evergetures\u003c\/strong\u003e et les marques laissées par l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eEn nourrissant la peau en profondeur, elle contribue à lisser les ridules et à préserver l'élasticité cutanée. Beaucoup constatent une différence visible après quelques semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Uniformité du teint\u003c\/h3\u003e\n \u003cp\u003eGrâce à la vitamine A, cette huile aide à atténuer les taches pigmentaires et les irrégularités, pour un teint plus lumineux et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement sans laisser de film gras. La peau reste souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🕊️ Apaisement\u003c\/h3\u003e\n \u003cp\u003eParticulièrement douce, elle convient aux peaux sensibles, réactives ou fragilisées par des agressions extérieures (froid, soleil, pollution).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée danger : qu'en est-il vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eRassurez-vous : une huile de rose musquée pure et bio comme celle-ci ne présente pas de danger particulier. Il convient simplement de respecter quelques précautions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil juste après application, car le rétinol naturel peut sensibiliser légèrement la peau aux UV. Si vous avez une peau très grasse ou à tendance acnéique, testez d'abord sur une petite zone. En cas de doute, demandez conseil à votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile revitalisante ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eDéposez 3 à 5 gouttes\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, matin ou soir, pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eLe visage, le cou et le décolleté par mouvements circulaires ascendants pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les zones concernées (vergetures, cicatrices) en massant jusqu'à pénétration complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eBoostez votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la seule ou mélangez-la à votre crème de nuit pour décupler son efficacité régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le soir, quelques gouttes appliquées en sérum avant le coucher permettent à la peau de bénéficier d'une régénération optimale pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\" open\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 INCI\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eRosa Canina Seed Oil*\u003c\/strong\u003e (*ingrédient issu de l'agriculture biologique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🚫 Sans additifs\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eUne formule minimaliste et transparente : \u003cstrong\u003eaucun additif, aucun conservateur, aucun parfum de synthèse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré de 50 ml avec pipette compte-gouttes pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n \u003cp\u003eSélection rigoureuse des graines de rose musquée issues de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction artisanale à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid garantissant la préservation de tous les actifs précieux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Démarche écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballage en verre recyclable, engagement écologique à chaque étape de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Intégrez dès maintenant cette \u003cstrong\u003ehuile de rose musquée bio\u003c\/strong\u003e dans votre routine quotidienne pour un soin naturel, efficace et respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #fdf8f5;\n --rm-white: #ffffff;\n --rm-primary: #d4a0a0;\n --rm-primary-dark: #8b4a5e;\n --rm-primary-light: #f9eff1;\n --rm-secondary: #c9886e;\n --rm-accent: #e8b4b8;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #ecddd8;\n --rm-shadow: 0 4px 24px rgba(139,74,94,.08);\n --rm-shadow-lg: 0 12px 48px rgba(139,74,94,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4a5e 0%, #d4a0a0 50%, #c9886e 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481310749049,"sku":"ROSEMUSQUEECDH","price":15.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-rose-musquee-bio-revitalisante-50ml-comptoir-des-hu-packshothd.webp?v=1774365556"},{"product_id":"huile-de-pepin-de-figue-de-barbarie-anti-age-50ml-comptoir-des-huiles","title":"Huile de Pépins de Figue de Barbarie Bio - Anti-âge 30ml - Comptoir des huiles","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile de pépins de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eÉlixir de jouvence - Visage et corps - 30 ml\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'huile végétale la plus riche en vitamine E au monde, pour une peau visiblement plus lisse, ferme et lumineuse jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de pépins de figue de barbarie bio : L'élixir anti-âge par excellence\u003c\/h2\u003e\n \u003cdiv class=\"fb-testimonial\"\u003e\n \u003cp class=\"fb-testimonial-text\"\u003eConsidérée comme la meilleure huile de pépins de figue de barbarie pour le soin de la peau, cette huile précieuse signée Comptoir des Huiles est un véritable trésor de beauté. 100 % naturelle et certifiée biologique, elle concentre une richesse exceptionnelle en vitamine E (environ 1 000 mg\/kg), en oméga-6 (acide linoléique) et en stérols. Ce trio d'actifs en fait l'alliée idéale des peaux en quête de jeunesse, de fermeté et d'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🏆 Vitamine E\u003c\/h3\u003e\n \u003cp\u003e~1 000 mg\/kg — la teneur la plus élevée de toutes les huiles végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcide linoléique essentiel pour la souplesse et l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Stérols\u003c\/h3\u003e\n \u003cp\u003eProtection et renforcement de la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🌵 Pureté totale\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, 100 % bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de pépins de figue de barbarie\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePourquoi cette huile de pépins de figue de barbarie est-elle si convoitée en cosmétique naturelle ? Tout simplement parce que sa composition est exceptionnellement riche et complète.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eSa teneur record en vitamine E neutralise les radicaux libres responsables du vieillissement prématuré. Rides, ridules et perte de fermeté sont visiblement atténuées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Régénération et réparation\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels stimulent le renouvellement cellulaire. Cicatrices, vergetures et taches brunes s'estompent progressivement, laissant place à un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Hydratation non grasse\u003c\/h3\u003e\n \u003cp\u003eVéritable huile sèche, elle pénètre en quelques secondes sans laisser de film gras. Votre peau reste douce, souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Effet raffermissant\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la production naturelle de collagène, elle redonne du tonus aux peaux matures, fatiguées ou relâchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eSes propriétés anti-inflammatoires calment les peaux sensibles, réactives ou sujettes aux rougeurs, aux coups de soleil ou à l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition : un seul ingrédient, une pureté totale\u003c\/h2\u003e\n \u003cdiv class=\"fb-card\" style=\"text-align:center; max-width:600px; margin:0 auto;\"\u003e\n \u003ch3\u003e🌿 INCI unique\u003c\/h3\u003e\n \u003cp style=\"font-size:clamp(16px,3vw,20px); font-weight:700; color:var(--fb-primary-dark); margin-bottom:.5rem;\"\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issue de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eCette huile bio de pépins de figue de barbarie est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, sans aucun solvant ni raffinage. Ce procédé artisanal préserve l'intégralité des nutriments : pas d'additifs, pas de conservateurs, pas de parfum ajouté. Juste la pureté du pépin de figue de barbarie dans sa forme la plus noble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de pépins de figue de barbarie, voici nos conseils pratiques :\u003c\/p\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et légèrement humide, matin et\/ou soir. Massez délicatement du centre du visage vers l'extérieur en remontant vers les tempes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eContour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte du bout de l'annulaire sur le contour de l'œil pour atténuer les ridules et les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eCou et décolleté\u003c\/h3\u003e\n \u003cp\u003eÉtendez le geste à ces zones souvent oubliées, mais très exposées aux signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre crème de jour ou à votre sérum habituel pour booster leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Conservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toutes les qualités de cette huile précieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de pépins de figue de barbarie biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eChaque lot est rigoureusement tracé et certifié bio par Comptoir des Huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫙 Flacon premium\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pipette pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum — une pureté totale respectueuse de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 Soin incontournable\u003c\/h3\u003e\n \u003cp\u003eL'anti-âge naturel le plus efficace pour les peaux exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le soin anti-âge naturel le plus précieux qui existe.\u003cbr\u003eDécouvrez également tous les \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/bienfaits-figue-de-barbarie\" title=\"les bienfaits de l'huile de figue de barbarie\" style=\"color:#fff;text-decoration:underline;font-weight:700;\"\u003ebienfaits de la figue de barbarie\u003c\/a\u003e sur notre blog.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #fdf8f5;\n --fb-white: #ffffff;\n --fb-primary: #9b5ba5;\n --fb-primary-dark: #6b3a73;\n --fb-primary-light: #f5eef7;\n --fb-secondary: #c47db5;\n --fb-accent: #d4a574;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dce8;\n --fb-shadow: 0 4px 24px rgba(107,58,115,.08);\n --fb-shadow-lg: 0 12px 48px rgba(107,58,115,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6b3a73 0%, #9b5ba5 40%, #c47db5 75%, #d4a574 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,165,116,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-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.fb-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.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n background: var(--fb-primary-light);\n border: 2px solid var(--fb-border);\n}\n\n.fb-card-highlight:hover {\n border-color: var(--fb-primary);\n background: var(--fb-white);\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fb-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.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\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 .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481328869753,"sku":"FIGUEBARBARIECDH","price":33.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepin-de-figue-de-barbarie-bio-anti-age-30ml-comptoir-des-huiles-805401.jpg?v=1741177404"},{"product_id":"diffuseur-de-parfum-solide-en-raphia-jardin-de-mon-grand-pere","title":"Diffuseur de Parfum Solide en Raphia - Carré d'Ambre inclus - Jardin de Mon Grand Père","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Diffuseur de Parfum Solide en Raphia\nPalette détectée:\n - Primaire: #D4A574 (beige doré du raphia naturel)\n - Secondaire: #C8956E (ton chaud boisé)\n - Accent: #E8D5B7 (crème chaleureux)\n - Bois: #B8935F (ton naturel du bambou)\nAmbiance: Artisanal bohème, naturel chaleureux, zen\/wellness, fait-main\nStyle: Lifestyle naturel, décoration d'intérieur slow-living, craft premium\nPréfixe CSS: rdif\n--\u003e\n\u003cdiv class=\"rdif-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"rdif-hero\"\u003e\n\u003cdiv class=\"rdif-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rdif-hero-content\"\u003e\n\u003cdiv class=\"rdif-badges-top\"\u003e\n\u003cspan class=\"rdif-badge\"\u003e🌿 Raphia naturel\u003c\/span\u003e \u003cspan class=\"rdif-badge\"\u003e✨ 80g d'ambre inclus\u003c\/span\u003e \u003cspan class=\"rdif-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rdif-hero-title\"\u003eDiffuseur en raphia tressé\u003c\/span\u003e\n\u003cp class=\"rdif-subtitle\"\u003eL'alliance parfaite entre artisanat et parfumerie d'exception\u003c\/p\u003e\n\u003cp class=\"rdif-description\"\u003eTransformez votre intérieur en havre de bien-être avec ce diffuseur en raphia fait main. Élégant, naturel et prêt à diffuser, il contient déjà 80 grammes de carrés d'ambre pour embaumer votre espace pendant des semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FORMES DISPONIBLES --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eUne forme artisanale unique\u003c\/h2\u003e\n\u003cdiv class=\"rdif-grid\"\u003e\n\u003cdiv class=\"rdif-card rdif-shape-card\"\u003e\n\u003cdiv class=\"rdif-icon\"\u003e🍎\u003c\/div\u003e\n\u003cdiv class=\"rdif-shape-name\"\u003ePomme\u003c\/div\u003e\n\u003cp\u003eForme arrondie et douce, rappelant la nature et les jardins d'antan. Parfaite sur une étagère ou suspendue près d'une fenêtre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TROIS SENTEURS --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eTrois senteurs d'exception\u003c\/h2\u003e\n\u003cdiv class=\"rdif-grid rdif-grid-3\"\u003e\n\u003cdiv class=\"rdif-card rdif-scent-card\"\u003e\n\u003cdiv class=\"rdif-scent-icon\"\u003e🕯️\u003c\/div\u003e\n\u003cdiv class=\"rdif-scent-title\"\u003eAmbre\u003c\/div\u003e\n\u003cp class=\"rdif-scent-desc\"\u003eUn parfum chaud et réconfortant, idéal pour une atmosphère douce et enveloppante. Notes boisées et sucrées.\u003c\/p\u003e\n\u003cspan class=\"rdif-mood\"\u003eAmbiance cocooning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-scent-card\"\u003e\n\u003cdiv class=\"rdif-scent-icon\"\u003e👑\u003c\/div\u003e\n\u003cdiv class=\"rdif-scent-title\"\u003eAmbre impérial\u003c\/div\u003e\n\u003cp class=\"rdif-scent-desc\"\u003eUne version plus intense de l'ambre, parfaite pour créer un espace accueillant et prestigieux. Caractère affirmé.\u003c\/p\u003e\n\u003cspan class=\"rdif-mood\"\u003eAmbiance luxueuse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-scent-card\"\u003e\n\u003cdiv class=\"rdif-scent-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"rdif-scent-title\"\u003eAmbre immortel\u003c\/div\u003e\n\u003cp class=\"rdif-scent-desc\"\u003eUn mélange unique d'ambre et d'immortelle, pour une fragrance florale et subtile. Élégance méditerranéenne.\u003c\/p\u003e\n\u003cspan class=\"rdif-mood\"\u003eAmbiance zen \u0026amp; florale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVANTAGES --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce diffuseur ?\u003c\/h2\u003e\n\u003cdiv class=\"rdif-grid\"\u003e\n\u003cdiv class=\"rdif-card rdif-benefit-card\"\u003e\n\u003cdiv class=\"rdif-benefit-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"rdif-benefit-title\"\u003eFait main avec amour\u003c\/div\u003e\n\u003cp\u003eChaque diffuseur est unique, tressé à la main en raphia naturel par des artisans. Une pièce d'exception qui apporte du caractère à votre déco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-benefit-card\"\u003e\n\u003cdiv class=\"rdif-benefit-icon\"\u003e⏱️\u003c\/div\u003e\n\u003cdiv class=\"rdif-benefit-title\"\u003eDiffusion longue durée\u003c\/div\u003e\n\u003cp\u003eAvec 80 grammes de carrés d'ambre inclus, profitez de plusieurs semaines de parfum continu et équilibré dans toute la pièce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-benefit-card\"\u003e\n\u003cdiv class=\"rdif-benefit-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"rdif-benefit-title\"\u003eRechargeable à l'infini\u003c\/div\u003e\n\u003cp\u003eUne fois les carrés d'ambre épuisés, rechargez simplement votre diffuseur avec de nouveaux carrés. Zéro déchet, plaisir infini.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-benefit-card\"\u003e\n\u003cdiv class=\"rdif-benefit-icon\"\u003e🏡\u003c\/div\u003e\n\u003cdiv class=\"rdif-benefit-title\"\u003ePolyvalent et décoratif\u003c\/div\u003e\n\u003cp\u003eÀ suspendre ou à poser, il s'intègre parfaitement dans tous les styles d'intérieur : bohème, scandinave, naturel, zen...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- UTILISATION --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"rdif-steps\"\u003e\n\u003cdiv class=\"rdif-step\"\u003e\n\u003cdiv class=\"rdif-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rdif-step-content\"\u003e\n\u003cdiv class=\"rdif-step-title\"\u003eDéballez votre diffuseur\u003c\/div\u003e\n\u003cp\u003eSortez le diffuseur de son pochon en tissu. Il contient déjà 80g de carrés d'ambre, prêt à diffuser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-step\"\u003e\n\u003cdiv class=\"rdif-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rdif-step-content\"\u003e\n\u003cdiv class=\"rdif-step-title\"\u003eChoisissez l'emplacement\u003c\/div\u003e\n\u003cp\u003eSuspendez-le à un crochet, une poignée de porte, ou posez-le sur une étagère, une table de chevet, un meuble d'entrée...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-step\"\u003e\n\u003cdiv class=\"rdif-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"rdif-step-content\"\u003e\n\u003cdiv class=\"rdif-step-title\"\u003eProfitez du parfum\u003c\/div\u003e\n\u003cp\u003eLe raphia permet une diffusion douce et naturelle de l'ambre. Pas besoin de flamme ni d'électricité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-step\"\u003e\n\u003cdiv class=\"rdif-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"rdif-step-content\"\u003e\n\u003cdiv class=\"rdif-step-title\"\u003eRechargez au besoin\u003c\/div\u003e\n\u003cp\u003eLorsque le parfum s'estompe, remplacez les carrés d'ambre par de nouveaux pour prolonger l'expérience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- OÙ L'UTILISER --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eOù placer votre diffuseur ?\u003c\/h2\u003e\n\u003cdiv class=\"rdif-grid rdif-grid-3\"\u003e\n\u003cdiv class=\"rdif-card rdif-room-card\"\u003e\n\u003cdiv class=\"rdif-room-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv class=\"rdif-room-name\"\u003eChambre\u003c\/div\u003e\n\u003cp\u003eSuspendu près du lit ou sur la table de chevet pour des nuits parfumées et apaisantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-room-card\"\u003e\n\u003cdiv class=\"rdif-room-icon\"\u003e🚪\u003c\/div\u003e\n\u003cdiv class=\"rdif-room-name\"\u003eEntrée\u003c\/div\u003e\n\u003cp\u003eAccueillez vos invités avec une fragrance chaleureuse dès le seuil de la porte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-room-card\"\u003e\n\u003cdiv class=\"rdif-room-icon\"\u003e🛁\u003c\/div\u003e\n\u003cdiv class=\"rdif-room-name\"\u003eSalle de bain\u003c\/div\u003e\n\u003cp\u003eCréez une ambiance spa naturelle pour vos moments de détente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-room-card\"\u003e\n\u003cdiv class=\"rdif-room-icon\"\u003e📚\u003c\/div\u003e\n\u003cdiv class=\"rdif-room-name\"\u003eBureau\u003c\/div\u003e\n\u003cp\u003eFavorisez la concentration avec une senteur subtile et non agressive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-room-card\"\u003e\n\u003cdiv class=\"rdif-room-icon\"\u003e🛋️\u003c\/div\u003e\n\u003cdiv class=\"rdif-room-name\"\u003eSalon\u003c\/div\u003e\n\u003cp\u003eÉlément déco bohème qui parfume discrètement votre espace de vie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-room-card\"\u003e\n\u003cdiv class=\"rdif-room-icon\"\u003e👕\u003c\/div\u003e\n\u003cdiv class=\"rdif-room-name\"\u003eDressing\u003c\/div\u003e\n\u003cp\u003eParfumez délicatement vos vêtements et textiles suspendus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CARACTÉRISTIQUES --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n\u003cdiv class=\"rdif-grid\"\u003e\n\u003cdiv class=\"rdif-card rdif-feature-card\"\u003e\n\u003cdiv class=\"rdif-feature-label\"\u003eMatière principale\u003c\/div\u003e\n\u003cdiv class=\"rdif-feature-value\"\u003eRaphia 100% naturel tressé à la main\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-feature-card\"\u003e\n\u003cdiv class=\"rdif-feature-label\"\u003eContenu inclus\u003c\/div\u003e\n\u003cdiv class=\"rdif-feature-value\"\u003e80 grammes de carrés d'ambre\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-feature-card\"\u003e\n\u003cdiv class=\"rdif-feature-label\"\u003eDurée de diffusion\u003c\/div\u003e\n\u003cdiv class=\"rdif-feature-value\"\u003ePlusieurs semaines d'utilisation continue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-feature-card\"\u003e\n\u003cdiv class=\"rdif-feature-label\"\u003eForme\u003c\/div\u003e\n\u003cdiv class=\"rdif-feature-value\"\u003ePomme\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-feature-card\"\u003e\n\u003cdiv class=\"rdif-feature-label\"\u003eEmballage\u003c\/div\u003e\n\u003cdiv class=\"rdif-feature-value\"\u003ePochon en tissu élégant\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-feature-card\"\u003e\n\u003cdiv class=\"rdif-feature-label\"\u003eUtilisation\u003c\/div\u003e\n\u003cdiv class=\"rdif-feature-value\"\u003eÀ suspendre ou à poser, rechargeable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IDÉE CADEAU --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eL'idée cadeau parfaite\u003c\/h2\u003e\n\u003cdiv class=\"rdif-gift-box\"\u003e\n\u003cdiv class=\"rdif-gift-icon\"\u003e🎁\u003c\/div\u003e\n\u003cdiv class=\"rdif-gift-content\"\u003e\n\u003cp\u003eOffrez un cadeau unique qui allie décoration, bien-être et artisanat. Livré dans un magnifique pochon en tissu, ce diffuseur en raphia est prêt à offrir.\u003c\/p\u003e\n\u003cp\u003eParfait pour un anniversaire, une pendaison de crémaillère, la fête des mères, ou simplement pour faire plaisir à un être cher qui apprécie les objets authentiques et naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENT QUALITÉ --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003ch2\u003eNotre engagement qualité\u003c\/h2\u003e\n\u003cdiv class=\"rdif-grid rdif-grid-3\"\u003e\n\u003cdiv class=\"rdif-card rdif-commitment-card\"\u003e\n\u003cdiv class=\"rdif-commitment-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"rdif-commitment-title\"\u003e100% naturel\u003c\/div\u003e\n\u003cp\u003eRaphia écologique et carrés d'ambre de qualité supérieure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-commitment-card\"\u003e\n\u003cdiv class=\"rdif-commitment-icon\"\u003e✋\u003c\/div\u003e\n\u003cdiv class=\"rdif-commitment-title\"\u003eFait main\u003c\/div\u003e\n\u003cp\u003eChaque pièce est unique, tissée avec soin par des artisans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rdif-card rdif-commitment-card\"\u003e\n\u003cdiv class=\"rdif-commitment-icon\"\u003e💚\u003c\/div\u003e\n\u003cdiv class=\"rdif-commitment-title\"\u003eÉco-responsable\u003c\/div\u003e\n\u003cp\u003eRechargeable à l'infini, zéro plastique, matériaux renouvelables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RECHARGE --\u003e\n\u003csection class=\"rdif-section\"\u003e\n\u003cdiv class=\"rdif-refill-box\"\u003e\n\u003cdiv class=\"rdif-refill-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"rdif-refill-content\"\u003e\n\u003ch3 class=\"rdif-refill-title\"\u003ePensez aux recharges !\u003c\/h3\u003e\n\u003cp\u003eUne fois vos 80 grammes de carrés d'ambre épuisés, ne jetez pas votre diffuseur ! Commandez simplement de \u003cstrong\u003enouveaux carrés d'ambre\u003c\/strong\u003e et glissez-les dans votre diffuseur en raphia. C'est économique, écologique, et vous continuez à profiter de votre objet déco préféré.\u003c\/p\u003e\n\u003ca rel=\"noopener\" class=\"rdif-refill-link\" href=\"https:\/\/www.naturellement-bio.com\/collections\/carre-ambre\" target=\"_blank\"\u003eDécouvrir les carrés d'ambre →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"rdif-section\"\u003e\n\u003cdiv class=\"rdif-cta-box\"\u003e\n\u003cdiv class=\"rdif-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rdif-cta-content\"\u003e\n\u003cp\u003eTransformez votre maison en sanctuaire de bien-être avec ce diffuseur artisanal qui marie parfum d'exception, artisanat authentique et décoration bohème. Prêt à l'emploi, rechargeable, et tellement élégant qu'il deviendra vite votre objet déco préféré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --rdif-cream: #FAF7F2;\n --rdif-white: #ffffff;\n --rdif-primary: #D4A574;\n --rdif-primary-dark: #B8935F;\n --rdif-primary-light: #E8D5B7;\n --rdif-secondary: #C8956E;\n --rdif-accent: #A67C52;\n\n \/* Textes *\/\n --rdif-text: #1a1a1a;\n --rdif-text-light: #5a5a5a;\n\n \/* Effets *\/\n --rdif-border: #e8e0d5;\n --rdif-shadow: 0 4px 24px rgba(180, 147, 95, .12);\n --rdif-shadow-lg: 0 12px 48px rgba(180, 147, 95, .2);\n --rdif-radius: 20px;\n --rdif-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rdif-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rdif-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rdif-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rdif-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C8956E 50%, #B8935F 100%);\n border-radius: var(--rdif-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(--rdif-shadow-lg);\n}\n\n.rdif-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 20px, rgba(255,255,255,.5) 20px, rgba(255,255,255,.5) 22px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.5) 20px, rgba(255,255,255,.5) 22px);\n}\n\n.rdif-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rdif-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.rdif-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(--rdif-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rdif-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.rdif-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.rdif-subtitle {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 600;\n color: rgba(255,255,255,.95);\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.rdif-description {\n font-size: clamp(15px, 2.5vw, 18px);\n color: rgba(255,255,255,.9);\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.rdif-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rdif-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rdif-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.rdif-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(--rdif-primary), var(--rdif-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.rdif-card {\n background: var(--rdif-white);\n border-radius: var(--rdif-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rdif-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n height: 100%;\n}\n\n.rdif-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rdif-shadow-lg);\n border-color: var(--rdif-primary);\n}\n\n.rdif-card p {\n margin: 0;\n color: var(--rdif-text-light);\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rdif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rdif-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === FORMES === *\/\n.rdif-shape-card {\n text-align: center;\n}\n\n.rdif-icon {\n font-size: 64px;\n margin-bottom: 1rem;\n}\n\n.rdif-shape-name {\n font-size: 24px;\n font-weight: 800;\n color: var(--rdif-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n\/* === SENTEURS === *\/\n.rdif-scent-card {\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rdif-scent-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(--rdif-primary), var(--rdif-secondary));\n}\n\n.rdif-scent-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.rdif-scent-title {\n font-size: 22px;\n font-weight: 800;\n color: var(--rdif-primary-dark);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.rdif-scent-desc {\n margin-bottom: 1rem !important;\n}\n\n.rdif-mood {\n display: inline-block;\n padding: 6px 14px;\n background: var(--rdif-primary-light);\n color: var(--rdif-primary-dark);\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n\/* === AVANTAGES === *\/\n.rdif-benefit-card {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rdif-benefit-icon {\n font-size: 48px;\n}\n\n.rdif-benefit-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--rdif-primary-dark);\n}\n\n\/* === ÉTAPES === *\/\n.rdif-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rdif-step {\n display: flex;\n gap: 1.5rem;\n background: var(--rdif-white);\n border-radius: var(--rdif-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rdif-shadow);\n align-items: flex-start;\n transition: all .3s ease;\n}\n\n.rdif-step:hover {\n transform: translateX(8px);\n box-shadow: var(--rdif-shadow-lg);\n}\n\n.rdif-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--rdif-primary), var(--rdif-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(212, 165, 116, .3);\n}\n\n.rdif-step-content {\n flex: 1;\n}\n\n.rdif-step-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--rdif-primary-dark);\n margin-bottom: 0.5rem;\n display: block;\n}\n\n.rdif-step-content p {\n margin: 0;\n color: var(--rdif-text-light);\n font-size: 15px;\n}\n\n\/* === PIÈCES === *\/\n.rdif-room-card {\n text-align: center;\n}\n\n.rdif-room-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.rdif-room-name {\n font-size: 19px;\n font-weight: 800;\n color: var(--rdif-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n\/* === CARACTÉRISTIQUES === *\/\n.rdif-feature-card {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n border-left: 4px solid var(--rdif-primary);\n}\n\n.rdif-feature-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--rdif-text-light);\n}\n\n.rdif-feature-value {\n font-size: 17px;\n font-weight: 700;\n color: var(--rdif-text);\n}\n\n\/* === CADEAU === *\/\n.rdif-gift-box {\n background: linear-gradient(135deg, var(--rdif-primary-light) 0%, var(--rdif-white) 100%);\n border-radius: var(--rdif-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n align-items: center;\n box-shadow: var(--rdif-shadow);\n border: 2px solid var(--rdif-primary);\n}\n\n.rdif-gift-icon {\n font-size: 80px;\n flex-shrink: 0;\n}\n\n.rdif-gift-content p {\n margin: 0 0 1rem 0;\n color: var(--rdif-text);\n font-size: 16px;\n line-height: 1.7;\n}\n\n.rdif-gift-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === ENGAGEMENT === *\/\n.rdif-commitment-card {\n text-align: center;\n border-top: 4px solid var(--rdif-primary);\n}\n\n.rdif-commitment-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.rdif-commitment-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--rdif-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n\/* === RECHARGE === *\/\n.rdif-refill-box {\n background: var(--rdif-white);\n border-radius: var(--rdif-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rdif-shadow);\n border: 3px dashed var(--rdif-primary);\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.rdif-refill-icon {\n font-size: 80px;\n flex-shrink: 0;\n}\n\n.rdif-refill-content {\n flex: 1;\n}\n\n.rdif-refill-title {\n font-size: 24px;\n font-weight: 900;\n color: var(--rdif-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.rdif-refill-content p {\n margin: 0 0 1.5rem 0;\n color: var(--rdif-text);\n font-size: 16px;\n line-height: 1.7;\n}\n\n.rdif-refill-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 24px;\n background: linear-gradient(135deg, var(--rdif-primary), var(--rdif-secondary));\n color: white;\n font-weight: 700;\n font-size: 15px;\n border-radius: 999px;\n text-decoration: none;\n box-shadow: 0 4px 16px rgba(212, 165, 116, .3);\n transition: all .3s ease;\n}\n\n.rdif-refill-link:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(212, 165, 116, .4);\n}\n\n\/* === CTA FINAL === *\/\n.rdif-cta-box {\n background: linear-gradient(135deg, var(--rdif-primary) 0%, var(--rdif-primary-dark) 100%);\n border-radius: var(--rdif-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rdif-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .1;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 15px, white 15px, white 17px),\n repeating-linear-gradient(-45deg, transparent, transparent 15px, white 15px, white 17px);\n}\n\n.rdif-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rdif-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}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rdif-grid,\n .rdif-grid-3 {\n grid-template-columns: 1fr;\n }\n\n .rdif-gift-box,\n .rdif-refill-box {\n flex-direction: column;\n text-align: center;\n }\n\n .rdif-step {\n flex-direction: column;\n text-align: center;\n }\n\n .rdif-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rdif-card {\n animation: fadeInUp .6s ease backwards;\n }\n .rdif-card:nth-child(1) { animation-delay: .1s; }\n .rdif-card:nth-child(2) { animation-delay: .2s; }\n .rdif-card:nth-child(3) { animation-delay: .3s; }\n .rdif-card:nth-child(4) { animation-delay: .4s; }\n .rdif-card:nth-child(5) { animation-delay: .5s; }\n .rdif-card:nth-child(6) { animation-delay: .6s; }\n \n .rdif-step {\n animation: fadeInRight .6s ease backwards;\n }\n .rdif-step:nth-child(1) { animation-delay: .1s; }\n .rdif-step:nth-child(2) { animation-delay: .2s; }\n .rdif-step:nth-child(3) { animation-delay: .3s; }\n .rdif-step: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@keyframes fadeInRight {\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 .rdif-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rdif-card {\n border-color: var(--rdif-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Pomme \/ Ambre","offer_id":53497824379257,"sku":"POMMEAMBRE","price":35.99,"currency_code":"EUR","in_stock":true},{"title":"Pomme \/ Ambre Impérial","offer_id":53497824412025,"sku":"POMMEAMBIMPERIAL","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/diffuseur-rotin-jardin-demon-grand-pere_3.jpg?v=1764932206"},{"product_id":"bruleur-dhuiles-essentielles-en-ceramique-fait-main-style-moderne","title":"Brûleur de Cire \u0026 Diffuseur Huiles Essentielles en Céramique – Minimaliste","description":"\u003cdiv class=\"bc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bc-hero\"\u003e\n \u003cdiv class=\"bc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bc-hero-content\"\u003e\n \u003cdiv class=\"bc-badges-top\"\u003e\n \u003cspan class=\"bc-badge\"\u003e🕯️ Diffusion naturelle\u003c\/span\u003e\n \u003cspan class=\"bc-badge\"\u003e🎨 Céramique mouchetée\u003c\/span\u003e\n \u003cspan class=\"bc-badge\"\u003e🌿 Sans électricité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bc-hero-title\"\u003eBrûleur de cire \u0026amp; diffuseur huiles essentielles en céramique\u003c\/span\u003e\n \u003cp class=\"bc-subtitle\"\u003eDesign minimaliste • Forme organique sculptée\u003c\/p\u003e\n \u003cp class=\"bc-description\"\u003eUn objet d'exception alliant l'élégance du galet sculpté à la puissance d'une diffusion douce et naturelle. Céramique mouchetée, lignes épurées, ambiance zen instantanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eUn diffuseur d'huiles essentielles en céramique au design épuré\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eVous cherchez un diffuseur d'huiles essentielles qui allie élégance et simplicité ? Ce brûleur en céramique au style minimaliste a été pensé pour sublimer votre intérieur tout en vous offrant une diffusion douce et naturelle de vos arômes préférés.\u003c\/p\u003e\n \u003cdiv class=\"bc-grid-compact\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🪨 Forme organique\u003c\/h3\u003e\n \u003cp\u003eLégèrement sculpté comme un galet, il offre un charme unique et apaisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e✨ Finition mouchetée\u003c\/h3\u003e\n \u003cp\u003eDes micro-points naturels pour un rendu artisanal et texturé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🏠 Style universel\u003c\/h3\u003e\n \u003cp\u003eS'intègre dans un salon scandinave, bohème ou contemporain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🕊️ Diffusion douce\u003c\/h3\u003e\n \u003cp\u003eLibère vos arômes préférés de manière progressive et délicate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce brûleur en céramique ?\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eContrairement aux diffuseurs électriques, ce diffuseur fonctionne sans pile ni câble. Il utilise simplement la chaleur d'une bougie chauffe-plat pour libérer progressivement les molécules aromatiques. La montée en température reste douce et contrôlée, respectant ainsi la structure de vos huiles essentielles.\u003c\/p\u003e\n \u003cdiv class=\"bc-grid\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e♻️ Céramique robuste et écologique\u003c\/h3\u003e\n \u003cp\u003eUn matériau durable, résistant à la chaleur et facile à entretenir. Aucun plastique, aucun composant électronique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e💨 Design ajouré intelligent\u003c\/h3\u003e\n \u003cp\u003eL'ouverture centrale favorise une circulation d'air optimale pour une diffusion homogène des arômes dans toute la pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e📐 Format compact\u003c\/h3\u003e\n \u003cp\u003eDiscret sur une table basse, une étagère ou une table de chevet, il se fait aussi bel objet décoratif quand il n'est pas utilisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🔄 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eCompatible avec toutes les huiles essentielles, les fondants parfumés, les \u003ca rel=\"noopener\" title=\"carrés d'ambre\" href=\"https:\/\/www.naturellement-bio.com\/collections\/carre-ambre\" target=\"_blank\"\u003ecarrés d'ambre\u003c\/a\u003e ou encore les cires parfumées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🤫 Sans bruit, sans électricité\u003c\/h3\u003e\n \u003cp\u003eParfait pour vos moments de calme, de méditation ou de lecture. Zéro nuisance sonore, zéro câble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eComment utiliser votre diffuseur d'huiles essentielles ?\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eL'utilisation de ce brûleur est très simple, même si vous débutez en aromathérapie :\u003c\/p\u003e\n \u003cdiv class=\"bc-timeline\"\u003e\n \u003cdiv class=\"bc-timeline-item\"\u003e\n \u003cdiv class=\"bc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-content\"\u003e\n \u003ch3\u003ePréparez le réceptacle\u003c\/h3\u003e\n \u003cp\u003eVersez un peu d'eau dans le réceptacle supérieur, puis ajoutez \u003cstrong\u003e5 à 10 gouttes\u003c\/strong\u003e de l'huile essentielle de votre choix. Vous pouvez aussi y déposer directement un fondant ou un carré de cire parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-item\"\u003e\n \u003cdiv class=\"bc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-content\"\u003e\n \u003ch3\u003eAllumez la bougie\u003c\/h3\u003e\n \u003cp\u003ePlacez une bougie chauffe-plat dans l'espace inférieur du brûleur et allumez-la. La flamme est protégée par la forme enveloppante de la céramique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-item\"\u003e\n \u003cdiv class=\"bc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-content\"\u003e\n \u003ch3\u003eProfitez de la diffusion\u003c\/h3\u003e\n \u003cp\u003eEn quelques minutes, les arômes se libèrent délicatement et embaument votre pièce d'un parfum enveloppant et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-tip\"\u003e\n \u003cspan class=\"bc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour une ambiance relaxante le soir, essayez la lavande vraie ou le petit grain bigarade. Pour purifier l'air, tournez-vous vers l'eucalyptus radié ou le tea tree. Le mélange est infini selon vos envies et vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eEntretien et précautions\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eAprès chaque utilisation, laissez le diffuseur refroidir complètement. Nettoyez le réceptacle supérieur avec un chiffon humide et un peu de savon doux. Si des résidus de cire persistent, versez-y de l'eau chaude pour les ramollir avant de les retirer délicatement.\u003c\/p\u003e\n \u003cdiv class=\"bc-accordion\"\u003e\n \u003cdetails class=\"bc-accordion-item\"\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e🧹 Nettoyage du réceptacle\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisez un chiffon humide et un peu de savon doux après chaque utilisation. Pour les résidus de cire tenaces, versez de l'eau chaude dans le réceptacle pour les ramollir, puis retirez-les délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bc-accordion-item\"\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e🔥 Surface et stabilité\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003ePlacez toujours le brûleur sur une \u003cstrong\u003esurface stable et résistante à la chaleur\u003c\/strong\u003e. Évitez les surfaces en bois non protégées ou les textiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bc-accordion-item\"\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e👁️ Surveillance\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe laissez jamais le brûleur sans surveillance lorsqu'une bougie est allumée. Éteignez toujours la flamme avant de quitter la pièce ou de vous endormir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bc-accordion-item\"\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e👶 Enfants et animaux\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le brûleur hors de portée des enfants et des animaux domestiques. La céramique chaude et la flamme présentent un risque de brûlure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce diffuseur ?\u003c\/h2\u003e\n \u003cdiv class=\"bc-grid\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🧘 Amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eQue vous pratiquiez l'aromathérapie régulièrement ou que vous aimiez simplement créer une atmosphère apaisante, ce diffuseur deviendra un indispensable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eParfumez votre maison sans recourir à des sprays chimiques ou des bougies industrielles. Une alternative saine et écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🎁 Idée cadeau raffinée\u003c\/h3\u003e\n \u003cp\u003eUn cadeau original et élégant pour un proche sensible au bien-être et à la décoration naturelle. Un objet qui se remarque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cta-box\"\u003e\n \u003cp\u003e🕯️ Créez une atmosphère chaleureuse et apaisante chez vous dès aujourd'hui. Diffusion naturelle, design minimaliste, sérénité absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bc-disclaimer\"\u003eCe produit est un accessoire de bien-être et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bc-cream: #f7f5f2;\n --bc-white: #ffffff;\n --bc-primary: #a69888;\n --bc-primary-dark: #6b5d50;\n --bc-primary-light: #f0ece7;\n --bc-secondary: #c4b5a4;\n --bc-accent: #d4c5b3;\n --bc-text: #1a1a1a;\n --bc-text-light: #5a5a5a;\n --bc-border: #e8e2db;\n --bc-shadow: 0 4px 24px rgba(107,93,80,.08);\n --bc-shadow-lg: 0 12px 48px rgba(107,93,80,.15);\n --bc-radius: 20px;\n --bc-radius-sm: 12px;\n}\n\n.bc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bc-hero {\n position: relative;\n background: linear-gradient(135deg, #6b5d50 0%, #a69888 50%, #c4b5a4 100%);\n border-radius: var(--bc-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(--bc-shadow-lg);\n}\n\n.bc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 1px, transparent 1px),\n radial-gradient(circle at 60% 70%, rgba(255,255,255,.1) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.08) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 50px 50px, 70px 70px;\n opacity: .4;\n}\n\n.bc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bc-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 font-size: clamp(28px, 7vw, 52px);\n}\n\n.bc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bc-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(--bc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.bc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bc-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.bc-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(--bc-primary), var(--bc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bc-card {\n background: var(--bc-white);\n border-radius: var(--bc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bc-shadow-lg);\n border-color: var(--bc-primary);\n}\n\n.bc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bc-text-light);\n margin: 0;\n line-height: 1.6;\n font-size: clamp(13px, 2vw, 15px);\n}\n\n.bc-card a {\n color: var(--bc-primary-dark);\n text-decoration: underline;\n text-decoration-color: var(--bc-secondary);\n text-underline-offset: 3px;\n transition: color .2s ease;\n}\n\n.bc-card a:hover {\n color: var(--bc-primary);\n}\n\n\/* === GRILLES === *\/\n.bc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bc-grid-compact .bc-card {\n padding: 1rem;\n}\n\n.bc-grid-compact .bc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bc-grid-compact .bc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bc-primary), var(--bc-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.bc-timeline-content {\n flex: 1;\n background: var(--bc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bc-radius-sm);\n box-shadow: var(--bc-shadow);\n}\n\n.bc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bc-timeline-content p {\n font-size: 14px;\n color: var(--bc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.bc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bc-primary-light);\n border-radius: var(--bc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bc-tip p {\n font-size: 14px;\n color: var(--bc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.bc-testimonial {\n background: var(--bc-white);\n border-radius: var(--bc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bc-shadow);\n border-left: 4px solid var(--bc-primary);\n}\n\n.bc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bc-accordion {\n background: var(--bc-white);\n border-radius: var(--bc-radius);\n box-shadow: var(--bc-shadow);\n overflow: hidden;\n}\n\n.bc-accordion-item {\n border-bottom: 1px solid var(--bc-border);\n margin: 0;\n padding: 0;\n}\n\n.bc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bc-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.bc-accordion-header:hover {\n background: var(--bc-primary-light);\n}\n\n.bc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bc-primary);\n transition: transform .2s ease;\n}\n\n.bc-accordion-item[open] .bc-accordion-header::after {\n content: '−';\n}\n\n.bc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n font-size: 14px;\n}\n\n.bc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.bc-cta-box {\n background: linear-gradient(135deg, var(--bc-primary) 0%, var(--bc-primary-dark) 100%);\n border-radius: var(--bc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.bc-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.bc-disclaimer {\n font-size: 12px;\n color: var(--bc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bc-card {\n padding: 1.125rem;\n }\n\n .bc-section {\n margin-bottom: 1.75rem;\n }\n\n .bc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bc-radius-sm);\n }\n\n .bc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bc-grid-compact {\n gap: .625rem;\n }\n\n .bc-grid-compact .bc-card {\n padding: .75rem;\n }\n\n .bc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bc-timeline-content h3 {\n font-size: 14px;\n }\n\n .bc-timeline-content p {\n font-size: 13px;\n }\n\n .bc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bc-testimonial {\n padding: 1.25rem;\n }\n\n .bc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bc-card {\n animation: bcFadeInUp .5s ease backwards;\n }\n .bc-card:nth-child(1) { animation-delay: .05s; }\n .bc-card:nth-child(2) { animation-delay: .1s; }\n .bc-card:nth-child(3) { animation-delay: .15s; }\n .bc-card:nth-child(4) { animation-delay: .2s; }\n .bc-card:nth-child(5) { animation-delay: .25s; }\n .bc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bcFadeInUp {\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 .bc-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":54800019227001,"sku":"BRULOIRCERAMINIQUEMINIMALISTE","price":9.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bruleur-de-cire-diffuseur-huiles-essentielles-en-ceramique-m-lifestyle_563cdf74-ca00-4dec-ad3a-ea224c557a38.webp?v=1772728514"},{"product_id":"brule-parfum-metal-dore-ceramique-filaire-moderne","title":"Bruleur carré fondant ou Diffuseur Huiles Essentielles - Métal \u0026 Céramique - Doré","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brûleur d'huiles essentielles géométrique doré\nPalette détectée:\n - Primaire: #D4AF37 (or doré luxueux du support métallique)\n - Secondaire: #1A1A1A (noir profond des textiles et fond)\n - Accent: #F5F5F5 (blanc céramique pur)\n - Complémentaire: #8B7355 (beige\/taupe des tissus)\nAmbiance: Luxe minimaliste, zen spa premium, géométrie sacrée, élégance intemporelle\nStyle: Design contemporain haut de gamme avec touche spirituelle\/bien-être\nPréfixe CSS: bd (burner diffuser)\n--\u003e\n\n\u003cdiv class=\"bd-premium\"\u003e\n \u003cdiv class=\"bd-hero\"\u003e\n \u003cdiv class=\"bd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bd-hero-content\"\u003e\n \u003cdiv class=\"bd-badges-top\"\u003e\n \u003cspan class=\"bd-badge\"\u003e✨ Design géométrique luxe\u003c\/span\u003e\n \u003cspan class=\"bd-badge\"\u003e🕯️ Multifonction 3 en 1\u003c\/span\u003e\n \u003cspan class=\"bd-badge\"\u003e🏺 Céramique \u0026amp; métal doré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bd-hero-title\"\u003eBrûleur d'ambiance géométrique\u003c\/span\u003e\n \u003cp class=\"bd-subtitle\"\u003eL'alliance parfaite entre design contemporain et bien-être aromatique\u003c\/p\u003e\n \u003cp class=\"bd-description\"\u003eTransformez votre intérieur en un sanctuaire de sérénité avec ce diffuseur au design architectural unique. Sa structure géométrique dorée et sa coupelle en céramique blanche créent une pièce décorative exceptionnelle qui sublime vos rituels de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eUn design qui inspire la contemplation\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid bd-grid-2\"\u003e\n \u003cdiv class=\"bd-card bd-card-highlight\"\u003e\n \u003cdiv class=\"bd-card-icon\"\u003e🔆\u003c\/div\u003e\n \u003cdiv class=\"bd-card-title\"\u003eStructure géométrique sacrée\u003c\/div\u003e\n \u003cp\u003eInspiré des formes de la géométrie sacrée, ce brûleur incarne l'équilibre parfait entre art et fonctionnalité. Chaque ligne dorée crée un jeu d'ombres fascinant à la lueur de la bougie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card bd-card-highlight\"\u003e\n \u003cdiv class=\"bd-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"bd-card-title\"\u003eFinition dorée premium\u003c\/div\u003e\n \u003cp\u003eLe métal doré apporte une touche de luxe intemporel qui s'intègre harmonieusement dans tous les styles d'intérieur, du moderne au bohème chic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eTrois utilisations en un seul objet\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid bd-grid-3\"\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003cdiv class=\"bd-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bd-card-title\"\u003eDiffuseur d'huiles essentielles\u003c\/div\u003e\n \u003cp\u003eVersez quelques gouttes d'eau mélangées à vos huiles essentielles préférées dans la coupelle. La chaleur douce de la bougie diffuse un parfum délicat et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003cdiv class=\"bd-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bd-card-title\"\u003eBrûleur de parfums solides\u003c\/div\u003e\n \u003cp\u003eFaites fondre vos \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/carre-ambre\" class=\"bd-link\"\u003ecarrés de parfum solide à l'ambre\u003c\/a\u003e pour une expérience olfactive intense et durable qui embaume toute la pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-card\"\u003e\n \u003cdiv class=\"bd-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bd-card-title\"\u003eChauffe-cire aromatique\u003c\/div\u003e\n \u003cp\u003eUtilisez avec des cires parfumées pour créer une ambiance chaleureuse et parfumée qui se prolonge pendant des heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eLes atouts d'un accessoire d'exception\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid bd-grid-2\"\u003e\n \u003cdiv class=\"bd-feature-card\"\u003e\n \u003cdiv class=\"bd-feature-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv class=\"bd-feature-content\"\u003e\n \u003cdiv class=\"bd-feature-title\"\u003eMatériaux nobles et durables\u003c\/div\u003e\n \u003cp\u003eCéramique blanche de haute qualité pour une diffusion optimale de la chaleur, associée à un support en métal doré résistant à la corrosion et aux variations de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-feature-card\"\u003e\n \u003cdiv class=\"bd-feature-icon\"\u003e📐\u003c\/div\u003e\n \u003cdiv class=\"bd-feature-content\"\u003e\n \u003cdiv class=\"bd-feature-title\"\u003eDimensions parfaitement étudiées\u003c\/div\u003e\n \u003cp\u003eHauteur : 6 cm - Largeur : 13,8 cm - Coupelle : Ø 10,3 cm. Des proportions idéales pour les petits espaces tout en restant un élément décoratif remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-feature-card\"\u003e\n \u003cdiv class=\"bd-feature-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"bd-feature-content\"\u003e\n \u003cdiv class=\"bd-feature-title\"\u003eSécurité et stabilité\u003c\/div\u003e\n \u003cp\u003eBase large et structure solide pour une parfaite stabilité. La coupelle amovible facilite le nettoyage et garantit une utilisation en toute sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-feature-card\"\u003e\n \u003cdiv class=\"bd-feature-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"bd-feature-content\"\u003e\n \u003cdiv class=\"bd-feature-title\"\u003eEntretien simplifié\u003c\/div\u003e\n \u003cp\u003eNettoyage rapide après chaque utilisation : la céramique se nettoie d'un simple coup d'éponge et le métal garde son éclat avec un chiffon doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eMode d'utilisation pour une expérience optimale\u003c\/h2\u003e\n \u003cdiv class=\"bd-steps\"\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003cdiv class=\"bd-step-title\"\u003ePréparez votre diffuseur\u003c\/div\u003e\n \u003cp\u003ePlacez le brûleur sur une surface plane et stable, à l'abri des courants d'air et hors de portée des enfants et animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003cdiv class=\"bd-step-title\"\u003eInstallez votre bougie chauffe-plat\u003c\/div\u003e\n \u003cp\u003eDéposez une bougie chauffe-plat au centre de la structure géométrique, sous la coupelle en céramique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003cdiv class=\"bd-step-title\"\u003eAjoutez votre parfum\u003c\/div\u003e\n \u003cp\u003eVersez de l'eau avec quelques gouttes d'huiles essentielles, ou placez directement votre cire ou parfum solide dans la coupelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-step\"\u003e\n \u003cdiv class=\"bd-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bd-step-content\"\u003e\n \u003cdiv class=\"bd-step-title\"\u003eAllumez et profitez\u003c\/div\u003e\n \u003cp\u003eAllumez la bougie et laissez la magie opérer. Le parfum se diffusera progressivement pour créer une atmosphère apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eCréez votre ambiance personnalisée\u003c\/h2\u003e\n \u003cdiv class=\"bd-grid bd-grid-3\"\u003e\n \u003cdiv class=\"bd-mood-card\"\u003e\n \u003cdiv class=\"bd-mood-icon\"\u003e🌙\u003c\/div\u003e\n \u003cdiv class=\"bd-mood-title\"\u003eRituel du soir\u003c\/div\u003e\n \u003cp\u003eLavande et camomille pour une ambiance relaxante avant le coucher, favorisant un sommeil réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-mood-card\"\u003e\n \u003cdiv class=\"bd-mood-icon\"\u003e☀️\u003c\/div\u003e\n \u003cdiv class=\"bd-mood-title\"\u003eÉnergie matinale\u003c\/div\u003e\n \u003cp\u003eAgrumes et menthe poivrée pour démarrer la journée avec vitalité et clarté d'esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-mood-card\"\u003e\n \u003cdiv class=\"bd-mood-icon\"\u003e🧘\u003c\/div\u003e\n \u003cdiv class=\"bd-mood-title\"\u003eMéditation zen\u003c\/div\u003e\n \u003cp\u003eEncens, bois de santal ou ambre pour accompagner vos sessions de yoga et méditation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-mood-card\"\u003e\n \u003cdiv class=\"bd-mood-icon\"\u003e🏡\u003c\/div\u003e\n \u003cdiv class=\"bd-mood-title\"\u003eCocooning hivernal\u003c\/div\u003e\n \u003cp\u003eCannelle, vanille et épices douces pour une atmosphère chaleureuse et réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-mood-card\"\u003e\n \u003cdiv class=\"bd-mood-icon\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"bd-mood-title\"\u003eFocus travail\u003c\/div\u003e\n \u003cp\u003eRomarin et eucalyptus pour stimuler la concentration et la productivité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-mood-card\"\u003e\n \u003cdiv class=\"bd-mood-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"bd-mood-title\"\u003eFraîcheur printanière\u003c\/div\u003e\n \u003cp\u003eFleurs blanches et notes légères pour purifier l'air et créer une ambiance aérienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eUn cadeau qui fait sensation\u003c\/h2\u003e\n \u003cdiv class=\"bd-gift-box\"\u003e\n \u003cdiv class=\"bd-gift-content\"\u003e\n \u003cdiv class=\"bd-gift-icon\"\u003e🎁\u003c\/div\u003e\n \u003cdiv class=\"bd-gift-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eL'idée cadeau parfaite\u003c\/strong\u003e pour les amateurs de décoration raffinée et de bien-être naturel. Ce brûleur élégant ravira tous les passionnés d'aromathérapie, de yoga, de méditation ou simplement ceux qui apprécient les belles choses.\u003c\/p\u003e\n \u003cp\u003eParfait pour une pendaison de crémaillère, un anniversaire, Noël, ou pour se faire plaisir et transformer son chez-soi en havre de paix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce brûleur géométrique\u003c\/h2\u003e\n \u003cdiv class=\"bd-why-grid\"\u003e\n \u003cdiv class=\"bd-why-card\"\u003e\n \u003cdiv class=\"bd-check\"\u003e✓\u003c\/div\u003e\n \u003cp\u003eDesign architectural unique qui devient une pièce maîtresse de votre décoration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-why-card\"\u003e\n \u003cdiv class=\"bd-check\"\u003e✓\u003c\/div\u003e\n \u003cp\u003ePolyvalence exceptionnelle : 3 utilisations pour un seul accessoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-why-card\"\u003e\n \u003cdiv class=\"bd-check\"\u003e✓\u003c\/div\u003e\n \u003cp\u003eMatériaux nobles et durables : céramique premium et métal doré inoxydable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-why-card\"\u003e\n \u003cdiv class=\"bd-check\"\u003e✓\u003c\/div\u003e\n \u003cp\u003eJeu de lumière fascinant créé par la structure géométrique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-why-card\"\u003e\n \u003cdiv class=\"bd-check\"\u003e✓\u003c\/div\u003e\n \u003cp\u003eFormat compact parfait pour tous les espaces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-why-card\"\u003e\n \u003cdiv class=\"bd-check\"\u003e✓\u003c\/div\u003e\n \u003cp\u003eEntretien facile et rapide entre chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"bd-safety-box\"\u003e\n \u003cdiv class=\"bd-safety-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"bd-safety-content\"\u003e\n \u003cul class=\"bd-safety-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eNe jamais laisser sans surveillance\u003c\/strong\u003e une flamme allumée\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlacer sur une surface stable\u003c\/strong\u003e et résistante à la chaleur\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTenir hors de portée\u003c\/strong\u003e des enfants et des animaux domestiques\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eÉviter les courants d'air\u003c\/strong\u003e qui pourraient faire vaciller la flamme\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLaisser refroidir complètement\u003c\/strong\u003e avant manipulation ou nettoyage\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNe pas remplir la coupelle à ras bord\u003c\/strong\u003e pour éviter les débordements\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eUtiliser uniquement des bougies chauffe-plat\u003c\/strong\u003e adaptées\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVérifier régulièrement\u003c\/strong\u003e la stabilité de l'ensemble\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"bd-specs-grid\"\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eHauteur totale\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003e6 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eLargeur structure\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003e13,8 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eDiamètre coupelle\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003e10,3 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eProfondeur coupelle\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003e2,3 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eMatériau structure\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003eMétal doré\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eMatériau coupelle\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003eCéramique blanche\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eFinition\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003eDoré brillant\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bd-spec-card\"\u003e\n \u003cdiv class=\"bd-spec-label\"\u003eStyle\u003c\/div\u003e\n \u003cdiv class=\"bd-spec-value\"\u003eContemporain luxe\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bd-cta-box\"\u003e\n \u003cdiv class=\"bd-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bd-cta-content\"\u003e\n \u003cp class=\"bd-cta-title\"\u003eTransformez votre intérieur en sanctuaire de bien-être\u003c\/p\u003e\n \u003cp\u003eOffrez-vous ce brûleur d'exception qui allie design architectural et aromathérapie pour créer l'atmosphère parfaite, moment après moment. Un investissement dans votre bien-être quotidien et une pièce décorative qui ne cessera jamais de vous émerveiller.\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 --bd-cream: #FAF9F7;\n --bd-white: #ffffff;\n --bd-gold: #D4AF37;\n --bd-gold-dark: #B8941F;\n --bd-gold-light: #F5EDD6;\n --bd-black: #1A1A1A;\n --bd-taupe: #8B7355;\n --bd-accent: #C9A96E;\n\n \/* Textes *\/\n --bd-text: #1a1a1a;\n --bd-text-light: #5a5a5a;\n\n \/* Effets *\/\n --bd-border: #e8e3db;\n --bd-shadow: 0 4px 24px rgba(26, 26, 26, .08);\n --bd-shadow-lg: 0 12px 48px rgba(26, 26, 26, .15);\n --bd-shadow-gold: 0 8px 32px rgba(212, 175, 55, .25);\n --bd-radius: 20px;\n --bd-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bd-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bd-black) 0%, #2a2a2a 50%, var(--bd-taupe) 100%);\n border-radius: var(--bd-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(--bd-shadow-lg);\n}\n\n.bd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, var(--bd-gold) 35px, var(--bd-gold) 36px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, var(--bd-gold) 35px, var(--bd-gold) 36px);\n}\n\n.bd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.bd-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(--bd-black);\n box-shadow: var(--bd-shadow-gold);\n transition: all .3s ease;\n}\n\n.bd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(212, 175, 55, .4);\n}\n\n.bd-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,.3);\n}\n\n.bd-subtitle {\n color: var(--bd-gold);\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.bd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bd-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bd-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bd-black);\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.bd-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(--bd-gold), var(--bd-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bd-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.bd-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.bd-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.bd-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bd-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bd-shadow-gold);\n border-color: var(--bd-gold);\n}\n\n.bd-card-highlight {\n background: linear-gradient(135deg, var(--bd-gold-light) 0%, var(--bd-white) 100%);\n border: 2px solid var(--bd-gold);\n}\n\n.bd-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n text-align: center;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .3));\n}\n\n.bd-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--bd-black);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.bd-card p {\n color: var(--bd-text-light);\n line-height: 1.7;\n font-size: 15px;\n text-align: center;\n}\n\n.bd-number {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--bd-gold), var(--bd-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n margin: 0 auto 1.5rem;\n box-shadow: var(--bd-shadow-gold);\n}\n\n\/* === FEATURE CARDS === *\/\n.bd-feature-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bd-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bd-feature-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--bd-shadow-gold);\n border-color: var(--bd-gold-light);\n}\n\n.bd-feature-icon {\n font-size: 40px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .3));\n}\n\n.bd-feature-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--bd-black);\n margin-bottom: 0.75rem;\n}\n\n.bd-feature-content p {\n color: var(--bd-text-light);\n line-height: 1.7;\n font-size: 15px;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.bd-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.bd-step {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bd-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 4px solid var(--bd-gold);\n transition: all .3s ease;\n}\n\n.bd-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bd-shadow-gold);\n}\n\n.bd-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--bd-gold), var(--bd-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 flex-shrink: 0;\n box-shadow: var(--bd-shadow-gold);\n}\n\n.bd-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--bd-black);\n margin-bottom: 0.5rem;\n}\n\n.bd-step-content p {\n color: var(--bd-text-light);\n line-height: 1.7;\n font-size: 15px;\n margin: 0;\n}\n\n\/* === MOOD CARDS === *\/\n.bd-mood-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--bd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bd-mood-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--bd-shadow-gold);\n border-color: var(--bd-gold-light);\n}\n\n.bd-mood-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .2));\n}\n\n.bd-mood-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--bd-black);\n margin-bottom: 0.75rem;\n}\n\n.bd-mood-card p {\n color: var(--bd-text-light);\n line-height: 1.6;\n font-size: 14px;\n margin: 0;\n}\n\n\/* === GIFT BOX === *\/\n.bd-gift-box {\n background: linear-gradient(135deg, var(--bd-gold-light) 0%, rgba(212, 175, 55, .1) 100%);\n border-radius: var(--bd-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--bd-gold);\n box-shadow: var(--bd-shadow-gold);\n}\n\n.bd-gift-content {\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.bd-gift-icon {\n font-size: 72px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(212, 175, 55, .3));\n}\n\n.bd-gift-text p {\n color: var(--bd-text);\n line-height: 1.7;\n font-size: 16px;\n margin-bottom: 1rem;\n}\n\n.bd-gift-text p:last-child {\n margin-bottom: 0;\n}\n\n\/* === WHY GRID === *\/\n.bd-why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.bd-why-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--bd-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bd-why-card:hover {\n transform: translateX(8px);\n border-color: var(--bd-gold-light);\n}\n\n.bd-check {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--bd-gold), var(--bd-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.bd-why-card p {\n color: var(--bd-text);\n line-height: 1.6;\n font-size: 15px;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SAFETY BOX === *\/\n.bd-safety-box {\n background: var(--bd-white);\n border-radius: var(--bd-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--bd-shadow);\n border-left: 6px solid #e74c3c;\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.bd-safety-icon {\n font-size: 56px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(231, 76, 60, .3));\n}\n\n.bd-safety-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.bd-safety-list li {\n color: var(--bd-text);\n line-height: 1.8;\n font-size: 15px;\n margin-bottom: 1rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.bd-safety-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #e74c3c;\n font-size: 24px;\n font-weight: 900;\n}\n\n.bd-safety-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === SPECS GRID === *\/\n.bd-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.bd-spec-card {\n background: var(--bd-white);\n border-radius: var(--bd-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--bd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bd-spec-card:hover {\n transform: translateY(-4px);\n border-color: var(--bd-gold-light);\n}\n\n.bd-spec-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--bd-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.5rem;\n}\n\n.bd-spec-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--bd-gold);\n}\n\n\/* === LINK === *\/\n.bd-link {\n color: var(--bd-gold);\n text-decoration: none;\n font-weight: 700;\n border-bottom: 2px solid var(--bd-gold-light);\n transition: all .3s ease;\n}\n\n.bd-link:hover {\n color: var(--bd-gold-dark);\n border-bottom-color: var(--bd-gold);\n}\n\n\/* === CTA FINAL === *\/\n.bd-cta-box {\n background: linear-gradient(135deg, var(--bd-black) 0%, #2a2a2a 50%, var(--bd-taupe) 100%);\n border-radius: var(--bd-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bd-shadow-lg);\n}\n\n.bd-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, var(--bd-gold) 35px, var(--bd-gold) 36px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, var(--bd-gold) 35px, var(--bd-gold) 36px);\n}\n\n.bd-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.bd-cta-title {\n color: var(--bd-gold);\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -.02em;\n}\n\n.bd-cta-box p {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bd-grid {\n grid-template-columns: 1fr;\n }\n \n .bd-feature-card,\n .bd-gift-content,\n .bd-safety-box {\n flex-direction: column;\n text-align: center;\n }\n \n .bd-gift-icon,\n .bd-safety-icon {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bd-card,\n .bd-feature-card,\n .bd-step,\n .bd-mood-card,\n .bd-why-card,\n .bd-spec-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .bd-card:nth-child(1),\n .bd-feature-card:nth-child(1),\n .bd-mood-card:nth-child(1),\n .bd-why-card:nth-child(1) { animation-delay: .1s; }\n \n .bd-card:nth-child(2),\n .bd-feature-card:nth-child(2),\n .bd-mood-card:nth-child(2),\n .bd-why-card:nth-child(2) { animation-delay: .2s; }\n \n .bd-card:nth-child(3),\n .bd-feature-card:nth-child(3),\n .bd-mood-card:nth-child(3),\n .bd-why-card:nth-child(3) { animation-delay: .3s; }\n \n .bd-card:nth-child(4),\n .bd-feature-card:nth-child(4),\n .bd-mood-card:nth-child(4),\n .bd-why-card:nth-child(4) { animation-delay: .4s; }\n \n .bd-card:nth-child(5),\n .bd-mood-card:nth-child(5),\n .bd-why-card:nth-child(5) { animation-delay: .5s; }\n \n .bd-card:nth-child(6),\n .bd-mood-card:nth-child(6),\n .bd-why-card:nth-child(6) { animation-delay: .6s; }\n \n .bd-step:nth-child(1) { animation-delay: .1s; }\n .bd-step:nth-child(2) { animation-delay: .2s; }\n .bd-step:nth-child(3) { animation-delay: .3s; }\n .bd-step: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 .bd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bd-premium {\n --bd-shadow: 0 0 0 2px currentColor;\n --bd-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54800051765625,"sku":"BRULOIRINDUSTRIELDORE","price":9.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bruloir-filaire-couleur-dore-430118.webp?v=1735895306"},{"product_id":"carre-fondant-cire-vegetale-12-senteurs-au-choix-drake","title":"Carré Fondant Cire Parfumée - 20 senteurs au choix - Drake","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Carrés Fondants Cire Parfumée Drake\nPalette détectée:\n - Primaire: #8B7355 (brun chaud\/naturel du panier osier et étiquettes vintage)\n - Secondaire: #C4956A (ambre\/orange des cires fondantes)\n - Accent: #A8BBD4 (bleu pastel des cires Alizés\/Angélique)\nAmbiance: Naturel, artisanal, cocooning, parfumerie française traditionnelle, style vintage\/épuré avec typographie à l'ancienne\nPréfixe CSS: cf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Carrés fondants en cire végétale parfumée Drake – Parfum de Grasse\"\n 2. \"Pourquoi choisir ces fondants parfumés ?\"\n 3. \"Composition et format\"\n 4. \"20 senteurs au choix pour chaque envie\"\n 5. \"Comment utiliser vos carrés fondants ?\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Cire végétale\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌸 Parfum de Grasse\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🎨 20 senteurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eCarrés fondants cire parfumée Drake\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eL'art de la parfumerie de Grasse dans votre intérieur\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003e4 carrés de cire végétale de colza, sans paraffine, pour une diffusion douce et durable jusqu'à 12 heures. Un cocon parfumé 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eCarrés fondants en cire végétale parfumée Drake – Parfum de Grasse\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eEnvie de transformer votre intérieur en un véritable cocon parfumé ? Les \u003cstrong\u003ecarrés fondants en cire végétale parfumée Drake\u003c\/strong\u003e vous offrent une expérience olfactive raffinée, avec des \u003cstrong\u003eparfums de Grasse\u003c\/strong\u003e authentiques et une composition naturelle sans paraffine. Placez simplement un carré dans votre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/brule-parfum\" title=\"brûle parfum\"\u003ebrûle-parfum\u003c\/a\u003e, et laissez la magie opérer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces fondants parfumés ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cire végétale de colza\u003c\/h3\u003e\n \u003cp\u003eD'origine française, elle fond à basse température et libère les fragrances de manière progressive et homogène, sans fumée noire ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏵️ Parfums de Grasse\u003c\/h3\u003e\n \u003cp\u003eÉlaborés dans la capitale mondiale de la parfumerie, chaque senteur offre une diffusion intense et durable, bien au-delà des sprays ou diffuseurs classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans substances nocives\u003c\/h3\u003e\n \u003cp\u003eContrairement aux parfums d'ambiance chargés en synthétiques, ces carrés fondants misent sur la qualité et le naturel : un parfum non toxique pour votre maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne véritable alternative naturelle aux parfums d'ambiance type Rituals ou Durance, avec un \u003cstrong\u003erapport qualité-prix remarquable\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition et format\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧪 Ingrédients\u003c\/h3\u003e\n \u003cp\u003eCire végétale de colza, parfum de Grasse – sans paraffine, sans colorant artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003eÉtui de 4 carrés fondants – poids total de 25 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⏱️ Durée de diffusion\u003c\/h3\u003e\n \u003cp\u003eEnviron 3 heures par carré, soit jusqu'à 12 heures au total\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eMade in France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003e20 senteurs au choix pour chaque envie\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eQue vous recherchiez une ambiance zen, gourmande ou florale, vous trouverez votre bonheur parmi les \u003cstrong\u003e20 parfums disponibles\u003c\/strong\u003e :\u003c\/p\u003e\n\n \u003cdiv class=\"cf-scent-categories\"\u003e\n \u003cdiv class=\"cf-scent-category\"\u003e\n \u003ch3\u003e🌺 Florales \u0026amp; délicates\u003c\/h3\u003e\n \u003cul class=\"cf-scent-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eFleur d'Oranger\u003c\/strong\u003e – bouquet lumineux, frais et délicat\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFleur de coton\u003c\/strong\u003e – senteur légère de linge fraîchement lavé\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAngélique\u003c\/strong\u003e – herbacée, légèrement sucrée et apaisante\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eViolette\u003c\/strong\u003e – romantique, délicate et florale\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eJasmin\u003c\/strong\u003e – florale enivrante et captivante\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-scent-category\"\u003e\n \u003ch3\u003e🍯 Chaudes \u0026amp; enveloppantes\u003c\/h3\u003e\n \u003cul class=\"cf-scent-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAmbre orientale\u003c\/strong\u003e – notes chaudes, sensuelles et enveloppantes\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVanille\u003c\/strong\u003e – gourmande, réconfortante et chaleureuse\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePatchouli\u003c\/strong\u003e – profondeur boisée et sensuelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAphrodisiaque\u003c\/strong\u003e – sensuelle et mystérieuse\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePoudre de Safran\u003c\/strong\u003e – épicée, chaleureuse et originale\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-scent-category\"\u003e\n \u003ch3\u003e🌊 Fraîches \u0026amp; vivifiantes\u003c\/h3\u003e\n \u003cul class=\"cf-scent-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAlizés\u003c\/strong\u003e – brise marine fraîche et vivifiante\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLinge propre\u003c\/strong\u003e – fraîcheur cristalline et propreté\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMusc Blanc\u003c\/strong\u003e – douceur élégante et aérienne\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZen\u003c\/strong\u003e – invitation à la méditation et au calme\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eThé vert\u003c\/strong\u003e – légère, apaisante et rafraîchissante\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-scent-category\"\u003e\n \u003ch3\u003e🍬 Gourmandes \u0026amp; fruitées\u003c\/h3\u003e\n \u003cul class=\"cf-scent-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eDouceur d'enfance\u003c\/strong\u003e – fragrance douce et nostalgique aux souvenirs tendres\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMonoï et Tiaré\u003c\/strong\u003e – escapade exotique aux accents des îles\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFigue\u003c\/strong\u003e – fruitée, verte et ensoleillée\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCaramel\u003c\/strong\u003e – gourmandise sucrée et enveloppante\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCannelle Orange\u003c\/strong\u003e – épicée et fruitée, idéale en hiver\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser vos carrés fondants ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre brûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez-le sur une \u003cstrong\u003esurface stable et résistante à la chaleur\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDéposez un carré\u003c\/h3\u003e\n \u003cp\u003ePlacez \u003cstrong\u003eun seul carré\u003c\/strong\u003e de cire parfumée dans la coupelle supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAllumez la bougie\u003c\/h3\u003e\n \u003cp\u003eGlissez une bougie chauffe-plat sous la coupelle et allumez-la.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eProfitez du parfum\u003c\/h3\u003e\n \u003cp\u003eLa chaleur fait fondre la cire qui libère \u003cstrong\u003eprogressivement son parfum\u003c\/strong\u003e dans toute la pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRéutilisez votre carré\u003c\/h3\u003e\n \u003cp\u003eUne fois la bougie éteinte, la cire durcit et peut être \u003cstrong\u003eréutilisée\u003c\/strong\u003e jusqu'à épuisement du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👶 Sécurité enfants \u0026amp; animaux\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir \u003cstrong\u003ehors de portée des enfants\u003c\/strong\u003e et des animaux en permanence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🔥 Manipulation de la cire\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais manipuler le brûle-parfum tant que la cire est liquide. Utiliser un seul carré à la fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💨 Aération \u0026amp; inhalation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas inhaler directement les vapeurs. \u003cstrong\u003eAérer la pièce\u003c\/strong\u003e après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👁️ Surveillance de la flamme\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais laisser la flamme sans surveillance.\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=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eAvec les carrés fondants Drake, vous optez pour un \u003cstrong\u003eparfum d'ambiance 100 % naturel\u003c\/strong\u003e, fabriqué en France, qui parfume votre intérieur durablement et sans compromis sur la qualité. ✨ Un petit geste simple pour une atmosphère qui change tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cf-cream: #FAF7F3;\n --cf-white: #ffffff;\n --cf-primary: #8B7355;\n --cf-primary-dark: #5E4B35;\n --cf-primary-light: #F3EDE5;\n --cf-secondary: #C4956A;\n --cf-accent: #A8BBD4;\n\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n\n --cf-border: #e8e0d6;\n --cf-shadow: 0 4px 24px rgba(94, 75, 53, .08);\n --cf-shadow-lg: 0 12px 48px rgba(94, 75, 53, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #5E4B35 0%, #8B7355 40%, #C4956A 75%, #A8BBD4 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.cf-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.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro a {\n color: var(--cf-primary);\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: color .2s ease;\n}\n\n.cf-section-intro a:hover {\n color: var(--cf-secondary);\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === SCENT CATEGORIES === *\/\n.cf-scent-categories {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-scent-category {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.cf-scent-category:hover {\n border-color: var(--cf-primary);\n box-shadow: var(--cf-shadow-lg);\n transform: translateY(-4px);\n}\n\n.cf-scent-category h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .75rem 0;\n padding-bottom: .625rem;\n border-bottom: 2px solid var(--cf-primary-light);\n}\n\n.cf-scent-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.cf-scent-list li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--cf-text-light);\n line-height: 1.5;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.cf-scent-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--cf-secondary);\n font-weight: 700;\n font-size: 16px;\n}\n\n.cf-scent-list li strong {\n color: var(--cf-primary-dark);\n font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-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.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-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 .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-scent-categories {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-scent-category {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card,\n .cf-scent-category {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1),\n .cf-scent-category:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2),\n .cf-scent-category:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3),\n .cf-scent-category:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4),\n .cf-scent-category:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n\n .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(4) { animation-delay: .2s; }\n .cf-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes cfFadeInUp {\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 .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DRAKE","offers":[{"title":"Default Title","offer_id":55079666712953,"sku":"BPP48-AMBRE","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/carre-fondant-drake_2_-min.jpg?v=1764932730"},{"product_id":"enveloppe-parfumee-fleur-de-coton-parfum-de-grasse","title":"Enveloppe Parfumée - Fleur de Coton - Parfum de Grasse","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Enveloppe Parfumée - Fleur de Coton - Parfum de Grasse\nPalette détectée:\n - Primaire: #8B7355 (taupe\/brun doux du packaging kraft)\n - Secondaire: #F5F0E6 (crème\/beige de l'étiquette)\n - Accent: #D4C4A8 (beige doré chaleureux)\nAmbiance: Naturel, artisanal, épuré, élégant, minimaliste, français traditionnel\nPréfixe CSS: fdc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Découvrez l'enveloppe parfumée Fleur de Coton, un parfum d'ambiance naturel signé Grasse\"\n 2. \"Les notes olfactives de la Fleur de Coton\"\n 3. \"Une composition naturelle et responsable\"\n 4. \"Où utiliser votre enveloppe parfumée ?\"\n 5. \"Pourquoi choisir cette enveloppe plutôt qu'un parfum d'ambiance classique ?\"\n 6. \"Conseils d'utilisation pour une diffusion optimale\"\n 7. \"L'art de la parfumerie de Grasse dans votre quotidien\"\n 8. \"Une idée cadeau originale et appréciée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"fdc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fdc-hero\"\u003e\n \u003cdiv class=\"fdc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fdc-hero-content\"\u003e\n \u003cdiv class=\"fdc-badges-top\"\u003e\n \u003cspan class=\"fdc-badge\"\u003e🇫🇷 Parfum de Grasse\u003c\/span\u003e\n \u003cspan class=\"fdc-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"fdc-badge\"\u003e♻️ Papier recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fdc-hero-title\"\u003eEnveloppe Parfumée Fleur de Coton\u003c\/span\u003e\n \u003cp class=\"fdc-subtitle\"\u003eL'élégance grassoise dans un format nomade\u003c\/p\u003e\n \u003cp class=\"fdc-description\"\u003eLaissez-vous envelopper par la douceur d'un linge frais. Une fragrance délicate, artisanale et naturelle, créée selon le savoir-faire ancestral des maîtres parfumeurs de Grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003eDécouvrez l'enveloppe parfumée Fleur de Coton, un parfum d'ambiance naturel signé Grasse\u003c\/h2\u003e\n \u003cp class=\"fdc-section-intro\"\u003eVous cherchez un parfum d'ambiance maison qui allie délicatesse et naturalité ? Cette enveloppe parfumée vous transporte dans un univers de fraîcheur et de douceur.\u003c\/p\u003e\n \u003cdiv class=\"fdc-grid-compact\"\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire grassois\u003c\/h3\u003e\n \u003cp\u003eIssu de la capitale mondiale de la parfumerie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🌬️ Air pur\u003c\/h3\u003e\n \u003cp\u003eParfum non toxique, respectueux de votre intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e✨ Formulation clean\u003c\/h3\u003e\n \u003cp\u003eSans substances synthétiques agressives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🏠 Ambiance douce\u003c\/h3\u003e\n \u003cp\u003eEmbaume vos espaces en toute délicatesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003eLes notes olfactives de la Fleur de Coton\u003c\/h2\u003e\n \u003cp class=\"fdc-section-intro\"\u003eUne pyramide olfactive soigneusement équilibrée par les parfumeurs grassois, évoquant instantanément le linge frais, la pureté et le réconfort.\u003c\/p\u003e\n \u003cdiv class=\"fdc-pyramid\"\u003e\n \u003cdiv class=\"fdc-pyramid-level fdc-pyramid-top\"\u003e\n \u003cdiv class=\"fdc-pyramid-label\"\u003eNotes de tête\u003c\/div\u003e\n \u003cdiv class=\"fdc-pyramid-content\"\u003e\n \u003cspan class=\"fdc-note\"\u003e🍋 Citron pétillant\u003c\/span\u003e\n \u003cspan class=\"fdc-note\"\u003e🌿 Touches végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"fdc-pyramid-desc\"\u003eUne entrée en matière vivifiante et fraîche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-pyramid-level fdc-pyramid-middle\"\u003e\n \u003cdiv class=\"fdc-pyramid-label\"\u003eNotes de cœur\u003c\/div\u003e\n \u003cdiv class=\"fdc-pyramid-content\"\u003e\n \u003cspan class=\"fdc-note\"\u003e🤍 Fleur de coton\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"fdc-pyramid-desc\"\u003eToute sa douceur, enveloppante et rassurante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-pyramid-level fdc-pyramid-base\"\u003e\n \u003cdiv class=\"fdc-pyramid-label\"\u003eNotes de fond\u003c\/div\u003e\n \u003cdiv class=\"fdc-pyramid-content\"\u003e\n \u003cspan class=\"fdc-note\"\u003e💫 Accord poudré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"fdc-pyramid-desc\"\u003eUn sillage délicat qui prolonge l'expérience\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-tip\"\u003e\n \u003cspan class=\"fdc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette fragrance crée une atmosphère apaisante, idéale pour vous ressourcer ou accueillir vos invités dans un intérieur subtilement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003eUne composition naturelle et responsable\u003c\/h2\u003e\n \u003cdiv class=\"fdc-grid\"\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🪨 Vermiculite naturelle\u003c\/h3\u003e\n \u003cp\u003eCe minéral poreux est imprégné du parfum de Grasse et le diffuse progressivement dans l'air ambiant, pour une libération douce et continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🌸 Parfum de Grasse\u003c\/h3\u003e\n \u003cp\u003eÉlaboré selon les méthodes traditionnelles de la parfumerie française, gage de qualité et de raffinement depuis le XVIIe siècle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e📄 Papier recyclé\u003c\/h3\u003e\n \u003cp\u003eUn emballage éco-responsable qui s'inscrit dans une démarche respectueuse de l'environnement, compostable ou recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-highlight-box\"\u003e\n \u003cp\u003e🕐 \u003cstrong\u003eDiffusion longue durée\u003c\/strong\u003e — Profitez d'un parfum d'ambiance qui dure plusieurs semaines, sans diffuseur électrique ni spray à base d'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003eOù utiliser votre enveloppe parfumée ?\u003c\/h2\u003e\n \u003cp class=\"fdc-section-intro\"\u003eLa polyvalence de ce parfum d'ambiance en fait un allié précieux dans de nombreuses situations du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"fdc-grid\"\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e👗 Armoires \u0026amp; placards\u003c\/h3\u003e\n \u003cp\u003eGlissez l'enveloppe entre vos vêtements ou votre linge de maison pour qu'ils conservent cette odeur de propre si agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🗄️ Tiroirs\u003c\/h3\u003e\n \u003cp\u003eParfumez délicatement vos sous-vêtements, foulards ou accessoires pour une sensation de fraîcheur au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e👜 Sac à main\u003c\/h3\u003e\n \u003cp\u003eEmportez cette touche de fraîcheur partout avec vous, pour un réconfort olfactif à portée de main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🧳 Valise\u003c\/h3\u003e\n \u003cp\u003eVos affaires resteront parfumées même en voyage, pour retrouver l'odeur de chez soi où que vous soyez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🚗 Voiture\u003c\/h3\u003e\n \u003cp\u003eUne alternative naturelle aux désodorisants automobiles traditionnels, pour des trajets plus agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e😴 Sous l'oreiller\u003c\/h3\u003e\n \u003cp\u003ePour une ambiance propice à la détente et un endormissement tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette enveloppe plutôt qu'un parfum d'ambiance classique ?\u003c\/h2\u003e\n \u003cdiv class=\"fdc-grid-compact\"\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e📦 Format nomade\u003c\/h3\u003e\n \u003cp\u003eCompacte et légère, elle se glisse partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🔌 Sans électricité\u003c\/h3\u003e\n \u003cp\u003eAucun risque, zéro consommation d'énergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🌊 Diffusion douce\u003c\/h3\u003e\n \u003cp\u003eLe parfum se libère progressivement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage 100% papier recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🔥 Sans flamme\u003c\/h3\u003e\n \u003cp\u003eSécurité totale pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e💰 Prix accessible\u003c\/h3\u003e\n \u003cp\u003eLa qualité Grasse sans se ruiner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour une diffusion optimale\u003c\/h2\u003e\n \u003cdiv class=\"fdc-timeline\"\u003e\n \u003cdiv class=\"fdc-timeline-item\"\u003e\n \u003cdiv class=\"fdc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-content\"\u003e\n \u003ch3\u003eChoisissez un espace confiné\u003c\/h3\u003e\n \u003cp\u003ePlacez l'enveloppe dans un espace relativement fermé pour une meilleure concentration du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-item\"\u003e\n \u003cdiv class=\"fdc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-content\"\u003e\n \u003ch3\u003eProtégez du soleil et de l'humidité\u003c\/h3\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil ou à l'humidité excessive pour préserver les notes olfactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-item\"\u003e\n \u003cdiv class=\"fdc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-content\"\u003e\n \u003ch3\u003eMalaxez régulièrement\u003c\/h3\u003e\n \u003cp\u003ePressez légèrement l'enveloppe de temps en temps pour raviver la diffusion du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-item\"\u003e\n \u003cdiv class=\"fdc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fdc-timeline-content\"\u003e\n \u003ch3\u003eRemplacez quand nécessaire\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'enveloppe lorsque l'odeur s'estompe, généralement après plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"fdc-section\"\u003e\n \u003ch2\u003eL'art de la parfumerie de Grasse dans votre quotidien\u003c\/h2\u003e\n \u003cdiv class=\"fdc-testimonial\"\u003e\n \u003cp class=\"fdc-testimonial-text\"\u003e\"Grasse, nichée dans l'arrière-pays niçois, est reconnue depuis le XVIIe siècle comme la capitale mondiale de la parfumerie. Les maîtres parfumeurs y perpétuent un savoir-faire inscrit au patrimoine immatériel de l'UNESCO. En choisissant cette enveloppe parfumée, vous vous offrez un peu de cette excellence française. Chaque bouffée raconte une histoire de tradition, de passion et d'exigence.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-grid-compact\"\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🏛️ Depuis le XVIIe siècle\u003c\/h3\u003e\n \u003cp\u003eDes siècles de savoir-faire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🌍 UNESCO\u003c\/h3\u003e\n \u003cp\u003ePatrimoine immatériel reconnu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e👃 Maîtres parfumeurs\u003c\/h3\u003e\n \u003cp\u003eExpertise et passion transmises\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🇫🇷 Excellence française\u003c\/h3\u003e\n \u003cp\u003eLa tradition dans votre intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"fdc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne idée cadeau originale et appréciée\u003c\/h2\u003e\n \u003cp class=\"fdc-section-intro\"\u003eVous cherchez une attention délicate pour faire plaisir ? L'enveloppe parfumée Fleur de Coton constitue un présent idéal, avec son packaging élégant et sobre prêt à offrir.\u003c\/p\u003e\n \u003cdiv class=\"fdc-grid-compact\"\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🏠 Crémaillère\u003c\/h3\u003e\n \u003cp\u003ePour accueillir un nouveau foyer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🎁 Coffret cadeau\u003c\/h3\u003e\n \u003cp\u003eL'attention en plus qui fait la différence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e💐 Avec un bouquet\u003c\/h3\u003e\n \u003cp\u003ePour accompagner vos fleurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-card\"\u003e\n \u003ch3\u003e🙏 Remerciement\u003c\/h3\u003e\n \u003cp\u003eUne délicate attention pour vos hôtes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fdc-cta-box\"\u003e\n \u003cp\u003e✨ Offrez-vous un moment de douceur grassoise — Une fragrance naturelle, un format pratique, une qualité d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fdc-cream: #FAF8F5;\n --fdc-white: #ffffff;\n --fdc-primary: #8B7355;\n --fdc-primary-dark: #5D4E3A;\n --fdc-primary-light: #F5F0E6;\n --fdc-secondary: #D4C4A8;\n --fdc-accent: #A69070;\n --fdc-text: #1a1a1a;\n --fdc-text-light: #5a5a5a;\n --fdc-border: #e8e4de;\n --fdc-shadow: 0 4px 24px rgba(93,78,58,.08);\n --fdc-shadow-lg: 0 12px 48px rgba(93,78,58,.15);\n --fdc-radius: 20px;\n --fdc-radius-sm: 12px;\n}\n\n.fdc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fdc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fdc-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A69070 50%, #D4C4A8 100%);\n border-radius: var(--fdc-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(--fdc-shadow-lg);\n}\n\n.fdc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fdc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fdc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fdc-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(--fdc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fdc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fdc-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.fdc-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 letter-spacing: .02em;\n}\n\n.fdc-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.fdc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fdc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fdc-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.fdc-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(--fdc-primary), var(--fdc-secondary));\n border-radius: 2px;\n}\n\n.fdc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fdc-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.fdc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fdc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fdc-card {\n background: var(--fdc-white);\n border-radius: var(--fdc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fdc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fdc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fdc-shadow-lg);\n border-color: var(--fdc-primary);\n}\n\n.fdc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fdc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fdc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fdc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fdc-grid-compact .fdc-card {\n padding: 1rem;\n}\n\n.fdc-grid-compact .fdc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fdc-grid-compact .fdc-card p {\n font-size: 12px;\n}\n\n\/* Pyramide olfactive *\/\n.fdc-pyramid {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 500px;\n margin: 0 auto 1.5rem;\n}\n\n.fdc-pyramid-level {\n background: var(--fdc-white);\n border-radius: var(--fdc-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--fdc-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.fdc-pyramid-level:hover {\n transform: scale(1.02);\n box-shadow: var(--fdc-shadow-lg);\n}\n\n.fdc-pyramid-top {\n border-left: 4px solid #F5D547;\n}\n\n.fdc-pyramid-middle {\n border-left: 4px solid var(--fdc-primary);\n}\n\n.fdc-pyramid-base {\n border-left: 4px solid var(--fdc-primary-dark);\n}\n\n.fdc-pyramid-label {\n font-size: 11px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--fdc-primary);\n margin-bottom: .5rem;\n}\n\n.fdc-pyramid-content {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: .5rem;\n}\n\n.fdc-note {\n display: inline-block;\n background: var(--fdc-primary-light);\n padding: 6px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--fdc-primary-dark);\n}\n\n.fdc-pyramid-desc {\n font-size: 13px;\n color: var(--fdc-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.fdc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fdc-primary-light);\n border-radius: var(--fdc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fdc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fdc-tip p {\n font-size: 14px;\n color: var(--fdc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fdc-highlight-box {\n background: var(--fdc-white);\n border-radius: var(--fdc-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n text-align: center;\n border: 2px dashed var(--fdc-secondary);\n}\n\n.fdc-highlight-box p {\n font-size: 15px;\n color: var(--fdc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fdc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fdc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fdc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fdc-primary), var(--fdc-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.fdc-timeline-content {\n flex: 1;\n background: var(--fdc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fdc-radius-sm);\n box-shadow: var(--fdc-shadow);\n}\n\n.fdc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fdc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fdc-timeline-content p {\n font-size: 14px;\n color: var(--fdc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fdc-testimonial {\n background: var(--fdc-white);\n border-radius: var(--fdc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fdc-shadow);\n border-left: 4px solid var(--fdc-primary);\n margin-bottom: 1.5rem;\n}\n\n.fdc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fdc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fdc-cta-box {\n background: linear-gradient(135deg, var(--fdc-primary) 0%, var(--fdc-primary-dark) 100%);\n border-radius: var(--fdc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fdc-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 .fdc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .fdc-card {\n padding: 1.125rem;\n }\n \n .fdc-section {\n margin-bottom: 1.75rem;\n }\n \n .fdc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fdc-radius-sm);\n }\n \n .fdc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .fdc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .fdc-grid-compact {\n gap: .625rem;\n }\n \n .fdc-grid-compact .fdc-card {\n padding: .75rem;\n }\n \n .fdc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .fdc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .fdc-timeline-content h3 {\n font-size: 14px;\n }\n \n .fdc-timeline-content p {\n font-size: 13px;\n }\n \n .fdc-testimonial {\n padding: 1.25rem;\n }\n \n .fdc-testimonial-text {\n font-size: 14px;\n }\n \n .fdc-pyramid-level {\n padding: 1rem;\n }\n \n .fdc-note {\n font-size: 12px;\n padding: 5px 10px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fdc-card {\n animation: fdcFadeInUp .5s ease backwards;\n }\n .fdc-card:nth-child(1) { animation-delay: .05s; }\n .fdc-card:nth-child(2) { animation-delay: .1s; }\n .fdc-card:nth-child(3) { animation-delay: .15s; }\n .fdc-card:nth-child(4) { animation-delay: .2s; }\n .fdc-card:nth-child(5) { animation-delay: .25s; }\n .fdc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fdcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fdc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DRAKE","offers":[{"title":"Default Title","offer_id":54824746418553,"sku":"ENVFCODRAKE","price":2.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/enveloppe-parfumee-fleur-de-coton-parfum-de-grasse-lifestyle.webp?v=1770050402"},{"product_id":"enveloppe-parfumee-monoi-parfum-de-grasse","title":"Enveloppe Parfumée - Monoï Tiaré - Parfum de Grasse","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Enveloppe Parfumée - Monoï Tiaré - Parfum de Grasse\nPalette détectée:\n - Primaire: #8B8070 (taupe\/gris-brun du packaging kraft)\n - Secondaire: #F5F0E6 (crème\/ivoire de l'étiquette)\n - Accent: #D4A574 (sable doré évoquant le monoï\/Polynésie)\nAmbiance: Minimaliste, naturel, élégant, épuré - style maison de parfum traditionnelle française avec touche artisanale\nPréfixe CSS: mt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Enveloppe Parfumée Monoï Tiaré : Une Invitation au Voyage depuis Grasse\"\n 2. \"Pourquoi Choisir un Parfum d'Ambiance Naturel ?\"\n 3. \"La Signature Olfactive : Un Voyage Polynésien\"\n 4. \"Un Parfum d'Ambiance Maison Qui Dure Longtemps\"\n 5. \"Comment Utiliser Votre Enveloppe Parfumée ?\"\n 6. \"Composition et Engagements Qualité\"\n 7. \"Pour Qui est Faite Cette Enveloppe Parfumée ?\"\n 8. \"Notre Conseil d'Expert\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mt-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mt-hero\"\u003e\n \u003cdiv class=\"mt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mt-hero-content\"\u003e\n \u003cdiv class=\"mt-badges-top\"\u003e\n \u003cspan class=\"mt-badge\"\u003e🌺 Parfum de Grasse\u003c\/span\u003e\n \u003cspan class=\"mt-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"mt-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mt-hero-title\"\u003eEnveloppe Parfumée Monoï Tiaré\u003c\/span\u003e\n \u003cp class=\"mt-subtitle\"\u003eDrake Home Fragrance\u003c\/p\u003e\n \u003cp class=\"mt-description\"\u003eÉvadez-vous sous les tropiques avec cette essence polynésienne élaborée par les maîtres parfumeurs de Grasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003eEnveloppe Parfumée Monoï Tiaré : Une Invitation au Voyage depuis Grasse\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eFermez les yeux. Imaginez le sable chaud sous vos pieds, la brise légère qui caresse votre peau, et ce parfum enivrant de fleurs de tiaré qui flotte dans l'air.\u003c\/p\u003e\n \u003cdiv class=\"mt-highlight-box\"\u003e\n \u003cp\u003eC'est exactement cette sensation que vous offre notre \u003cstrong\u003eenveloppe parfumée Monoï Tiaré\u003c\/strong\u003e, un véritable \u003cstrong\u003eparfum d'ambiance 100% naturel\u003c\/strong\u003e élaboré à Grasse, capitale mondiale de la parfumerie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003ePourquoi Choisir un Parfum d'Ambiance Naturel ?\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eVous cherchez à parfumer votre intérieur sans compromettre la qualité de l'air que vous respirez ?\u003c\/p\u003e\n \u003cdiv class=\"mt-grid\"\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🚫 Sans composés synthétiques\u003c\/h3\u003e\n \u003cp\u003eContrairement aux désodorisants industriels, ce parfum utilise uniquement des essences naturelles de Grasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🪨 Vermiculite naturelle\u003c\/h3\u003e\n \u003cp\u003eUne roche minérale poreuse qui absorbe et diffuse le parfum progressivement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Sans danger\u003c\/h3\u003e\n \u003cp\u003eUne diffusion douce et sûre pour votre famille, vos animaux et l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003eLa Signature Olfactive : Un Voyage Polynésien\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eLe parfum Monoï Tiaré a été soigneusement composé pour recréer l'atmosphère des îles du Pacifique.\u003c\/p\u003e\n \u003cdiv class=\"mt-pyramid\"\u003e\n \u003cdiv class=\"mt-pyramid-level mt-pyramid-top\"\u003e\n \u003cspan class=\"mt-pyramid-label\"\u003eNote de tête\u003c\/span\u003e\n \u003ch3\u003e🌺 Fleur de Tiaré\u003c\/h3\u003e\n \u003cp\u003eLa fraîcheur délicate emblème de Tahiti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-pyramid-level mt-pyramid-middle\"\u003e\n \u003cspan class=\"mt-pyramid-label\"\u003eNote de cœur\u003c\/span\u003e\n \u003ch3\u003e🍦 Vanille\u003c\/h3\u003e\n \u003cp\u003eRondeur gourmande et réconfortante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-pyramid-level mt-pyramid-base\"\u003e\n \u003cspan class=\"mt-pyramid-label\"\u003eNote de fond\u003c\/span\u003e\n \u003ch3\u003e🤍 Musc Blanc\u003c\/h3\u003e\n \u003cp\u003eSensualité subtile qui fait durer le parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-tip\"\u003e\n \u003cspan class=\"mt-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette combinaison crée une ambiance à la fois \u003cstrong\u003erelaxante et enveloppante\u003c\/strong\u003e, parfaite pour transformer votre chez-vous en havre de paix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003eUn Parfum d'Ambiance Maison Qui Dure Longtemps\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eGrâce à la capacité d'absorption exceptionnelle de la vermiculite, le parfum se libère de manière continue pendant plusieurs semaines.\u003c\/p\u003e\n \u003cdiv class=\"mt-grid-compact\"\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🗄️ Espace fermé\u003c\/h3\u003e\n \u003cp\u003eTiroir, armoire : jusqu'à \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🚗 Espace semi-ouvert\u003c\/h3\u003e\n \u003cp\u003eSac, voiture : environ \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mt-section-intro\" style=\"margin-top: 1.5rem;\"\u003eC'est ce qui fait de ce produit le \u003cstrong\u003emeilleur parfum d'ambiance maison\u003c\/strong\u003e pour celles et ceux qui recherchent une solution durable et efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003eComment Utiliser Votre Enveloppe Parfumée ?\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eL'utilisation ne pourrait pas être plus simple. Voici quelques idées pour profiter pleinement de ce parfum d'intérieur :\u003c\/p\u003e\n \u003cdiv class=\"mt-timeline\"\u003e\n \u003cdiv class=\"mt-timeline-item\"\u003e\n \u003cspan class=\"mt-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"mt-timeline-content\"\u003e\n \u003ch3\u003e👗 Tiroirs et armoires\u003c\/h3\u003e\n \u003cp\u003eGlissez l'enveloppe entre vos vêtements pour qu'ils s'imprègnent de cette senteur exotique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-timeline-item\"\u003e\n \u003cspan class=\"mt-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"mt-timeline-content\"\u003e\n \u003ch3\u003e👜 Sac à main\u003c\/h3\u003e\n \u003cp\u003eUn format compact qui parfume discrètement vos effets personnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-timeline-item\"\u003e\n \u003cspan class=\"mt-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"mt-timeline-content\"\u003e\n \u003ch3\u003e🚗 Voiture\u003c\/h3\u003e\n \u003cp\u003ePlacez-la sous un siège pour une ambiance apaisante lors de vos trajets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-timeline-item\"\u003e\n \u003cspan class=\"mt-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"mt-timeline-content\"\u003e\n \u003ch3\u003e🧳 Valise\u003c\/h3\u003e\n \u003cp\u003eVos affaires arriveront à destination délicatement parfumées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-timeline-item\"\u003e\n \u003cspan class=\"mt-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"mt-timeline-content\"\u003e\n \u003ch3\u003e😴 Sous l'oreiller\u003c\/h3\u003e\n \u003cp\u003ePour favoriser la détente avant le sommeil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003eComposition et Engagements Qualité\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eNous croyons que vous méritez de savoir exactement ce que contiennent les produits que vous utilisez chez vous.\u003c\/p\u003e\n \u003cdiv class=\"mt-grid\"\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🪨 Support\u003c\/h3\u003e\n \u003cp\u003eVermiculite naturelle (roche minérale expansée, sans traitement chimique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n \u003cp\u003eComposition exclusive de Grasse, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e♻️ Emballage\u003c\/h3\u003e\n \u003cp\u003ePapier recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eDrake Home Fragrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-tip\"\u003e\n \u003cspan class=\"mt-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCe \u003cstrong\u003eparfum d'ambiance naturel\u003c\/strong\u003e s'inscrit dans une démarche écoresponsable, de la formulation jusqu'à l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"mt-section\"\u003e\n \u003ch2\u003ePour Qui est Faite Cette Enveloppe Parfumée ?\u003c\/h2\u003e\n \u003cp class=\"mt-section-intro\"\u003eCe parfum d'intérieur conviendra particulièrement si vous :\u003c\/p\u003e\n \u003cdiv class=\"mt-grid\"\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🌺 Amateurs de senteurs florales\u003c\/h3\u003e\n \u003cp\u003eVous appréciez les notes solaires et légèrement sucrées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🔄 En quête d'alternatives\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une option aux sprays et bougies parfumées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e⏱️ Durabilité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un parfum qui dure longtemps sans intervention\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e🌿 Sensibilité écologique\u003c\/h3\u003e\n \u003cp\u003eVous êtes attentif aux produits naturels et respectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-card\"\u003e\n \u003ch3\u003e✨ Exigence qualité\u003c\/h3\u003e\n \u003cp\u003eVous aimez Durance ou Rituals mais cherchez une option plus authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"mt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre Conseil d'Expert\u003c\/h2\u003e\n \u003cdiv class=\"mt-testimonial\"\u003e\n \u003cp class=\"mt-testimonial-text\"\u003e\"Pour prolonger encore davantage la durée de vie de votre enveloppe, conservez-la dans un endroit relativement confiné plutôt qu'en plein courant d'air. Et lorsque le parfum commence à s'estomper après plusieurs semaines, vous pouvez raviver légèrement son intensité en la malaxant doucement entre vos doigts.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mt-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez-vous — ou offrez à un proche — cette petite parenthèse de douceur polynésienne.\u003cbr\u003e\u003cstrong\u003eParce que parfois, il suffit d'un parfum pour s'évader.\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 \/* Couleurs principales *\/\n --mt-cream: #FAF8F5;\n --mt-white: #ffffff;\n --mt-primary: #8B8070;\n --mt-primary-dark: #5C554A;\n --mt-primary-light: #F0EBE3;\n --mt-secondary: #D4A574;\n --mt-accent: #C9956C;\n\n \/* Textes *\/\n --mt-text: #1a1a1a;\n --mt-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mt-border: #e0e0e0;\n --mt-shadow: 0 4px 24px rgba(139,128,112,.12);\n --mt-shadow-lg: 0 12px 48px rgba(139,128,112,.18);\n --mt-radius: 20px;\n --mt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mt-hero {\n position: relative;\n background: linear-gradient(135deg, #8B8070 0%, #6B6358 50%, #5C554A 100%);\n border-radius: var(--mt-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(--mt-shadow-lg);\n}\n\n.mt-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(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.mt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.mt-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.mt-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .15em;\n margin: 0 0 1.5rem 0;\n}\n\n.mt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mt-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(--mt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mt-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.mt-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(--mt-primary), var(--mt-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mt-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\/* === HIGHLIGHT BOX === *\/\n.mt-highlight-box {\n background: var(--mt-white);\n border-radius: var(--mt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mt-shadow);\n border-left: 4px solid var(--mt-secondary);\n text-align: center;\n}\n\n.mt-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mt-text);\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.mt-card {\n background: var(--mt-white);\n border-radius: var(--mt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mt-shadow-lg);\n border-color: var(--mt-secondary);\n}\n\n.mt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.mt-grid-compact .mt-card {\n padding: 1.25rem;\n}\n\n\/* === PYRAMIDE OLFACTIVE === *\/\n.mt-pyramid {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 500px;\n margin: 0 auto 1.5rem;\n}\n\n.mt-pyramid-level {\n background: var(--mt-white);\n border-radius: var(--mt-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--mt-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.mt-pyramid-level:hover {\n transform: scale(1.02);\n box-shadow: var(--mt-shadow-lg);\n}\n\n.mt-pyramid-top {\n margin: 0 auto;\n width: 70%;\n border-top: 4px solid #F5D4B8;\n}\n\n.mt-pyramid-middle {\n margin: 0 auto;\n width: 85%;\n border-top: 4px solid var(--mt-secondary);\n}\n\n.mt-pyramid-base {\n margin: 0 auto;\n width: 100%;\n border-top: 4px solid var(--mt-primary);\n}\n\n.mt-pyramid-label {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--mt-primary);\n background: var(--mt-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.mt-pyramid-level h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mt-pyramid-level p {\n font-size: 14px;\n color: var(--mt-text-light);\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mt-primary), var(--mt-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.mt-timeline-content {\n flex: 1;\n background: var(--mt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mt-radius-sm);\n box-shadow: var(--mt-shadow);\n}\n\n.mt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mt-timeline-content p {\n font-size: 14px;\n color: var(--mt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mt-primary-light);\n border-radius: var(--mt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mt-tip p {\n font-size: 14px;\n color: var(--mt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mt-testimonial {\n background: var(--mt-white);\n border-radius: var(--mt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mt-shadow);\n border-left: 4px solid var(--mt-secondary);\n margin-bottom: 1.5rem;\n}\n\n.mt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mt-cta-box {\n background: linear-gradient(135deg, var(--mt-secondary) 0%, var(--mt-accent) 100%);\n border-radius: var(--mt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mt-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.mt-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 .mt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mt-card {\n padding: 1.125rem;\n }\n \n .mt-section {\n margin-bottom: 1.75rem;\n }\n \n .mt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mt-radius-sm);\n }\n \n .mt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n \/* Grille compacte mobile *\/\n .mt-grid-compact {\n gap: .625rem;\n }\n \n .mt-grid-compact .mt-card {\n padding: 1rem;\n }\n \n \/* Pyramide mobile *\/\n .mt-pyramid-top,\n .mt-pyramid-middle,\n .mt-pyramid-base {\n width: 100%;\n }\n \n .mt-pyramid-level {\n padding: 1rem;\n }\n \n .mt-pyramid-level h3 {\n font-size: 16px;\n }\n \n \/* Timeline mobile *\/\n .mt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .mt-timeline-content {\n padding: .875rem 1rem;\n }\n \n .mt-timeline-content h3 {\n font-size: 14px;\n }\n \n .mt-timeline-content p {\n font-size: 13px;\n }\n \n \/* Testimonial mobile *\/\n .mt-testimonial {\n padding: 1.25rem;\n }\n \n .mt-testimonial-text {\n font-size: 14px;\n }\n \n \/* Highlight box mobile *\/\n .mt-highlight-box {\n padding: 1.25rem;\n }\n \n \/* Tip mobile *\/\n .mt-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mt-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mt-card:nth-child(1) { animation-delay: .05s; }\n .mt-card:nth-child(2) { animation-delay: .1s; }\n .mt-card:nth-child(3) { animation-delay: .15s; }\n .mt-card:nth-child(4) { animation-delay: .2s; }\n .mt-card:nth-child(5) { animation-delay: .25s; }\n .mt-card:nth-child(6) { animation-delay: .3s; }\n \n .mt-pyramid-level {\n animation: fadeInUp .5s ease backwards;\n }\n .mt-pyramid-top { animation-delay: .1s; }\n .mt-pyramid-middle { animation-delay: .2s; }\n .mt-pyramid-base { animation-delay: .3s; }\n \n .mt-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .mt-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mt-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mt-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mt-timeline-item:nth-child(4) { animation-delay: .2s; }\n .mt-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DRAKE","offers":[{"title":"Default Title","offer_id":54824753299833,"sku":"ENVMONOIDRAKE","price":2.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/enveloppe-parfumee-monoi-tiare-parfum-de-grasse-lifestyle.webp?v=1770049757"},{"product_id":"enveloppe-parfumee-ambre-parfum-de-grasse-copie","title":"Enveloppe Parfumée - Ambre - Parfum de Grasse","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Enveloppe Parfumée - Ambre - Parfum de Grasse\nPalette détectée:\n - Primaire: #8B7355 (taupe\/brun kraft du packaging)\n - Secondaire: #F5F0E6 (crème\/ivoire de l'étiquette)\n - Accent: #D4A574 (ambre doré, évoquant la fragrance)\nAmbiance: Minimaliste, naturel, artisanal, élégant, épuré façon papeterie de luxe\nPréfixe CSS: amb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Enveloppe parfumée Ambre – L'essence chaleureuse de Grasse dans vos espaces\"\n 2. \"Pourquoi craquer pour ce parfum ambre ?\"\n 3. \"Les notes olfactives de cette enveloppe\"\n 4. \"Une composition naturelle et responsable\"\n 5. \"Où utiliser votre enveloppe parfumée Ambre ?\"\n 6. \"Combien de temps dure le parfum ?\"\n 7. \"L'art du parfum de Grasse dans votre quotidien\"\n 8. \"Caractéristiques techniques\"\n 9. \"Une idée cadeau originale et appréciée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"amb-premium\"\u003e\n \n \u003c!-- HERO --\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🇫🇷 Parfum de Grasse\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"amb-badge\"\u003e♻️ Papier recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amb-hero-title\"\u003eEnveloppe Parfumée Ambre\u003c\/span\u003e\n \u003cp class=\"amb-subtitle\"\u003eDrake Home Fragrance\u003c\/p\u003e\n \u003cp class=\"amb-description\"\u003eInvitez l'excellence de la parfumerie grassoise dans vos espaces avec cette enveloppe à la fragrance ambrée envoûtante, naturelle et longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eEnveloppe parfumée Ambre – L'essence chaleureuse de Grasse dans vos espaces\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eVous cherchez un parfum d'ambiance maison subtil, naturel et qui dure vraiment longtemps ? Cette enveloppe parfumée à l'ambre va transformer vos tiroirs, placards et petits espaces en véritables cocons olfactifs. Conçue avec un parfum de Grasse, capitale mondiale de la parfumerie, elle vous offre une qualité exceptionnelle sans artifice.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003ePourquoi craquer pour ce parfum ambre ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-testimonial\"\u003e\n \u003cp class=\"amb-testimonial-text\"\u003eL'ambre est l'une des fragrances les plus appréciées en parfumerie. À la fois enveloppante et sophistiquée, cette senteur évoque la douceur, le réconfort et une certaine sensualité. Ce n'est pas un hasard si le parfum ambre pour femme comme pour homme reste un grand classique indémodable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-tip\"\u003e\n \u003cspan class=\"amb-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette enveloppe capture l'essence même de l'ambre dans sa version la plus noble : des \u003cstrong\u003enotes ambrées profondes\u003c\/strong\u003e, rehaussées par des touches \u003cstrong\u003evanillées et musquées\u003c\/strong\u003e. Le résultat ? Une fragrance qui enveloppe délicatement vos affaires sans jamais les saturer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eLes notes olfactives de cette enveloppe\u003c\/h2\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🌸 Notes de tête\u003c\/h3\u003e\n \u003cp\u003eAccords légers et lumineux pour une première impression accueillante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🧡 Notes de cœur\u003c\/h3\u003e\n \u003cp\u003eAmbre chaud et vanille crémeuse pour une signature enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🪵 Notes de fond\u003c\/h3\u003e\n \u003cp\u003eMusc blanc et boisé pour une tenue longue durée exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-tip\"\u003e\n \u003cspan class=\"amb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe bouquet olfactif rappelle les grands parfums d'ambiance que vous adorez, mais dans un format pratique et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eUne composition naturelle et responsable\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eCe qui distingue cette enveloppe parfumée des désodorisants classiques, c'est sa formulation pensée pour votre bien-être et celui de la planète.\u003c\/p\u003e\n \u003cdiv class=\"amb-grid\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e�ite Vermiculite naturelle\u003c\/h3\u003e\n \u003cp\u003eCe minéral poreux absorbe et diffuse le parfum de manière progressive et constante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🏛️ Parfum de Grasse\u003c\/h3\u003e\n \u003cp\u003eÉlaboré selon le savoir-faire ancestral des maîtres parfumeurs grassois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e♻️ Enveloppe recyclée\u003c\/h3\u003e\n \u003cp\u003eUn emballage en papier écoresponsable qui respecte vos valeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-tip\"\u003e\n \u003cspan class=\"amb-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003ePas de produits chimiques agressifs, pas de gaz propulseur : juste une diffusion douce et naturelle qui respecte votre environnement intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eOù utiliser votre enveloppe parfumée Ambre ?\u003c\/h2\u003e\n \u003cp class=\"amb-section-intro\"\u003eC'est là toute la magie de ce format compact : vous pouvez l'emporter et l'utiliser absolument partout.\u003c\/p\u003e\n \u003cdiv class=\"amb-grid-compact\"\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e👙 Tiroirs à lingerie\u003c\/h3\u003e\n \u003cp\u003eVêtements délicatement parfumés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🚪 Penderie \u0026amp; armoire\u003c\/h3\u003e\n \u003cp\u003eAdieu odeurs de renfermé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e👜 Sac à main\u003c\/h3\u003e\n \u003cp\u003eFragrance à chaque ouverture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🧳 Valise de voyage\u003c\/h3\u003e\n \u003cp\u003eVotre signature olfactive partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🚗 Voiture\u003c\/h3\u003e\n \u003cp\u003eAlternative élégante aux sapins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-card\"\u003e\n \u003ch3\u003e🛏️ Table de nuit\u003c\/h3\u003e\n \u003cp\u003eNotes apaisantes pour dormir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eCombien de temps dure le parfum ?\u003c\/h2\u003e\n \u003cdiv class=\"amb-timeline\"\u003e\n \u003cdiv class=\"amb-timeline-item\"\u003e\n \u003cdiv class=\"amb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amb-timeline-content\"\u003e\n \u003ch3\u003eDiffusion progressive\u003c\/h3\u003e\n \u003cp\u003eLa vermiculite libère progressivement les molécules parfumées pendant \u003cstrong\u003eplusieurs semaines\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-timeline-item\"\u003e\n \u003cdiv class=\"amb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amb-timeline-content\"\u003e\n \u003ch3\u003eDurée variable\u003c\/h3\u003e\n \u003cp\u003eDans un tiroir fermé, le parfum persiste plus longtemps que dans un endroit ventilé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amb-timeline-item\"\u003e\n \u003cdiv class=\"amb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amb-timeline-content\"\u003e\n \u003ch3\u003eAstuce pour raviver\u003c\/h3\u003e\n \u003cp\u003eFroissez légèrement l'enveloppe entre vos doigts pour libérer de nouvelles notes et prolonger le plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eL'art du parfum de Grasse dans votre quotidien\u003c\/h2\u003e\n \u003cdiv class=\"amb-testimonial\"\u003e\n \u003cp class=\"amb-testimonial-text\"\u003eGrasse n'est pas devenue la capitale mondiale de la parfumerie par hasard. Depuis le XVIIe siècle, cette ville du sud de la France cultive un savoir-faire unique dans l'extraction et la composition des fragrances. En choisissant cette enveloppe parfumée, vous invitez chez vous un petit morceau de cette tradition d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center; margin-top:1.25rem; color:var(--amb-text-light); font-size:15px;\"\u003eQue vous soyez amateur de parfum ambre ou simplement en quête d'un parfum d'ambiance raffiné pour votre intérieur, cette enveloppe répondra à vos attentes les plus exigeantes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"amb-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"amb-accordion\"\u003e\n \u003cdetails class=\"amb-accordion-item\" open\u003e\n \u003csummary class=\"amb-accordion-header\"\u003e🏷️ Fragrance\u003c\/summary\u003e\n \u003cdiv class=\"amb-accordion-content\"\u003e\n \u003cp\u003eAmbre (notes ambrées, vanillées, musquées)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amb-accordion-item\"\u003e\n \u003csummary class=\"amb-accordion-header\"\u003e📦 Contenu\u003c\/summary\u003e\n \u003cdiv class=\"amb-accordion-content\"\u003e\n \u003cp\u003eVermiculite naturelle imprégnée de parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amb-accordion-item\"\u003e\n \u003csummary class=\"amb-accordion-header\"\u003e📍 Origine du parfum\u003c\/summary\u003e\n \u003cdiv class=\"amb-accordion-content\"\u003e\n \u003cp\u003eGrasse, France – Capitale mondiale de la parfumerie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amb-accordion-item\"\u003e\n \u003csummary class=\"amb-accordion-header\"\u003e🏢 Marque\u003c\/summary\u003e\n \u003cdiv class=\"amb-accordion-content\"\u003e\n \u003cp\u003eDrake Home Fragrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amb-accordion-item\"\u003e\n \u003csummary class=\"amb-accordion-header\"\u003e⏱️ Durée de diffusion\u003c\/summary\u003e\n \u003cdiv class=\"amb-accordion-content\"\u003e\n \u003cp\u003ePlusieurs semaines selon l'utilisation et l'aération de l'espace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"amb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne idée cadeau originale et appréciée\u003c\/h2\u003e\n \u003cdiv class=\"amb-cta-box\"\u003e\n \u003cp\u003eVous cherchez un petit présent attentionné ? Cette enveloppe parfumée à l'ambre fait un \u003cstrong\u003ecadeau idéal\u003c\/strong\u003e : élégant, utile et accessible. Elle plaira aussi bien aux amateurs de parfum ambre gris qu'à ceux qui découvrent cette fragrance envoûtante pour la première fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"amb-disclaimer\"\u003eGlissez-la dans un paquet cadeau ou offrez-la comme attention spontanée : le geste sera toujours apprécié.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --amb-cream: #FAF8F5;\n --amb-white: #ffffff;\n --amb-primary: #8B7355;\n --amb-primary-dark: #5D4E3A;\n --amb-primary-light: #F0EBE3;\n --amb-secondary: #D4A574;\n --amb-accent: #C4956A;\n\n \/* Textes *\/\n --amb-text: #1a1a1a;\n --amb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --amb-border: #e8e4de;\n --amb-shadow: 0 4px 24px rgba(93,78,58,.08);\n --amb-shadow-lg: 0 12px 48px rgba(93,78,58,.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}\n\n\/* === HERO === *\/\n.amb-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #6B5A45 50%, #5D4E3A 100%);\n border-radius: var(--amb-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(--amb-shadow-lg);\n}\n\n.amb-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(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.amb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.amb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\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\/* === TITRE HERO === *\/\n.amb-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.amb-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .1em;\n text-transform: uppercase;\n margin: 0 0 1.5rem 0;\n}\n\n.amb-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\/* === SECTIONS === *\/\n.amb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--amb-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.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 font-size: clamp(15px, 2.5vw, 17px);\n color: var(--amb-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\/* === GRILLES === *\/\n.amb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.amb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.amb-card {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.25rem, 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(-6px);\n box-shadow: var(--amb-shadow-lg);\n border-color: var(--amb-primary);\n}\n\n.amb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--amb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.amb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.amb-grid-compact .amb-card {\n padding: 1rem;\n}\n\n.amb-grid-compact .amb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.amb-grid-compact .amb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.amb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amb-primary), var(--amb-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.amb-timeline-content {\n flex: 1;\n background: var(--amb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--amb-radius-sm);\n box-shadow: var(--amb-shadow);\n}\n\n.amb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.amb-timeline-content p {\n font-size: 14px;\n color: var(--amb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.amb-testimonial {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--amb-shadow);\n border-left: 4px solid var(--amb-secondary);\n}\n\n.amb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--amb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.amb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--amb-primary-light);\n border-radius: var(--amb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.amb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.amb-tip p {\n font-size: 14px;\n color: var(--amb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amb-accordion {\n background: var(--amb-white);\n border-radius: var(--amb-radius);\n box-shadow: var(--amb-shadow);\n overflow: hidden;\n}\n\n.amb-accordion-item {\n border-bottom: 1px solid var(--amb-border);\n margin: 0;\n padding: 0;\n}\n\n.amb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.amb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--amb-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.amb-accordion-header:hover {\n background: var(--amb-primary-light);\n}\n\n.amb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.amb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--amb-primary);\n transition: transform .2s ease;\n}\n\n.amb-accordion-item[open] .amb-accordion-header::after {\n content: '−';\n}\n\n.amb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--amb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.amb-accordion-content p {\n margin: 0;\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(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.amb-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.amb-disclaimer {\n font-size: 12px;\n color: var(--amb-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 .amb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .amb-card {\n padding: 1.125rem;\n }\n \n .amb-section {\n margin-bottom: 1.75rem;\n }\n \n .amb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--amb-radius-sm);\n }\n \n .amb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .amb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .amb-grid-compact {\n gap: .625rem;\n }\n \n .amb-grid-compact .amb-card {\n padding: .75rem;\n }\n \n .amb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .amb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .amb-timeline-content h3 {\n font-size: 14px;\n }\n \n .amb-timeline-content p {\n font-size: 13px;\n }\n \n .amb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .amb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .amb-testimonial {\n padding: 1.25rem;\n }\n \n .amb-testimonial-text {\n font-size: 14px;\n }\n \n .amb-tip {\n padding: .875rem 1rem;\n }\n \n .amb-tip-icon {\n font-size: 20px;\n }\n \n .amb-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amb-card {\n animation: ambFadeInUp .5s ease backwards;\n }\n .amb-card:nth-child(1) { animation-delay: .05s; }\n .amb-card:nth-child(2) { animation-delay: .1s; }\n .amb-card:nth-child(3) { animation-delay: .15s; }\n .amb-card:nth-child(4) { animation-delay: .2s; }\n .amb-card:nth-child(5) { animation-delay: .25s; }\n .amb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ambFadeInUp {\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 .amb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DRAKE","offers":[{"title":"Default Title","offer_id":54824756609401,"sku":"ENVAMBREDRAKE","price":2.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/enveloppe-parfumee-ambre-parfum-de-grasse-lifestyle.webp?v=1770050451"},{"product_id":"bruloir-carre-fondant-diffuseur-huiles-essentielles-style-japonais-noir","title":"Brûleur de Cire en Céramique pour Carré Fondant \u0026 Huiles Essentielles","description":"\u003cdiv class=\"bc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bc-hero\"\u003e\n \u003cdiv class=\"bc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bc-hero-content\"\u003e\n \u003cdiv class=\"bc-badges-top\"\u003e\n \u003cspan class=\"bc-badge\"\u003e🏮 Design japonais ajouré\u003c\/span\u003e\n \u003cspan class=\"bc-badge\"\u003e🕯️ Céramique artisanale\u003c\/span\u003e\n \u003cspan class=\"bc-badge\"\u003e🌿 Aromathérapie naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bc-hero-title\"\u003eBrûleur de cire en céramique pour carré fondant \u0026amp; huiles essentielles\u003c\/span\u003e\n \u003cp class=\"bc-subtitle\"\u003eL'alliance parfaite entre décoration zen et diffusion aromatique\u003c\/p\u003e\n \u003cp class=\"bc-description\"\u003eUn écrin de céramique aux lignes épurées qui transforme chaque pièce en sanctuaire de bien-être. Noir mat ou blanc brillant — choisissez votre ambiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eDiffusez vos huiles essentielles et cires parfumées avec élégance\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eOffrez-vous un véritable rituel bien-être à domicile avec ce brûleur de cire en céramique au design japonais ajouré.\u003c\/p\u003e\n \u003cdiv class=\"bc-grid-compact\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🖤 Noir mat\u003c\/h3\u003e\n \u003cp\u003eUne touche contemporaine et zen pour les intérieurs modernes et épurés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🤍 Blanc brillant\u003c\/h3\u003e\n \u003cp\u003eÉlégance lumineuse qui s'accorde avec les décorations claires et aériennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🧘 Espace bien-être\u003c\/h3\u003e\n \u003cp\u003eTransformez salon, chambre ou espace de méditation en un véritable cocon apaisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e✨ Objet décoratif\u003c\/h3\u003e\n \u003cp\u003eBien plus qu'un brûleur : un véritable élément de décoration à part entière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eComment fonctionne ce brûleur de cire parfumée ?\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eLe principe est d'une simplicité remarquable. Placez une bougie chauffe-plat dans la partie inférieure, puis déposez dans la coupelle supérieure l'élément de votre choix :\u003c\/p\u003e\n \u003cdiv class=\"bc-timeline\"\u003e\n \u003cdiv class=\"bc-timeline-item\"\u003e\n \u003cdiv class=\"bc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-content\"\u003e\n \u003ch3\u003e💧 Huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes d'huile essentielle mélangées à un fond d'eau pour une diffusion douce et aromatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-item\"\u003e\n \u003cdiv class=\"bc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-content\"\u003e\n \u003ch3\u003e🧊 Carré fondant en cire végétale\u003c\/h3\u003e\n \u003cp\u003eUn \u003ca title=\"carré fondant en cire végétale\" href=\"https:\/\/www.naturellement-bio.com\/products\/carre-fondant-cire-vegetale-12-senteurs-au-choix-drake\"\u003ecarré fondant en cire végétale\u003c\/a\u003e parfumé pour une fragrance longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-item\"\u003e\n \u003cdiv class=\"bc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bc-timeline-content\"\u003e\n \u003ch3\u003e🟤 Carré d'ambre\u003c\/h3\u003e\n \u003cp\u003eUn \u003ca title=\"carré d'ambre\" href=\"https:\/\/www.naturellement-bio.com\/collections\/carre-ambre\"\u003ecarré d'ambre\u003c\/a\u003e pour une fragrance chaleureuse et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-tip\"\u003e\n \u003cspan class=\"bc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa chaleur douce de la bougie fait fondre progressivement la cire parfumée ou diffuse les arômes des huiles essentielles sans les surchauffer. Contrairement à un brûleur de cire électrique, cette méthode traditionnelle préserve au mieux les propriétés aromatiques tout en créant une ambiance lumineuse unique grâce aux ouvertures ajourées en forme de pétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eUn design ajouré qui sublime votre intérieur\u003c\/h2\u003e\n \u003cp class=\"bc-section-intro\"\u003eCe qui distingue ce brûleur cire parfumée des modèles classiques, c'est son esthétique soignée d'inspiration japonaise.\u003c\/p\u003e\n \u003cdiv class=\"bc-grid\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🌙 Ombres dansantes\u003c\/h3\u003e\n \u003cp\u003eLes découpes élégantes laissent filtrer la lueur de la bougie, projetant de douces ombres dansantes sur les murs. Le soir venu, l'effet est saisissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🖤 Noir mat contemporain\u003c\/h3\u003e\n \u003cp\u003eLe coloris noir mat apporte une touche contemporaine et zen, parfait pour les ambiances minimalistes et cosy.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🤍 Blanc brillant lumineux\u003c\/h3\u003e\n \u003cp\u003eLe blanc brillant s'accorde avec les décorations épurées et lumineuses, pour un rendu doux et apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eDimensions et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"bc-grid-compact\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e📏 Hauteur\u003c\/h3\u003e\n \u003cp\u003e7 cm (2.76 inch)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e📐 Largeur\u003c\/h3\u003e\n \u003cp\u003e6 cm (2.36 inch)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🏺 Matériau\u003c\/h3\u003e\n \u003cp\u003eCéramique de haute qualité, résistante à la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🕯️ Compatibilité\u003c\/h3\u003e\n \u003cp\u003eBougies chauffe-plat standard, cires fondantes, huiles essentielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce brûleur en céramique ?\u003c\/h2\u003e\n \u003cdiv class=\"bc-grid\"\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🌿 Diffusion douce et naturelle\u003c\/h3\u003e\n \u003cp\u003eRespecte les propriétés des huiles essentielles grâce à une chaleur progressive et maîtrisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e♻️ Céramique durable\u003c\/h3\u003e\n \u003cp\u003eFacile à nettoyer après chaque utilisation, conçue pour durer dans le temps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e📦 Format compact\u003c\/h3\u003e\n \u003cp\u003eSe glisse partout : table basse, étagère, salle de bain, bureau ou chevet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🔥 Ambiance lumineuse chaleureuse\u003c\/h3\u003e\n \u003cp\u003eGrâce aux découpes ajourées, la flamme crée un jeu de lumière envoûtant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🔄 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eCompatible avec les cires fondantes, carrés d'ambre et huiles essentielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-card\"\u003e\n \u003ch3\u003e🔌 Sans électricité\u003c\/h3\u003e\n \u003cp\u003eAucune source d'énergie électrique nécessaire, idéal en toute circonstance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bc-section\"\u003e\n \u003ch2\u003eNos conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"bc-accordion\"\u003e\n \u003cdetails class=\"bc-accordion-item\" open\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e💧 Avec des huiles essentielles\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003eVersez une fine couche d'eau dans la coupelle avant d'ajouter vos gouttes d'huile essentielle : cela évite que l'huile ne brûle directement au contact de la céramique chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bc-accordion-item\"\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e🧊 Avec un carré fondant en cire végétale\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003ePlacez-le directement dans la coupelle sans eau. La cire fondue peut être retirée facilement une fois refroidie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bc-accordion-item\"\u003e\n \u003csummary class=\"bc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bc-accordion-content mt-3\"\u003e\n \u003cp\u003ePosez toujours votre brûleur sur une surface plane et stable, à l'écart des courants d'air et hors de portée des enfants et des animaux. Ne le laissez jamais sans surveillance lorsque la bougie est allumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bc-cta-box\"\u003e\n \u003cp\u003e🕯️ Que vous soyez amateur d'aromathérapie, passionné de décoration ou simplement à la recherche d'un moyen naturel de parfumer votre intérieur, ce brûleur de cire en céramique est l'accessoire qu'il vous faut. Offrez-le ou faites-vous plaisir : chaque utilisation est une invitation à la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bc-cream: #f7f5f2;\n --bc-white: #ffffff;\n --bc-primary: #3a3a3a;\n --bc-primary-dark: #1a1a1a;\n --bc-primary-light: #f0ece7;\n --bc-secondary: #c8a96e;\n --bc-accent: #e8d5b0;\n --bc-text: #1a1a1a;\n --bc-text-light: #5a5a5a;\n --bc-border: #e0dcd6;\n --bc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bc-radius: 20px;\n --bc-radius-sm: 12px;\n}\n\n.bc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bc-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 40%, #c8a96e 100%);\n border-radius: var(--bc-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(--bc-shadow-lg);\n}\n\n.bc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(200,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.bc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bc-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.bc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bc-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(--bc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bc-subtitle {\n color: var(--bc-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.bc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bc-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.bc-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(--bc-primary), var(--bc-secondary));\n border-radius: 2px;\n}\n\n.bc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bc-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.bc-card {\n background: var(--bc-white);\n border-radius: var(--bc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bc-shadow-lg);\n border-color: var(--bc-secondary);\n}\n\n.bc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bc-card a {\n color: var(--bc-secondary);\n text-decoration: underline;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.bc-card a:hover {\n color: var(--bc-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.bc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bc-grid-compact .bc-card {\n padding: 1rem;\n}\n\n.bc-grid-compact .bc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bc-grid-compact .bc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bc-primary), var(--bc-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.bc-timeline-content {\n flex: 1;\n background: var(--bc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bc-radius-sm);\n box-shadow: var(--bc-shadow);\n}\n\n.bc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bc-timeline-content p {\n font-size: 14px;\n color: var(--bc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bc-timeline-content a {\n color: var(--bc-secondary);\n text-decoration: underline;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.bc-timeline-content a:hover {\n color: var(--bc-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.bc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bc-primary-light);\n border-radius: var(--bc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bc-tip p {\n font-size: 14px;\n color: var(--bc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bc-accordion {\n background: var(--bc-white);\n border-radius: var(--bc-radius);\n box-shadow: var(--bc-shadow);\n overflow: hidden;\n}\n\n.bc-accordion-item {\n border-bottom: 1px solid var(--bc-border);\n margin: 0;\n padding: 0;\n}\n\n.bc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bc-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.bc-accordion-header:hover {\n background: var(--bc-primary-light);\n}\n\n.bc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bc-secondary);\n transition: transform .2s ease;\n}\n\n.bc-accordion-item[open] .bc-accordion-header::after {\n content: '−';\n}\n\n.bc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bc-cta-box {\n background: linear-gradient(135deg, var(--bc-primary) 0%, #2a2a2a 50%, var(--bc-secondary) 100%);\n border-radius: var(--bc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bc-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}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bc-card {\n padding: 1.125rem;\n }\n\n .bc-section {\n margin-bottom: 1.75rem;\n }\n\n .bc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bc-radius-sm);\n }\n\n .bc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bc-grid-compact {\n gap: .625rem;\n }\n\n .bc-grid-compact .bc-card {\n padding: .75rem;\n }\n\n .bc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bc-timeline-content h3 {\n font-size: 14px;\n }\n\n .bc-timeline-content p {\n font-size: 13px;\n }\n\n .bc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bc-card {\n animation: bcFadeInUp .5s ease backwards;\n }\n .bc-card:nth-child(1) { animation-delay: .05s; }\n .bc-card:nth-child(2) { animation-delay: .1s; }\n .bc-card:nth-child(3) { animation-delay: .15s; }\n .bc-card:nth-child(4) { animation-delay: .2s; }\n .bc-card:nth-child(5) { animation-delay: .25s; }\n .bc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bcFadeInUp {\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 .bc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Noir","offer_id":56398867726713,"sku":"BRULOIRJAPONAISNOIR","price":7.95,"currency_code":"EUR","in_stock":true},{"title":"Blanc","offer_id":56398867759481,"sku":"BRULOIRJAPONAISBLANC","price":7.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bruleur-de-cire-en-ceramique-noir-pour-carre-fondant-et-huiles-essentielles_11zon.jpg?v=1774860302"},{"product_id":"rape-dore-bybazz","title":"Râpe Dorée pour carrés d'ambre","description":"\u003cdiv class=\"rp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rp-hero\"\u003e\n \u003cdiv class=\"rp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rp-hero-content\"\u003e\n \u003cdiv class=\"rp-badges-top\"\u003e\n \u003cspan class=\"rp-badge\"\u003e✨ Finition dorée\u003c\/span\u003e\n \u003cspan class=\"rp-badge\"\u003e💛 Design cœurs\u003c\/span\u003e\n \u003cspan class=\"rp-badge\"\u003e📏 Format mini 8 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rp-hero-title\"\u003eRâpe dorée pour carrés d'ambre\u003c\/span\u003e\n \u003cp class=\"rp-subtitle\"\u003eByBazz\u003c\/p\u003e\n \u003cp class=\"rp-description\"\u003eL'accessoire chic et indispensable pour libérer toute l'intensité parfumée de vos cubes d'ambre en quelques gestes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"rp-section\"\u003e\n \u003ch2\u003eRâpe dorée pour cubes d'ambre ByBazz : libérez tout le parfum de vos carrés d'ambre\u003c\/h2\u003e\n \u003cp class=\"rp-section-intro\"\u003eVous adorez les cubes d'ambre mais vous trouvez que leur parfum manque parfois d'intensité ? Cette \u003cstrong\u003emini râpe dorée ByBazz\u003c\/strong\u003e est l'accessoire qu'il vous manquait. Compacte, élégante et redoutablement efficace, elle a été spécialement conçue pour \u003cstrong\u003erâper vos carrés d'ambre\u003c\/strong\u003e et en décupler les arômes en quelques gestes simples.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rp-section\"\u003e\n \u003ch2\u003ePourquoi râper un cube d'ambre ?\u003c\/h2\u003e\n \u003cdiv class=\"rp-testimonial\"\u003e\n \u003cp class=\"rp-testimonial-text\"\u003eUn cube d'ambre diffuse naturellement son parfum, mais de façon assez subtile. En le râpant, vous créez de fins copeaux qui multiplient la surface de contact avec l'air. Résultat : les \u003cstrong\u003esenteurs orientales\u003c\/strong\u003e se libèrent instantanément et embaument votre pièce avec bien plus d'intensité qu'un cube laissé intact. C'est la méthode traditionnelle utilisée depuis des générations pour profiter pleinement de ces trésors olfactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"rp-section\"\u003e\n \u003ch2\u003eUn accessoire pensé dans les moindres détails\u003c\/h2\u003e\n \u003cdiv class=\"rp-grid-compact\"\u003e\n \u003cdiv class=\"rp-card\"\u003e\n \u003ch3\u003e📐 Format mini\u003c\/h3\u003e\n \u003cp\u003eEnviron 8 cm de longueur, elle se glisse partout et se pose joliment sur un plateau décoratif, à côté de vos cubes d'ambre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-card\"\u003e\n \u003ch3\u003e✨ Finition dorée\u003c\/h3\u003e\n \u003cp\u003eColoris or et \u003cstrong\u003epetits cœurs découpés\u003c\/strong\u003e sur la poignée : une touche chic et chaleureuse pour votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-card\"\u003e\n \u003ch3\u003e🔲 Plusieurs surfaces\u003c\/h3\u003e\n \u003cp\u003eDifférentes tailles de grains pour varier la finesse des copeaux selon vos envies, comme une râpe classique en miniature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-card\"\u003e\n \u003ch3\u003e🛡️ Matière solide\u003c\/h3\u003e\n \u003cp\u003eMétal robuste conçu pour durer et résister à une utilisation régulière sans perdre son éclat doré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"rp-section\"\u003e\n \u003ch2\u003eComment utiliser votre râpe dorée ByBazz ?\u003c\/h2\u003e\n \u003cp class=\"rp-section-intro\"\u003eL'utilisation est très simple et même agréable. Tenez fermement la râpe d'une main et passez votre \u003cstrong\u003ecarré d'ambre\u003c\/strong\u003e sur la surface choisie. Plus les copeaux sont fins, plus le parfum se diffuse rapidement.\u003c\/p\u003e\n \u003cdiv class=\"rp-timeline\"\u003e\n \u003cdiv class=\"rp-timeline-item\"\u003e\n \u003cdiv class=\"rp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rp-timeline-content\"\u003e\n \u003ch3\u003eCoupelle décorative\u003c\/h3\u003e\n \u003cp\u003eDéposez les copeaux dans une \u003cstrong\u003ecoupelle décorative\u003c\/strong\u003e pour parfumer un salon, une chambre ou une salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-timeline-item\"\u003e\n \u003cdiv class=\"rp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rp-timeline-content\"\u003e\n \u003ch3\u003eBrûle-parfum\u003c\/h3\u003e\n \u003cp\u003ePlacez-les sur un \u003cstrong\u003ebrûle-parfum\u003c\/strong\u003e ou un diffuseur chauffant pour intensifier encore la diffusion des arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-timeline-item\"\u003e\n \u003cdiv class=\"rp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rp-timeline-content\"\u003e\n \u003ch3\u003eTiroirs et armoires\u003c\/h3\u003e\n \u003cp\u003eGlissez-les dans vos tiroirs ou armoires pour parfumer délicatement votre linge au quotidien.\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=\"rp-section\"\u003e\n \u003ch2\u003eL'astuce en plus : parfumez votre maison en passant l'aspirateur\u003c\/h2\u003e\n \u003cdiv class=\"rp-tip\"\u003e\n \u003cspan class=\"rp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVoici un conseil malin que peu de gens connaissent : \u003cstrong\u003ene jetez jamais vos copeaux d'ambre\u003c\/strong\u003e restants. Aspirez-les directement avec votre aspirateur. En fonctionnant, celui-ci diffusera les senteurs dans toute votre maison grâce au flux d'air chaud. C'est une façon simple et ingénieuse de parfumer chaque pièce sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"rp-section\"\u003e\n \u003ch2\u003eUne idée cadeau originale\u003c\/h2\u003e\n \u003cdiv class=\"rp-card rp-card-gift\"\u003e\n \u003ch3\u003e🎁 Un cadeau utile et raffiné\u003c\/h3\u003e\n \u003cp\u003eAvec son design soigné et sa finition dorée ornée de cœurs, cette \u003cstrong\u003erâpe ByBazz\u003c\/strong\u003e fait un cadeau à la fois utile et original. Offrez-la seule ou accompagnée d'un cube d'ambre pour un coffret parfumé qui fera sensation. Elle plaira à toutes les personnes qui aiment les \u003cstrong\u003eparfums d'intérieur naturels\u003c\/strong\u003e et les objets décoratifs avec du caractère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"rp-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"rp-accordion\"\u003e\n \u003cdetails class=\"rp-accordion-item\" open\u003e\n \u003csummary class=\"rp-accordion-header\"\u003e🏷️ Informations produit\u003c\/summary\u003e\n \u003cdiv class=\"rp-accordion-content mt-3\"\u003e\n \u003cdiv class=\"rp-specs\"\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003eByBazz\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003eMini râpe pour cubes d'ambre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eCouleur\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003eOr \/ Doré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eLongueur\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003eEnviron 8 cm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eMatière\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003eMétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eDesign\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003eDécoupes en forme de cœur sur la poignée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rp-spec-row\"\u003e\n \u003cspan class=\"rp-spec-label\"\u003eFaces de râpage\u003c\/span\u003e\n \u003cspan class=\"rp-spec-value\"\u003ePlusieurs surfaces pour différentes épaisseurs de copeaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\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=\"rp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rp-cta-box\"\u003e\n \u003cp\u003e✨ Sublimez vos cubes d'ambre et embaumer votre intérieur de senteurs orientales envoûtantes avec cette râpe dorée d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rp-disclaimer\"\u003eCubes d'ambre non inclus. Accessoire à usage exclusif pour râper des cubes d'ambre parfumés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rp-cream: #faf7f2;\n --rp-white: #ffffff;\n --rp-primary: #c9a84c;\n --rp-primary-dark: #8a6d2b;\n --rp-primary-light: #f5ecd7;\n --rp-secondary: #d4af37;\n --rp-accent: #e8c45a;\n --rp-text: #1a1a1a;\n --rp-text-light: #5a5a5a;\n --rp-border: #e8e0d0;\n --rp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rp-radius: 20px;\n --rp-radius-sm: 12px;\n}\n\n.rp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rp-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6d2b 0%, #c9a84c 50%, #d4af37 100%);\n border-radius: var(--rp-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(--rp-shadow-lg);\n}\n\n.rp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.rp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rp-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(--rp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rp-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.rp-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: .05em;\n text-transform: uppercase;\n}\n\n.rp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.rp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rp-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.rp-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(--rp-primary), var(--rp-secondary));\n border-radius: 2px;\n}\n\n.rp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rp-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.rp-section-intro strong {\n color: var(--rp-text);\n}\n\n\/* === CARDS === *\/\n.rp-card {\n background: var(--rp-white);\n border-radius: var(--rp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rp-shadow-lg);\n border-color: var(--rp-primary);\n}\n\n.rp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rp-card p strong {\n color: var(--rp-text);\n}\n\n.rp-card-gift {\n max-width: 700px;\n margin: 0 auto;\n border-left: 4px solid var(--rp-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.rp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rp-grid-compact .rp-card {\n padding: 1rem;\n}\n\n.rp-grid-compact .rp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rp-grid-compact .rp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rp-primary), var(--rp-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.rp-timeline-content {\n flex: 1;\n background: var(--rp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rp-radius-sm);\n box-shadow: var(--rp-shadow);\n}\n\n.rp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rp-timeline-content p {\n font-size: 14px;\n color: var(--rp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rp-timeline-content p strong {\n color: var(--rp-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.rp-testimonial {\n background: var(--rp-white);\n border-radius: var(--rp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rp-shadow);\n border-left: 4px solid var(--rp-primary);\n}\n\n.rp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.rp-testimonial-text strong {\n color: var(--rp-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.rp-accordion {\n background: var(--rp-white);\n border-radius: var(--rp-radius);\n box-shadow: var(--rp-shadow);\n overflow: hidden;\n}\n\n.rp-accordion-item {\n border-bottom: 1px solid var(--rp-border);\n margin: 0;\n padding: 0;\n}\n\n.rp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rp-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.rp-accordion-header:hover {\n background: var(--rp-primary-light);\n}\n\n.rp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rp-primary);\n transition: transform .2s ease;\n}\n\n.rp-accordion-item[open] .rp-accordion-header::after {\n content: '−';\n}\n\n.rp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rp-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECS TABLE === *\/\n.rp-specs {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.rp-spec-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--rp-border);\n}\n\n.rp-spec-row:last-child {\n border-bottom: none;\n}\n\n.rp-spec-label {\n font-weight: 700;\n color: var(--rp-primary-dark);\n font-size: 14px;\n flex-shrink: 0;\n margin-right: 1rem;\n}\n\n.rp-spec-value {\n color: var(--rp-text-light);\n font-size: 14px;\n text-align: right;\n}\n\n\/* === TIP BOX === *\/\n.rp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rp-primary-light);\n border-radius: var(--rp-radius-sm);\n padding: 1.25rem 1.5rem;\n border: 2px solid var(--rp-accent);\n}\n\n.rp-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.rp-tip p {\n font-size: 14px;\n color: var(--rp-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.rp-tip p strong {\n color: var(--rp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.rp-cta-box {\n background: linear-gradient(135deg, var(--rp-primary) 0%, var(--rp-primary-dark) 100%);\n border-radius: var(--rp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rp-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.rp-disclaimer {\n font-size: 12px;\n color: var(--rp-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 .rp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rp-card {\n padding: 1.125rem;\n }\n\n .rp-section {\n margin-bottom: 1.75rem;\n }\n\n .rp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rp-radius-sm);\n }\n\n .rp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rp-grid-compact {\n gap: .625rem;\n }\n\n .rp-grid-compact .rp-card {\n padding: .75rem;\n }\n\n .rp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rp-timeline-content h3 {\n font-size: 14px;\n }\n\n .rp-timeline-content p {\n font-size: 13px;\n }\n\n .rp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rp-testimonial {\n padding: 1.25rem;\n }\n\n .rp-testimonial-text {\n font-size: 14px;\n }\n\n .rp-tip {\n padding: 1rem;\n gap: .75rem;\n }\n\n .rp-tip-icon {\n font-size: 24px;\n }\n\n .rp-tip p {\n font-size: 13px;\n }\n\n .rp-card-gift {\n text-align: left;\n }\n\n .rp-spec-row {\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n padding: .625rem 0;\n }\n\n .rp-spec-value {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rp-card {\n animation: rpFadeInUp .5s ease backwards;\n }\n .rp-card:nth-child(1) { animation-delay: .05s; }\n .rp-card:nth-child(2) { animation-delay: .1s; }\n .rp-card:nth-child(3) { animation-delay: .15s; }\n .rp-card:nth-child(4) { animation-delay: .2s; }\n .rp-card:nth-child(5) { animation-delay: .25s; }\n .rp-card:nth-child(6) { animation-delay: .3s; }\n\n .rp-timeline-item {\n animation: rpFadeInUp .5s ease backwards;\n }\n .rp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .rp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .rp-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes rpFadeInUp {\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 .rp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BYBAZZ","offers":[{"title":"Default Title","offer_id":54853062492537,"sku":"rappedore","price":2.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rape-dore-pour-carres-dambre-bybazz-lifestyle_7d0124f0-0eea-48b3-8b74-740aaf011361.webp?v=1773831171"},{"product_id":"rape-argente-bybazz","title":"Râpe Argentée pour carrés d'ambre","description":"\u003cdiv class=\"rp-premium\"\u003e\n\u003cdiv class=\"rp-hero\"\u003e\n\u003cdiv class=\"rp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rp-hero-content\"\u003e\n\u003cdiv class=\"rp-badges-top\"\u003e\n\u003cspan class=\"rp-badge\"\u003e✨ Finition argentée\u003c\/span\u003e \u003cspan class=\"rp-badge\"\u003e📐 4 faces de râpage\u003c\/span\u003e \u003cspan class=\"rp-badge\"\u003e🤏 Format compact\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rp-hero-title\"\u003eRâpe argentée pour carrés d'ambre\u003c\/span\u003e\n\u003cp class=\"rp-subtitle\"\u003eL'accessoire indispensable BYBAZZ\u003c\/p\u003e\n\u003cp class=\"rp-description\"\u003eTransformez vos cubes d'ambre en copeaux fins pour une diffusion de parfum plus intense, plus durable et entièrement naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"rp-section\"\u003e\n\u003ch2\u003eRâpe argentée pour carrés d'ambre – L'accessoire indispensable\u003c\/h2\u003e\n\u003cp class=\"rp-section-intro\"\u003eVous utilisez des \u003cstrong\u003ecarrés d'ambre\u003c\/strong\u003e pour parfumer votre intérieur ? Cette \u003cstrong\u003erâpe argentée ByBazz\u003c\/strong\u003e est l'outil qu'il vous manque pour en tirer le meilleur parti. Compacte, élégante et redoutablement efficace, elle vous permet de transformer vos cubes d'ambre en copeaux fins qui libèrent des senteurs plus intenses et plus durables.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"rp-section\"\u003e\n\u003ch2\u003ePourquoi râper vos carrés d'ambre ?\u003c\/h2\u003e\n\u003cp class=\"rp-section-intro\"\u003eUn cube d'ambre entier diffuse son parfum de manière subtile. Mais en le râpant, vous multipliez la surface de contact avec l'air, ce qui \u003cstrong\u003eintensifie considérablement la diffusion du parfum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"rp-grid\"\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🔥 Dans un brûleur à cire\u003c\/h3\u003e\n\u003cp\u003ePlacez une pincée de copeaux dans la coupelle, allumez une bougie chauffe-plat et laissez la chaleur libérer les arômes d'ambre. L'alternative parfaite au diffuseur de parfum ambre classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e👔 Dans vos tiroirs et armoires\u003c\/h3\u003e\n\u003cp\u003eGlissez quelques copeaux dans un petit sachet en tissu pour parfumer délicatement votre linge au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🧹 Dans le sac de votre aspirateur\u003c\/h3\u003e\n\u003cp\u003eAjoutez-y des copeaux d'ambre avant de passer l'aspirateur. Votre intérieur sera enveloppé d'une senteur chaleureuse à chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🏡 En décoration\u003c\/h3\u003e\n\u003cp\u003eDisposez les copeaux dans une coupelle décorative pour un parfum d'intérieur ambre naturel et continu, sans flamme ni électricité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rp-section\"\u003e\n\u003ch2\u003eCaractéristiques de la râpe argentée Bybazz\u003c\/h2\u003e\n\u003cdiv class=\"rp-grid-compact\"\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🪨 Matériau\u003c\/h3\u003e\n\u003cp\u003eMétal robuste avec finition argentée brillante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e📏 Dimensions\u003c\/h3\u003e\n\u003cp\u003e2,5 cm × 3,5 cm × 8 cm – se range facilement partout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🔲 Design 4 faces\u003c\/h3\u003e\n\u003cp\u003ePlusieurs tailles de râpage pour des copeaux fins ou plus grossiers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e✋ Poignée ergonomique\u003c\/h3\u003e\n\u003cp\u003ePrise en main confortable et sécurisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🧽 Entretien facile\u003c\/h3\u003e\n\u003cp\u003eUn simple rinçage ou un coup de chiffon suffit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-card\"\u003e\n\u003ch3\u003e🎁 Idée cadeau\u003c\/h3\u003e\n\u003cp\u003eFormat miniature parfait à offrir avec des carrés d'ambre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rp-section\"\u003e\n\u003ch2\u003eComment utiliser votre râpe à ambre ?\u003c\/h2\u003e\n\u003cdiv class=\"rp-timeline\"\u003e\n\u003cdiv class=\"rp-timeline-item\"\u003e\n\u003cdiv class=\"rp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-content\"\u003e\n\u003ch3\u003eChoisissez votre carré d'ambre\u003c\/h3\u003e\n\u003cp\u003eSélectionnez votre fragrance préférée parmi les carrés d'ambre Bybazz disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-item\"\u003e\n\u003cdiv class=\"rp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-content\"\u003e\n\u003ch3\u003eRâpez délicatement\u003c\/h3\u003e\n\u003cp\u003eMaintenez la râpe sur une surface plane ou au-dessus d'une coupelle, puis frottez délicatement le cube sur la face de votre choix.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-item\"\u003e\n\u003cdiv class=\"rp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-content\"\u003e\n\u003ch3\u003eRécupérez les copeaux\u003c\/h3\u003e\n\u003cp\u003eUtilisez-les selon votre méthode de diffusion préférée : brûleur, sachet parfumé, aspirateur ou coupelle décorative.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-item\"\u003e\n\u003cdiv class=\"rp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"rp-timeline-content\"\u003e\n\u003ch3\u003eAjustez la quantité\u003c\/h3\u003e\n\u003cp\u003eUne petite pincée suffit généralement pour parfumer une pièce entière. Dosez selon l'intensité souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-tip\"\u003e\n\u003cspan class=\"rp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eL'avantage par rapport à une huile essentielle ambre pour diffuseur ou un diffuseur ambre électrique ? Aucune consommation d'énergie, aucun liquide à manipuler, et un contrôle total sur l'intensité du parfum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rp-section\"\u003e\n\u003ch2\u003eUn accessoire pensé pour les amoureux des parfums naturels\u003c\/h2\u003e\n\u003cdiv class=\"rp-testimonial\"\u003e\n\u003cp class=\"rp-testimonial-text\"\u003eQue vous soyez déjà adepte des cubes d'ambre ou que vous cherchiez une alternative naturelle aux bougies parfumées et aux diffuseurs de parfum ambre et jersey, cette petite râpe argentée change véritablement l'expérience. Son format miniature en fait aussi une \u003cstrong\u003eidée cadeau originale\u003c\/strong\u003e à offrir avec un lot de carrés d'ambre parfumés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rp-tip\"\u003e\n\u003cspan class=\"rp-tip-icon\"\u003e🪞\u003c\/span\u003e\n\u003cp\u003eSa finition argentée s'intègre avec élégance dans n'importe quel intérieur, que vous la laissiez en évidence à côté de votre diffuseur de parfum ou que vous la rangiez discrètement dans un tiroir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"rp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"rp-cta-box\"\u003e\n\u003cp\u003e✨ Sublimez vos carrés d'ambre et transformez chaque pièce en un cocon parfumé grâce à la râpe argentée Bybazz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"rp-disclaimer\"\u003e⚠️ Les carrés d'ambre et leurs copeaux sont destinés exclusivement à la diffusion de parfum d'ambiance. Ne pas ingérer. Tenir hors de portée des enfants et des animaux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --rp-cream: #f5f4f0;\n --rp-white: #ffffff;\n --rp-primary: #8a8a8a;\n --rp-primary-dark: #3d3d3d;\n --rp-primary-light: #ededeb;\n --rp-secondary: #b8a99a;\n --rp-accent: #c4b5a5;\n --rp-text: #1a1a1a;\n --rp-text-light: #5a5a5a;\n --rp-border: #e0ddd8;\n --rp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rp-radius: 20px;\n --rp-radius-sm: 12px;\n}\n\n.rp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rp-hero {\n position: relative;\n background: linear-gradient(135deg, #6b6b6b 0%, #9e9488 50%, #b8a99a 100%);\n border-radius: var(--rp-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(--rp-shadow-lg);\n}\n\n.rp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%, transparent 0% 50%) 0 0 \/ 30px 30px;\n opacity: .6;\n}\n\n.rp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rp-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(--rp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rp-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.rp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.rp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rp-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.rp-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(--rp-primary), var(--rp-secondary));\n border-radius: 2px;\n}\n\n.rp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rp-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.rp-section-intro strong {\n color: var(--rp-primary-dark);\n}\n\n.rp-card {\n background: var(--rp-white);\n border-radius: var(--rp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rp-shadow-lg);\n border-color: var(--rp-secondary);\n}\n\n.rp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rp-grid-compact .rp-card {\n padding: 1rem;\n}\n\n.rp-grid-compact .rp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rp-grid-compact .rp-card p {\n font-size: 12px;\n}\n\n.rp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rp-primary), var(--rp-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.rp-timeline-content {\n flex: 1;\n background: var(--rp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rp-radius-sm);\n box-shadow: var(--rp-shadow);\n}\n\n.rp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rp-timeline-content p {\n font-size: 14px;\n color: var(--rp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rp-testimonial {\n background: var(--rp-white);\n border-radius: var(--rp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rp-shadow);\n border-left: 4px solid var(--rp-secondary);\n}\n\n.rp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.rp-testimonial-text strong {\n color: var(--rp-primary-dark);\n}\n\n.rp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rp-primary-light);\n border-radius: var(--rp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rp-tip p {\n font-size: 14px;\n color: var(--rp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rp-cta-box {\n background: linear-gradient(135deg, var(--rp-primary) 0%, var(--rp-primary-dark) 100%);\n border-radius: var(--rp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rp-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.rp-disclaimer {\n font-size: 12px;\n color: var(--rp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rp-card {\n padding: 1.125rem;\n }\n\n .rp-section {\n margin-bottom: 1.75rem;\n }\n\n .rp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rp-radius-sm);\n }\n\n .rp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rp-grid-compact {\n gap: .625rem;\n }\n\n .rp-grid-compact .rp-card {\n padding: .75rem;\n }\n\n .rp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rp-timeline-content h3 {\n font-size: 14px;\n }\n\n .rp-timeline-content p {\n font-size: 13px;\n }\n\n .rp-testimonial {\n padding: 1.25rem;\n }\n\n .rp-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rp-card {\n animation: rp-fadeInUp .5s ease backwards;\n }\n .rp-card:nth-child(1) { animation-delay: .05s; }\n .rp-card:nth-child(2) { animation-delay: .1s; }\n .rp-card:nth-child(3) { animation-delay: .15s; }\n .rp-card:nth-child(4) { animation-delay: .2s; }\n .rp-card:nth-child(5) { animation-delay: .25s; }\n .rp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rp-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BYBAZZ","offers":[{"title":"Default Title","offer_id":54853063672185,"sku":"rappeargente","price":2.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rape-argente-pour-carres-dambre-bybazz-lifestyle_a2fcfc6c-4ab6-4354-b941-24eea62736fa.webp?v=1773830255"},{"product_id":"brule-parfum-beton-gris-scentchips","title":"Brûle Parfum pour cire parfumée - Béton naturel gris - Scentchips","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brûle Parfum pour cire parfumée - Béton naturel gris - Scentchips\nPalette détectée:\n - Primaire: #9B9588 (gris-beige moucheté du béton naturel)\n - Secondaire: #D4CFC7 (teinte crème émaillée brillante)\n - Accent: #2C2C2C (noir profond de l'ouverture en forme de goutte)\nAmbiance: Minimaliste, naturel\/organique, zen, décoration intérieure contemporaine, matières brutes et authentiques\nPréfixe CSS: bp\n--\u003e\n\n\u003cdiv class=\"bp-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bp-hero\"\u003e\n \u003cdiv class=\"bp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bp-hero-content\"\u003e\n \u003cdiv class=\"bp-badges-top\"\u003e\n \u003cspan class=\"bp-badge\"\u003e🪨 Béton naturel\u003c\/span\u003e\n \u003cspan class=\"bp-badge\"\u003e✨ Design épuré\u003c\/span\u003e\n \u003cspan class=\"bp-badge\"\u003e🌿 Diffusion saine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bp-hero-title\"\u003eBrûle-parfum béton naturel\u003c\/span\u003e\n \u003cp class=\"bp-subtitle\"\u003eL'élégance brute au service de vos sens\u003c\/p\u003e\n \u003cp class=\"bp-description\"\u003eUn diffuseur de cire parfumée alliant esthétique contemporaine et matériaux authentiques pour transformer l'atmosphère de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir un brûleur de cire ?\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e💨 Diffusion intense\u003c\/h3\u003e\n \u003cp\u003eLes fondants libèrent leur parfum progressivement et uniformément, sans flamme directe qui altère les fragrances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eUn seul fondant diffuse son arôme pendant plusieurs heures. La cire peut être réutilisée tant qu'elle conserve son parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🎨 Personnalisable\u003c\/h3\u003e\n \u003cp\u003eMélangez différentes cires parfumées pour créer vos propres combinaisons olfactives uniques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🌬️ Zéro résidu\u003c\/h3\u003e\n \u003cp\u003eLa cire fond proprement sans produire de fumée noire ni de dépôt sur vos murs ou plafonds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DESIGN --\u003e\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e🎯 Un design pensé dans les moindres détails\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e✨ Partie supérieure émaillée\u003c\/h3\u003e\n \u003cp\u003eTeinte crème brillante accueillant la coupelle où fond la cire, facilitant le nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🪨 Corps en béton naturel\u003c\/h3\u003e\n \u003cp\u003eTexture mouchetée grise apportant une touche brute et authentique à l'ensemble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e💧 Ouverture en goutte\u003c\/h3\u003e\n \u003cp\u003eBonne circulation de l'air autour de la bougie avec un jeu de lumière apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🔘 Perforations latérales\u003c\/h3\u003e\n \u003cp\u003eVentilation optimale pour une combustion propre et efficace de la bougie.\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=\"bp-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"bp-steps\"\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eInstallez le brûleur\u003c\/h3\u003e\n \u003cp\u003ePlacez-le sur une surface plane, stable et résistante à la chaleur, à l'abri des courants d'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eAjoutez la bougie\u003c\/h3\u003e\n \u003cp\u003ePlacez une bougie chauffe-plat (non fournie) dans la cavité centrale, accessible par l'ouverture en goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eDéposez la cire\u003c\/h3\u003e\n \u003cp\u003eAjoutez un ou deux morceaux de fondant parfumé dans la coupelle supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eProfitez\u003c\/h3\u003e\n \u003cp\u003eAllumez la bougie et laissez les arômes se diffuser naturellement pendant plusieurs heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-tip\"\u003e\n \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e pour changer de parfum, absorbez la cire encore liquide avec un coton, ou laissez-la refroidir puis démoulez le disque solidifié.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e🎁 L'idée cadeau parfaite\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid-compact\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🏠 Crémaillère\u003c\/h3\u003e\n \u003cp\u003ePour un nouveau chez-soi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🎂 Anniversaire\u003c\/h3\u003e\n \u003cp\u003eUn présent original\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🎄 Fêtes\u003c\/h3\u003e\n \u003cp\u003ePour les fins d'année\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e💐 Fête des mères\u003c\/h3\u003e\n \u003cp\u003eUne attention raffinée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CIRES RECOMMANDÉES --\u003e\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e🌿 Quelles cires utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🌱 Cires végétales\u003c\/h3\u003e\n \u003cp\u003eSoja, colza : sans paraffine ni dérivés pétroliers pour une diffusion saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🍃 Huiles essentielles\u003c\/h3\u003e\n \u003cp\u003ePréférez les fondants aux huiles essentielles plutôt qu'aux parfums de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🎨 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eÉvitez les colorants artificiels pour préserver la coupelle de tout résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e📐 Caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid-compact\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e📏 Dimensions\u003c\/h3\u003e\n \u003cp\u003e11 × 11 × 12 cm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🪨 Matériau\u003c\/h3\u003e\n \u003cp\u003eBéton naturel \u0026amp; céramique émaillée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eScentchips\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🕯️ Compatible\u003c\/h3\u003e\n \u003cp\u003eBougies chauffe-plat standard\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bp-accordion\"\u003e\n \u003cdetails class=\"bp-accordion-item\"\u003e\n \u003csummary class=\"bp-accordion-header\"\u003e🧹 Entretien et nettoyage\u003c\/summary\u003e\n \u003cdiv class=\"bp-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eNettoyez régulièrement la coupelle\u003c\/strong\u003e avec un chiffon doux imbibé d'eau chaude savonneuse lorsque la cire est encore tiède.\u003cbr\u003e\n • \u003cstrong\u003eÉvitez les produits abrasifs\u003c\/strong\u003e sur la partie émaillée pour préserver sa brillance.\u003cbr\u003e\n • \u003cstrong\u003eEssuyez le corps en béton\u003c\/strong\u003e avec un chiffon sec – les taches de cire s'enlèvent facilement une fois refroidies.\u003cbr\u003e\n • \u003cstrong\u003eRetirez les résidus de bougie\u003c\/strong\u003e de la cavité inférieure après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bp-accordion-item\"\u003e\n \u003csummary class=\"bp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bp-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eNe laissez jamais le brûleur sans surveillance\u003c\/strong\u003e lorsqu'une bougie est allumée.\u003cbr\u003e\n • \u003cstrong\u003ePlacez-le hors de portée\u003c\/strong\u003e des enfants et des animaux – la coupelle peut devenir très chaude.\u003cbr\u003e\n • \u003cstrong\u003eUtilisez des bougies chauffe-plat standard\u003c\/strong\u003e de 4 heures maximum pour éviter une surchauffe.\u003cbr\u003e\n • \u003cstrong\u003eNe déplacez jamais le brûleur\u003c\/strong\u003e lorsqu'il est en fonctionnement ou encore chaud.\u003cbr\u003e\n • \u003cstrong\u003eNe remplissez pas excessivement la coupelle\u003c\/strong\u003e – 2 à 3 morceaux de fondant suffisent.\u003cbr\u003e\n • \u003cstrong\u003eLaissez 10 cm minimum\u003c\/strong\u003e autour du brûleur, loin de tout matériau inflammable.\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=\"bp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bp-cta-box\"\u003e\n \u003cp\u003e🏡 Transformez votre intérieur en havre de bien-être avec ce brûle-parfum d'exception. Associez-le à nos fondants parfumés naturels pour une expérience olfactive complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bp-cream: #F7F5F2;\n --bp-white: #ffffff;\n --bp-primary: #9B9588;\n --bp-primary-dark: #6B665C;\n --bp-primary-light: #E8E5E0;\n --bp-secondary: #D4CFC7;\n --bp-accent: #2C2C2C;\n --bp-text: #1a1a1a;\n --bp-text-light: #5a5a5a;\n --bp-border: #e0e0e0;\n --bp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bp-radius: 20px;\n --bp-radius-sm: 12px;\n}\n\n.bp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bp-hero {\n position: relative;\n background: linear-gradient(135deg, #6B665C 0%, #9B9588 50%, #D4CFC7 100%);\n border-radius: var(--bp-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(--bp-shadow-lg);\n}\n\n.bp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 1px, transparent 1px),\n radial-gradient(circle at 40% 40%, rgba(255,255,255,.08) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .6;\n}\n\n.bp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.bp-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(--bp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bp-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.bp-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.bp-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.bp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bp-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.bp-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(--bp-primary), var(--bp-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bp-card {\n background: var(--bp-white);\n border-radius: var(--bp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bp-shadow-lg);\n border-color: var(--bp-primary);\n}\n\n.bp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bp-grid-compact .bp-card {\n padding: 1rem;\n}\n\n.bp-grid-compact .bp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bp-grid-compact .bp-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.bp-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.bp-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bp-white);\n border-radius: var(--bp-radius);\n padding: 1.25rem;\n box-shadow: var(--bp-shadow);\n transition: all .3s ease;\n}\n\n.bp-step:hover {\n transform: translateX(6px);\n box-shadow: var(--bp-shadow-lg);\n}\n\n.bp-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bp-primary) 0%, var(--bp-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n}\n\n.bp-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bp-step-content p {\n font-size: 14px;\n color: var(--bp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bp-tip {\n background: var(--bp-primary-light);\n border-radius: var(--bp-radius-sm);\n padding: 1rem 1.25rem;\n font-size: 14px;\n color: var(--bp-primary-dark);\n line-height: 1.6;\n max-width: 700px;\n margin: 0 auto;\n border-left: 4px solid var(--bp-primary);\n}\n\n\/* === ACCORDÉON === *\/\n.bp-accordion {\n background: var(--bp-white);\n border-radius: var(--bp-radius);\n box-shadow: var(--bp-shadow);\n overflow: hidden;\n}\n\n.bp-accordion-item {\n border-bottom: 1px solid var(--bp-border);\n margin: 0;\n padding: 0;\n}\n\n.bp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bp-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.bp-accordion-header:hover {\n background: var(--bp-primary-light);\n}\n\n.bp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bp-primary);\n transition: transform .2s ease;\n}\n\n.bp-accordion-item[open] .bp-accordion-header::after {\n content: '−';\n}\n\n.bp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bp-cta-box {\n background: linear-gradient(135deg, var(--bp-primary) 0%, var(--bp-primary-dark) 100%);\n border-radius: var(--bp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bp-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.bp-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 .bp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bp-card {\n padding: 1.125rem;\n }\n \n .bp-section {\n margin-bottom: 1.75rem;\n }\n \n .bp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bp-radius-sm);\n }\n \n .bp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bp-grid-compact {\n gap: .625rem;\n }\n \n .bp-grid-compact .bp-card {\n padding: .75rem;\n }\n \n .bp-step {\n padding: 1rem;\n gap: .75rem;\n }\n \n .bp-step-number {\n width: 35px;\n height: 35px;\n font-size: 16px;\n }\n \n .bp-step-content h3 {\n font-size: 15px;\n }\n \n .bp-step-content p {\n font-size: 13px;\n }\n \n .bp-tip {\n padding: .875rem 1rem;\n font-size: 13px;\n }\n \n .bp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bp-card:nth-child(1) { animation-delay: .05s; }\n .bp-card:nth-child(2) { animation-delay: .1s; }\n .bp-card:nth-child(3) { animation-delay: .15s; }\n .bp-card:nth-child(4) { animation-delay: .2s; }\n .bp-card:nth-child(5) { animation-delay: .25s; }\n .bp-card:nth-child(6) { animation-delay: .3s; }\n \n .bp-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bp-step:nth-child(1) { animation-delay: .1s; }\n .bp-step:nth-child(2) { animation-delay: .15s; }\n .bp-step:nth-child(3) { animation-delay: .2s; }\n .bp-step:nth-child(4) { animation-delay: .25s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SCENTCHIPS","offers":[{"title":"Default Title","offer_id":54853639963001,"sku":"780010","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brule-parfum-pour-cire-parfumee-beton-naturel-gris-scentchip-lifestyle_a94ecfb8-548b-475c-8cad-238b8df649ae.webp?v=1774800005"},{"product_id":"brule-parfum-metal-noir-ceramique-filaire-moderne","title":"Bruleur Carré fondant \u0026 Diffuseur Huiles Essentielles - Métal \u0026 Céramique - Noir","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brûleur d'huiles essentielles géométrique\nPalette détectée:\n - Primaire: #2C2C2C (noir mat du métal géométrique - design industriel moderne)\n - Secondaire: #C9A961 (or\/laiton pour version dorée - luxe discret)\n - Accent: #E8E4DF (céramique blanche\/beige - douceur)\nAmbiance: Lifestyle cocooning, design épuré minimaliste, zen\/wellness, atmosphère feutrée et apaisante\nStyle suggéré: Scandinave moderne avec touche industrielle, élégance sobre et chaleureuse\nPréfixe CSS: brl\n--\u003e\n\n\u003cdiv class=\"brl-premium\"\u003e\n \u003cdiv class=\"brl-hero\"\u003e\n \u003cdiv class=\"brl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brl-hero-content\"\u003e\n \u003cdiv class=\"brl-badges-top\"\u003e\n \u003cspan class=\"brl-badge\"\u003e🕯️ Design géométrique\u003c\/span\u003e\n \u003cspan class=\"brl-badge\"\u003e✨ Polyvalent\u003c\/span\u003e\n \u003cspan class=\"brl-badge\"\u003e🏠 Ambiance cocooning\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brl-hero-title\"\u003eBrûleur géométrique moderne\u003c\/span\u003e\n \u003cp class=\"brl-subtitle\"\u003eL'alliance parfaite du métal et de la céramique pour une diffusion élégante\u003c\/p\u003e\n \u003cp class=\"brl-description\"\u003eTransformez votre intérieur en un véritable havre de paix avec ce brûle-parfum au design épuré. Sa structure géométrique en métal noir sublimée par une coupelle en céramique blanche crée une atmosphère chaleureuse et sophistiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e✨ Un design qui sublime votre décoration\u003c\/h2\u003e\n \u003cdiv class=\"brl-grid\"\u003e\n \u003cdiv class=\"brl-card brl-card-feature\"\u003e\n \u003cdiv class=\"brl-icon\"\u003e🎨\u003c\/div\u003e\n \u003cdiv class=\"brl-card-title\"\u003eÉlégance intemporelle\u003c\/div\u003e\n \u003cp\u003eStructure géométrique filaire en métal noir mat qui apporte une touche contemporaine et raffinée à n'importe quel espace. Un véritable objet déco à part entière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-card brl-card-feature\"\u003e\n \u003cdiv class=\"brl-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"brl-card-title\"\u003eMatériaux premium\u003c\/div\u003e\n \u003cp\u003eL'alliance robuste du métal noir et la finesse de la céramique pour une durabilité exceptionnelle. Des matériaux nobles choisis avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-card brl-card-feature\"\u003e\n \u003cdiv class=\"brl-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"brl-card-title\"\u003eAmbiance zen garantie\u003c\/div\u003e\n \u003cp\u003eCréez une atmosphère apaisante et chaleureuse en diffusant vos fragrances préférées. La flamme dansante de la bougie ajoute une dimension méditative unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e🔄 Une polyvalence exceptionnelle\u003c\/h2\u003e\n \u003cdiv class=\"brl-versatility-container\"\u003e\n \u003cdiv class=\"brl-versatility-card\"\u003e\n \u003cdiv class=\"brl-versatility-icon\"\u003e🧊\u003c\/div\u003e\n \u003cdiv class=\"brl-versatility-title\"\u003eCarrés fondants\u003c\/div\u003e\n \u003cp\u003eFaites fondre vos carrés d'ambre ou fondants parfumés pour une diffusion longue durée et intense de vos fragrances favorites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-versatility-card\"\u003e\n \u003cdiv class=\"brl-versatility-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"brl-versatility-title\"\u003eHuiles essentielles\u003c\/div\u003e\n \u003cp\u003eDiffusez vos huiles essentielles en ajoutant quelques gouttes dans de l'eau. Parfait pour l'aromathérapie et créer une ambiance wellness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-versatility-card\"\u003e\n \u003cdiv class=\"brl-versatility-icon\"\u003e🕯️\u003c\/div\u003e\n \u003cdiv class=\"brl-versatility-title\"\u003eCires parfumées\u003c\/div\u003e\n \u003cp\u003eRéchauffez vos cires solides pour embaumer délicatement votre intérieur. Compatible avec tous types de parfums d'ambiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e📏 Dimensions et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"brl-specs-grid\"\u003e\n \u003cdiv class=\"brl-spec-card\"\u003e\n \u003cdiv class=\"brl-spec-icon\"\u003e📐\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-label\"\u003eStructure\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-value\"\u003e13,8 × 6 cm\u003c\/div\u003e\n \u003cp class=\"brl-spec-detail\"\u003eLargeur × Hauteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-spec-card\"\u003e\n \u003cdiv class=\"brl-spec-icon\"\u003e🥣\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-label\"\u003eCoupelle céramique\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-value\"\u003eØ 10,3 cm\u003c\/div\u003e\n \u003cp class=\"brl-spec-detail\"\u003eProfondeur 2,3 cm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-spec-card\"\u003e\n \u003cdiv class=\"brl-spec-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-label\"\u003ePoids\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-value\"\u003eLéger\u003c\/div\u003e\n \u003cp class=\"brl-spec-detail\"\u003eFacile à déplacer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-spec-card\"\u003e\n \u003cdiv class=\"brl-spec-icon\"\u003e🎨\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-label\"\u003eColoris disponibles\u003c\/div\u003e\n \u003cdiv class=\"brl-spec-value\"\u003eNoir \u0026amp; Or\u003c\/div\u003e\n \u003cp class=\"brl-spec-detail\"\u003eMétal mat élégant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e💡 Mode d'utilisation simple et sécurisé\u003c\/h2\u003e\n \u003cdiv class=\"brl-steps\"\u003e\n \u003cdiv class=\"brl-step\"\u003e\n \u003cdiv class=\"brl-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brl-step-content\"\u003e\n \u003cdiv class=\"brl-step-title\"\u003ePlacez la bougie chauffe-plat\u003c\/div\u003e\n \u003cp\u003eInstallez une bougie chauffe-plat allumée dans l'espace central de la structure métallique géométrique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-step\"\u003e\n \u003cdiv class=\"brl-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brl-step-content\"\u003e\n \u003cdiv class=\"brl-step-title\"\u003eAjoutez votre parfum\u003c\/div\u003e\n \u003cp\u003eDéposez un carré fondant dans la coupelle en céramique, ou versez de l'eau avec quelques gouttes d'huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-step\"\u003e\n \u003cdiv class=\"brl-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brl-step-content\"\u003e\n \u003cdiv class=\"brl-step-title\"\u003eProfitez de la diffusion\u003c\/div\u003e\n \u003cp\u003eLaissez la chaleur de la bougie diffuser délicatement vos fragrances. Surveillez toujours la flamme et ne laissez jamais sans surveillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-step\"\u003e\n \u003cdiv class=\"brl-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"brl-step-content\"\u003e\n \u003cdiv class=\"brl-step-title\"\u003eEntretenez facilement\u003c\/div\u003e\n \u003cp\u003eUne fois refroidi, nettoyez la coupelle en céramique avec un chiffon doux. Simple et rapide pour une réutilisation immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e🎯 Idéal pour créer l'ambiance parfaite\u003c\/h2\u003e\n \u003cdiv class=\"brl-usage-grid\"\u003e\n \u003cdiv class=\"brl-usage-card\"\u003e\n \u003cdiv class=\"brl-usage-emoji\"\u003e🛋️\u003c\/div\u003e\n \u003cdiv class=\"brl-usage-title\"\u003eSalon cocooning\u003c\/div\u003e\n \u003cp\u003eCréez une atmosphère chaleureuse pour vos soirées détente. Placez-le sur une table basse pour un effet visuel et olfactif immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-usage-card\"\u003e\n \u003cdiv class=\"brl-usage-emoji\"\u003e🛁\u003c\/div\u003e\n \u003cdiv class=\"brl-usage-title\"\u003eSalle de bain spa\u003c\/div\u003e\n \u003cp\u003eTransformez votre salle de bain en véritable spa maison. Diffusez des huiles essentielles relaxantes comme la lavande ou l'eucalyptus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-usage-card\"\u003e\n \u003cdiv class=\"brl-usage-emoji\"\u003e🛏️\u003c\/div\u003e\n \u003cdiv class=\"brl-usage-title\"\u003eChambre apaisante\u003c\/div\u003e\n \u003cp\u003eFavorisez un sommeil réparateur avec des fragrances douces. Le design épuré s'intègre parfaitement sur une commode ou table de chevet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-usage-card\"\u003e\n \u003cdiv class=\"brl-usage-emoji\"\u003e💼\u003c\/div\u003e\n \u003cdiv class=\"brl-usage-title\"\u003eBureau zen\u003c\/div\u003e\n \u003cp\u003eAméliorez votre concentration avec des senteurs stimulantes. Un élément déco design qui favorise la productivité et le bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-usage-card\"\u003e\n \u003cdiv class=\"brl-usage-emoji\"\u003e🧘\u003c\/div\u003e\n \u003cdiv class=\"brl-usage-title\"\u003eEspace méditation\u003c\/div\u003e\n \u003cp\u003eAccompagnez vos séances de yoga ou méditation. La flamme douce et les arômes naturels créent une ambiance propice à la relaxation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-usage-card\"\u003e\n \u003cdiv class=\"brl-usage-emoji\"\u003e🎁\u003c\/div\u003e\n \u003cdiv class=\"brl-usage-title\"\u003eCadeau raffiné\u003c\/div\u003e\n \u003cp\u003eUn présent élégant et utile pour toutes les occasions. Emballé avec soin, il ravira les amateurs de décoration et de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e🌟 Les avantages qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"brl-benefits\"\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eDesign géométrique moderne\u003c\/strong\u003e qui devient un véritable élément décoratif\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eStructure ajourée élégante\u003c\/strong\u003e permettant d'admirer la flamme dansante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eCoupelle en céramique amovible\u003c\/strong\u003e pour un nettoyage facile et rapide\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eCompatible avec tous types de parfums\u003c\/strong\u003e : carrés, huiles, cires\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eDiffusion douce et progressive\u003c\/strong\u003e pour une expérience olfactive durable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eStabilité optimale\u003c\/strong\u003e grâce à sa base large et bien équilibrée\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eMatériaux durables\u003c\/strong\u003e résistants à la chaleur et aux utilisations répétées\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-item\"\u003e\n \u003cdiv class=\"brl-benefit-check\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"brl-benefit-text\"\u003e\n\u003cstrong\u003eCompact et discret\u003c\/strong\u003e s'adapte à tous les espaces, même les plus petits\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e⚠️ Conseils de sécurité et d'entretien\u003c\/h2\u003e\n \u003cdiv class=\"brl-safety-grid\"\u003e\n \u003cdiv class=\"brl-safety-card\"\u003e\n \u003cdiv class=\"brl-safety-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"brl-safety-title\"\u003eSurveillance constante\u003c\/div\u003e\n \u003cp\u003eNe jamais laisser une flamme allumée sans surveillance. Éteindre avant de quitter la pièce ou de dormir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-safety-card\"\u003e\n \u003cdiv class=\"brl-safety-icon\"\u003e👶\u003c\/div\u003e\n \u003cdiv class=\"brl-safety-title\"\u003eHors de portée\u003c\/div\u003e\n \u003cp\u003ePlacer le brûleur en hauteur, loin des enfants et des animaux domestiques pour éviter tout accident.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-safety-card\"\u003e\n \u003cdiv class=\"brl-safety-icon\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"brl-safety-title\"\u003eSurface stable\u003c\/div\u003e\n \u003cp\u003eToujours utiliser sur une surface plane, stable et résistante à la chaleur. Éviter les tissus inflammables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-safety-card\"\u003e\n \u003cdiv class=\"brl-safety-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"brl-safety-title\"\u003eNettoyage facile\u003c\/div\u003e\n \u003cp\u003eAttendre le refroidissement complet. Nettoyer la coupelle avec un chiffon doux et de l'eau savonneuse si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-safety-card\"\u003e\n \u003cdiv class=\"brl-safety-icon\"\u003e💨\u003c\/div\u003e\n \u003cdiv class=\"brl-safety-title\"\u003eVentilation\u003c\/div\u003e\n \u003cp\u003eUtiliser dans un espace bien ventilé. Ouvrir légèrement une fenêtre pour renouveler l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-safety-card\"\u003e\n \u003cdiv class=\"brl-safety-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv class=\"brl-safety-title\"\u003ePrécautions d'usage\u003c\/div\u003e\n \u003cp\u003eNe pas surcharger la coupelle. Respecter les dosages recommandés pour les huiles essentielles (3-5 gouttes maximum).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\"\u003e\n \u003ch2\u003e🎨 Deux finitions pour s'adapter à votre style\u003c\/h2\u003e\n \u003cdiv class=\"brl-colors-container\"\u003e\n \u003cdiv class=\"brl-color-option\"\u003e\n \u003cdiv class=\"brl-color-visual brl-color-black\"\u003e\n \u003cdiv class=\"brl-color-dot\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-color-name\"\u003eNoir mat\u003c\/div\u003e\n \u003cp class=\"brl-color-desc\"\u003eÉlégance moderne et sobre. S'intègre parfaitement aux intérieurs contemporains, industriels ou scandinaves. Le choix de l'intemporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-color-option\"\u003e\n \u003cdiv class=\"brl-color-visual brl-color-gold\"\u003e\n \u003cdiv class=\"brl-color-dot\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brl-color-name\"\u003eOr\/Laiton\u003c\/div\u003e\n \u003cp class=\"brl-color-desc\"\u003eTouche de luxe chaleureux. Apporte une note sophistiquée et lumineuse. Idéal pour les ambiances cosy et raffinées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brl-cta-box\"\u003e\n \u003cdiv class=\"brl-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cp\u003e✨ Offrez-vous un moment de détente quotidien avec ce brûle-parfum au design épuré. Transformez votre intérieur en un sanctuaire de bien-être où chaque fragrance raconte une histoire. L'alliance parfaite entre esthétique moderne et fonctionnalité pour sublimer vos rituels bien-être. 🕯️\u003c\/p\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 --brl-cream: #F5F3F0;\n --brl-white: #ffffff;\n --brl-primary: #2C2C2C;\n --brl-primary-dark: #1a1a1a;\n --brl-primary-light: #f0f0f0;\n --brl-secondary: #C9A961;\n --brl-accent: #E8E4DF;\n\n \/* Textes *\/\n --brl-text: #1a1a1a;\n --brl-text-light: #5a5a5a;\n\n \/* Effets *\/\n --brl-border: #e0e0e0;\n --brl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brl-radius: 20px;\n --brl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.brl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--brl-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.brl-hero {\n position: relative;\n background: linear-gradient(135deg, #2C2C2C 0%, #1a1a1a 50%, #3a3a3a 100%);\n border-radius: var(--brl-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(--brl-shadow-lg);\n}\n\n.brl-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,.05) 35px, rgba(255,255,255,.05) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.brl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 2rem;\n}\n\n.brl-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(--brl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.brl-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,.3);\n}\n\n.brl-subtitle {\n color: var(--brl-secondary);\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,.2);\n}\n\n.brl-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.8;\n text-shadow: 0 2px 8px rgba(0,0,0,.2);\n}\n\n\/* === SECTIONS === *\/\n.brl-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.brl-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--brl-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.brl-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(--brl-primary), var(--brl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.brl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.brl-card {\n background: var(--brl-white);\n border-radius: var(--brl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--brl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.brl-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--brl-shadow-lg);\n border-color: var(--brl-primary);\n}\n\n.brl-card-feature {\n text-align: center;\n}\n\n.brl-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.brl-card-title {\n font-size: clamp(18px, 3vw, 21px);\n font-weight: 800;\n color: var(--brl-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.brl-card p {\n font-size: 15px;\n color: var(--brl-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === POLYVALENCE === *\/\n.brl-versatility-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.brl-versatility-card {\n background: linear-gradient(135deg, var(--brl-white) 0%, var(--brl-accent) 100%);\n border-radius: var(--brl-radius);\n padding: 2rem;\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.brl-versatility-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(201,169,97,.1) 0%, transparent 70%);\n transition: all .5s ease;\n}\n\n.brl-versatility-card:hover::before {\n top: -30%;\n right: -30%;\n}\n\n.brl-versatility-card:hover {\n transform: translateY(-6px);\n border-color: var(--brl-secondary);\n box-shadow: 0 8px 32px rgba(201,169,97,.15);\n}\n\n.brl-versatility-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.brl-versatility-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--brl-primary-dark);\n margin-bottom: 0.75rem;\n position: relative;\n z-index: 1;\n}\n\n.brl-versatility-card p {\n font-size: 15px;\n color: var(--brl-text-light);\n margin: 0;\n line-height: 1.7;\n position: relative;\n z-index: 1;\n}\n\n\/* === SPECS === *\/\n.brl-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.brl-spec-card {\n background: var(--brl-white);\n border-radius: var(--brl-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--brl-shadow);\n border: 2px solid var(--brl-border);\n transition: all .3s ease;\n}\n\n.brl-spec-card:hover {\n transform: translateY(-5px);\n border-color: var(--brl-secondary);\n box-shadow: var(--brl-shadow-lg);\n}\n\n.brl-spec-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.brl-spec-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--brl-text-light);\n margin-bottom: 0.5rem;\n}\n\n.brl-spec-value {\n font-size: 28px;\n font-weight: 900;\n color: var(--brl-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.brl-spec-detail {\n font-size: 14px;\n color: var(--brl-text-light);\n margin: 0;\n}\n\n\/* === ÉTAPES === *\/\n.brl-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.brl-step {\n display: flex;\n gap: 1.5rem;\n background: var(--brl-white);\n border-radius: var(--brl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--brl-shadow);\n border-left: 4px solid var(--brl-secondary);\n transition: all .3s ease;\n}\n\n.brl-step:hover {\n transform: translateX(8px);\n box-shadow: var(--brl-shadow-lg);\n}\n\n.brl-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--brl-primary) 0%, var(--brl-primary-dark) 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(44,44,44,.2);\n}\n\n.brl-step-content {\n flex: 1;\n}\n\n.brl-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--brl-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.brl-step-content p {\n font-size: 15px;\n color: var(--brl-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === USAGE === *\/\n.brl-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.brl-usage-card {\n background: var(--brl-white);\n border-radius: var(--brl-radius);\n padding: 2rem;\n box-shadow: var(--brl-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.brl-usage-card:hover {\n transform: translateY(-8px);\n border-color: var(--brl-primary);\n box-shadow: var(--brl-shadow-lg);\n}\n\n.brl-usage-emoji {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.brl-usage-title {\n font-size: 19px;\n font-weight: 800;\n color: var(--brl-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.brl-usage-card p {\n font-size: 15px;\n color: var(--brl-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.brl-benefits {\n background: var(--brl-white);\n border-radius: var(--brl-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--brl-shadow);\n}\n\n.brl-benefit-item {\n display: flex;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--brl-border);\n}\n\n.brl-benefit-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.brl-benefit-item:first-child {\n padding-top: 0;\n}\n\n.brl-benefit-check {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n background: linear-gradient(135deg, var(--brl-secondary) 0%, #b89651 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 900;\n color: white;\n}\n\n.brl-benefit-text {\n flex: 1;\n font-size: 15px;\n color: var(--brl-text);\n line-height: 1.7;\n}\n\n\/* === SAFETY === *\/\n.brl-safety-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.brl-safety-card {\n background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n border-radius: var(--brl-radius);\n padding: 2rem;\n border: 2px solid #ffe5e5;\n transition: all .3s ease;\n}\n\n.brl-safety-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 32px rgba(255,0,0,.1);\n border-color: #ffcccc;\n}\n\n.brl-safety-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.brl-safety-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--brl-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.brl-safety-card p {\n font-size: 15px;\n color: var(--brl-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COLORS === *\/\n.brl-colors-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.brl-color-option {\n text-align: center;\n}\n\n.brl-color-visual {\n width: 120px;\n height: 120px;\n margin: 0 auto 1.5rem;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--brl-shadow-lg);\n position: relative;\n transition: all .3s ease;\n}\n\n.brl-color-visual::before {\n content: '';\n position: absolute;\n inset: -8px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--brl-secondary), var(--brl-primary));\n opacity: 0;\n transition: opacity .3s ease;\n}\n\n.brl-color-option:hover .brl-color-visual::before {\n opacity: 1;\n}\n\n.brl-color-option:hover .brl-color-visual {\n transform: scale(1.05);\n}\n\n.brl-color-black {\n background: linear-gradient(135deg, #2C2C2C 0%, #1a1a1a 100%);\n}\n\n.brl-color-gold {\n background: linear-gradient(135deg, #C9A961 0%, #b89651 100%);\n}\n\n.brl-color-dot {\n width: 40px;\n height: 40px;\n background: white;\n border-radius: 50%;\n position: relative;\n z-index: 1;\n box-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.brl-color-name {\n font-size: 20px;\n font-weight: 800;\n color: var(--brl-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.brl-color-desc {\n font-size: 15px;\n color: var(--brl-text-light);\n line-height: 1.7;\n max-width: 400px;\n margin: 0 auto;\n}\n\n\/* === CTA FINAL === *\/\n.brl-cta-box {\n background: linear-gradient(135deg, var(--brl-primary) 0%, var(--brl-primary-dark) 100%);\n border-radius: var(--brl-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brl-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%, transparent 0%, rgba(201,169,97,.3) 50%, transparent 100%),\n radial-gradient(circle at 80% 50%, transparent 0%, rgba(201,169,97,.3) 50%, transparent 100%);\n}\n\n.brl-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,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .brl-grid,\n .brl-versatility-container,\n .brl-specs-grid,\n .brl-usage-grid,\n .brl-safety-grid,\n .brl-colors-container {\n grid-template-columns: 1fr;\n }\n\n .brl-step {\n flex-direction: column;\n text-align: center;\n }\n\n .brl-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .brl-card,\n .brl-versatility-card,\n .brl-spec-card,\n .brl-step,\n .brl-usage-card,\n .brl-safety-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .brl-card:nth-child(1),\n .brl-versatility-card:nth-child(1),\n .brl-spec-card:nth-child(1),\n .brl-step:nth-child(1),\n .brl-usage-card:nth-child(1),\n .brl-safety-card:nth-child(1) { animation-delay: .1s; }\n \n .brl-card:nth-child(2),\n .brl-versatility-card:nth-child(2),\n .brl-spec-card:nth-child(2),\n .brl-step:nth-child(2),\n .brl-usage-card:nth-child(2),\n .brl-safety-card:nth-child(2) { animation-delay: .2s; }\n \n .brl-card:nth-child(3),\n .brl-versatility-card:nth-child(3),\n .brl-spec-card:nth-child(3),\n .brl-step:nth-child(3),\n .brl-usage-card:nth-child(3),\n .brl-safety-card:nth-child(3) { animation-delay: .3s; }\n \n .brl-card:nth-child(4),\n .brl-versatility-card:nth-child(4),\n .brl-spec-card:nth-child(4),\n .brl-step:nth-child(4),\n .brl-usage-card:nth-child(4),\n .brl-safety-card:nth-child(4) { animation-delay: .4s; }\n \n .brl-card:nth-child(5),\n .brl-versatility-card:nth-child(5),\n .brl-spec-card:nth-child(5),\n .brl-step:nth-child(5),\n .brl-usage-card:nth-child(5),\n .brl-safety-card:nth-child(5) { animation-delay: .5s; }\n \n .brl-card:nth-child(6),\n .brl-versatility-card:nth-child(6),\n .brl-spec-card:nth-child(6),\n .brl-step:nth-child(6),\n .brl-usage-card:nth-child(6),\n .brl-safety-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 .brl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .brl-premium {\n --brl-primary: #000000;\n --brl-primary-dark: #000000;\n --brl-text: #000000;\n }\n\n .brl-card,\n .brl-versatility-card,\n .brl-spec-card,\n .brl-usage-card,\n .brl-safety-card {\n border-width: 3px;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54853647630713,"sku":"BRULOIRINDUSTRIELNOIR","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bruloi-filaire-noir-957202.webp?v=1735895306"},{"product_id":"brule-parfum-bubble-desert-beige-scentchips","title":"Brûle Parfum pour cire parfumée - Bubble Desert Beige - Scentchips","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brûle Parfum Bubble Desert Beige - Scentchips\nPalette détectée:\n - Primaire: #E8DED1 (beige désert\/crème du produit)\n - Secondaire: #A69382 (taupe\/brun intérieur)\n - Accent: #2C2C2C (noir marbre du fond)\nAmbiance: Minimaliste, design scandinave, cocooning, déco intérieure élégante\nPréfixe CSS: bp\n--\u003e\n\n\u003cdiv class=\"bp-premium\"\u003e\n \n \u003cdiv class=\"bp-hero\"\u003e\n \u003cdiv class=\"bp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bp-hero-content\"\u003e\n \u003cdiv class=\"bp-badges-top\"\u003e\n \u003cspan class=\"bp-badge\"\u003e🏺 Céramique premium\u003c\/span\u003e\n \u003cspan class=\"bp-badge\"\u003e🌿 Sans électricité\u003c\/span\u003e\n \u003cspan class=\"bp-badge\"\u003e✨ Design exclusif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bp-hero-title\"\u003eBrûle Parfum Bubble\u003c\/span\u003e\n \u003cp class=\"bp-subtitle\"\u003eDesert Beige par Scentchips\u003c\/p\u003e\n \u003cp class=\"bp-description\"\u003eL'élégance minimaliste au service de vos cires parfumées. Un objet déco unique qui sublime votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🎨 Design Bubbles unique\u003c\/h3\u003e\n \u003cp\u003eMotif en relief composé de bulles qui capte la lumière et apporte du caractère à votre décoration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🏠 S'adapte à tout\u003c\/h3\u003e\n \u003cp\u003eSa teinte beige désert s'harmonise naturellement avec tous les styles : scandinave, bohème, contemporain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🔥 Diffusion douce\u003c\/h3\u003e\n \u003cp\u003eLa chaleur de la bougie libère les arômes progressivement, sans les brûler, préservant toute leur subtilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eZéro consommation électrique. Un simple chauffe-plat suffit pour des heures de parfum délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🧹 Entretien facile\u003c\/h3\u003e\n \u003cp\u003eCoupelle qui se nettoie en un instant pour passer d'un parfum à l'autre sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🕯️ Ambiance cosy\u003c\/h3\u003e\n \u003cp\u003eLa lueur de la bougie visible à travers l'ouverture crée une atmosphère chaleureuse et apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e🎯 Compatible avec\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid-compact\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🧊 Cires parfumées\u003c\/h3\u003e\n \u003cp\u003eFondants et cires végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🟫 Carrés d'ambre\u003c\/h3\u003e\n \u003cp\u003eDiffusion longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e💧 Huiles parfumées\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🌸 Fondants naturels\u003c\/h3\u003e\n \u003cp\u003eToutes marques compatibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bp-steps\"\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eInstallez le brûleur\u003c\/h3\u003e\n \u003cp\u003eSur une surface plane, stable et résistante à la chaleur, à l'abri des courants d'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eDéposez votre cire\u003c\/h3\u003e\n \u003cp\u003eUn ou deux morceaux de fondant dans la coupelle suffisent pour une pièce de taille moyenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003ePlacez la bougie\u003c\/h3\u003e\n \u003cp\u003eInsérez un chauffe-plat standard dans l'ouverture prévue, sous la coupelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-step\"\u003e\n \u003cdiv class=\"bp-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bp-step-content\"\u003e\n \u003ch3\u003eProfitez\u003c\/h3\u003e\n \u003cp\u003eAllumez et laissez la magie opérer. En quelques minutes, votre intérieur se pare d'un parfum délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-tip\"\u003e\n \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Pour changer de parfum, absorbez la cire encore liquide avec un coton, ou laissez-la refroidir et retirez le bloc solidifié.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e🌿 Les avantages sans électricité\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid\"\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e⚡ Zéro consommation\u003c\/h3\u003e\n \u003cp\u003eRéduisez votre empreinte énergétique avec ce geste simple et écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e🔇 Silence total\u003c\/h3\u003e\n \u003cp\u003eAucun bruit de ventilateur, parfait pour la méditation ou la relaxation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bp-card\"\u003e\n \u003ch3\u003e📍 Mobilité totale\u003c\/h3\u003e\n \u003cp\u003eSans fil ni prise, placez-le où bon vous semble dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bp-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bp-accordion\"\u003e\n \u003cdetails class=\"bp-accordion-item\"\u003e\n \u003csummary class=\"bp-accordion-header\"\u003e📐 Caractéristiques techniques\u003c\/summary\u003e\n \u003cdiv class=\"bp-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eMatériau :\u003c\/strong\u003e Céramique de qualité\u003cbr\u003e\n \u003cstrong\u003eCouleur :\u003c\/strong\u003e Beige désert (Desert Beige)\u003cbr\u003e\n \u003cstrong\u003eDesign :\u003c\/strong\u003e Motif Bubbles en relief\u003cbr\u003e\n \u003cstrong\u003eMarque :\u003c\/strong\u003e Scentchips\u003cbr\u003e\n \u003cstrong\u003eBougie recommandée :\u003c\/strong\u003e Chauffe-plat standard (non incluse)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bp-accordion-item\"\u003e\n \u003csummary class=\"bp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bp-accordion-content\"\u003e\n \u003cp\u003e• Ne laissez jamais une bougie allumée sans surveillance\u003cbr\u003e\n • Gardez le brûleur hors de portée des enfants et des animaux\u003cbr\u003e\n • Évitez de déplacer le brûleur lorsque la cire est chaude\u003cbr\u003e\n • Ne versez jamais d'eau dans la coupelle contenant de la cire fondue\u003cbr\u003e\n • Placez toujours le brûleur sur une surface non inflammable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bp-cta-box\"\u003e\n \u003cp\u003e🏡 Transformez chaque pièce en un havre de bien-être parfumé avec ce brûleur au design exclusif. Un accessoire déco aussi beau qu'utile, à offrir ou à s'offrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bp-cream: #FAF8F5;\n --bp-white: #ffffff;\n --bp-primary: #A69382;\n --bp-primary-dark: #7D6B5D;\n --bp-primary-light: #F5F0EB;\n --bp-secondary: #E8DED1;\n --bp-accent: #2C2C2C;\n --bp-text: #1a1a1a;\n --bp-text-light: #5a5a5a;\n --bp-border: #e0e0e0;\n --bp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bp-radius: 20px;\n --bp-radius-sm: 12px;\n}\n\n.bp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bp-hero {\n position: relative;\n background: linear-gradient(135deg, #E8DED1 0%, #A69382 50%, #7D6B5D 100%);\n border-radius: var(--bp-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(--bp-shadow-lg);\n}\n\n.bp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.bp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bp-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(--bp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bp-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.bp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.bp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.bp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bp-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.bp-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(--bp-primary), var(--bp-secondary));\n border-radius: 2px;\n}\n\n.bp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bp-card {\n background: var(--bp-white);\n border-radius: var(--bp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bp-shadow-lg);\n border-color: var(--bp-primary);\n}\n\n.bp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bp-grid-compact .bp-card {\n padding: 1rem;\n}\n\n.bp-grid-compact .bp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bp-grid-compact .bp-card p {\n font-size: 12px;\n}\n\n.bp-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.bp-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bp-white);\n padding: 1.25rem;\n border-radius: var(--bp-radius-sm);\n box-shadow: var(--bp-shadow);\n transition: all .3s ease;\n}\n\n.bp-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bp-shadow-lg);\n}\n\n.bp-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bp-primary) 0%, var(--bp-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.bp-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bp-step-content p {\n font-size: 14px;\n color: var(--bp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bp-tip {\n background: var(--bp-primary-light);\n border-left: 4px solid var(--bp-primary);\n padding: 1rem 1.25rem;\n border-radius: 0 var(--bp-radius-sm) var(--bp-radius-sm) 0;\n font-size: 14px;\n color: var(--bp-text);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bp-accordion {\n background: var(--bp-white);\n border-radius: var(--bp-radius);\n box-shadow: var(--bp-shadow);\n overflow: hidden;\n}\n\n.bp-accordion-item {\n border-bottom: 1px solid var(--bp-border);\n margin: 0;\n padding: 0;\n}\n\n.bp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bp-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.bp-accordion-header:hover {\n background: var(--bp-primary-light);\n}\n\n.bp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bp-primary);\n transition: transform .2s ease;\n}\n\n.bp-accordion-item[open] .bp-accordion-header::after {\n content: '−';\n}\n\n.bp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bp-accordion-content p {\n margin: 0;\n}\n\n.bp-cta-box {\n background: linear-gradient(135deg, var(--bp-primary) 0%, var(--bp-primary-dark) 100%);\n border-radius: var(--bp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bp-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.bp-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 .bp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bp-grid-compact {\n gap: .625rem;\n }\n \n .bp-grid-compact .bp-card {\n padding: .75rem;\n }\n \n .bp-card {\n padding: 1.125rem;\n }\n \n .bp-section {\n margin-bottom: 1.75rem;\n }\n \n .bp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bp-radius-sm);\n }\n \n .bp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bp-step {\n padding: 1rem;\n gap: .75rem;\n }\n \n .bp-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .bp-step-content h3 {\n font-size: 15px;\n }\n \n .bp-step-content p {\n font-size: 13px;\n }\n \n .bp-tip {\n padding: .875rem 1rem;\n font-size: 13px;\n }\n \n .bp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bp-card:nth-child(1) { animation-delay: .05s; }\n .bp-card:nth-child(2) { animation-delay: .1s; }\n .bp-card:nth-child(3) { animation-delay: .15s; }\n .bp-card:nth-child(4) { animation-delay: .2s; }\n .bp-card:nth-child(5) { animation-delay: .25s; }\n .bp-card:nth-child(6) { animation-delay: .3s; }\n \n .bp-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bp-step:nth-child(1) { animation-delay: .1s; }\n .bp-step:nth-child(2) { animation-delay: .15s; }\n .bp-step:nth-child(3) { animation-delay: .2s; }\n .bp-step:nth-child(4) { animation-delay: .25s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SCENTCHIPS","offers":[{"title":"Default Title","offer_id":54853674369401,"sku":"780020","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brule-parfum-pour-cire-parfumee-bubble-desert-beige-scentchi-lifestyle.webp?v=1774800031"},{"product_id":"bruleur-encens-ceramique-cheminee-blanc","title":"Brûleur d'Encens \u0026 Palo Santo en Céramique avec Cheminée - Blanc","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brûleur d'encens en céramique blanche avec cheminée\nPalette détectée:\n - Primaire: #f5f0e8 (blanc cassé crème de la céramique)\n - Secondaire: #d4a574 (beige doré chaleureux du bois\/flamme)\n - Accent: #e8830a (orange vif des flammes)\n - Terre: #8b7355 (brun naturel du bois de palo santo)\nAmbiance: Zen minimaliste, naturel apaisant, spirituel épuré, chaleur douce\nStyle suggéré: Minimaliste premium avec touches organiques et chaleureuses\nPréfixe CSS: bec\n--\u003e\n\n\u003cdiv class=\"bec-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bec-hero\"\u003e\n \u003cdiv class=\"bec-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bec-hero-content\"\u003e\n \u003cdiv class=\"bec-badges-top\"\u003e\n \u003cspan class=\"bec-badge\"\u003e🕉️ Design zen\u003c\/span\u003e\n \u003cspan class=\"bec-badge\"\u003e🌿 4 en 1\u003c\/span\u003e\n \u003cspan class=\"bec-badge\"\u003e✨ Céramique premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bec-hero-title\"\u003eBrûleur d'encens \u0026amp; palo santo\u003c\/span\u003e\n \u003cp class=\"bec-subtitle\"\u003eCéramique blanche avec cheminée élégante\u003c\/p\u003e\n \u003cp class=\"bec-description\"\u003eTransformez vos espaces en havres de paix avec ce magnifique brûleur multifonction. Purification, aromathérapie, décoration : une pièce maîtresse pour vos rituels de bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION: 4 UTILISATIONS --\u003e\n \u003csection class=\"bec-section\"\u003e\n \u003ch2\u003e✨ Quatre façons de créer votre sanctuaire\u003c\/h2\u003e\n \u003cdiv class=\"bec-grid\"\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🌿 Sauge blanche\u003c\/h3\u003e\n \u003cp\u003ePurifiez votre intérieur et chassez les énergies négatives. La cheminée diffuse harmonieusement la fumée purificatrice dans tout l'espace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🪵 Palo santo\u003c\/h3\u003e\n \u003cp\u003eProfitez des bienfaits apaisants du bois sacré. Son arôme boisé et doux crée une atmosphère propice à la méditation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🕯️ Bougie chauffe-plat\u003c\/h3\u003e\n \u003cp\u003eCréez une ambiance chaleureuse et intimiste. La flamme visible à travers l'ouverture apporte une touche cosy irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🔺 Cônes d'encens\u003c\/h3\u003e\n \u003cp\u003eDiffusez délicatement vos fragrances préférées. La cheminée canalise élégamment la fumée pour une diffusion optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: POINTS FORTS --\u003e\n \u003csection class=\"bec-section\"\u003e\n \u003ch2\u003e💫 Pourquoi ce brûleur est unique\u003c\/h2\u003e\n \u003cdiv class=\"bec-grid\"\u003e\n \u003cdiv class=\"bec-card bec-card-highlight\"\u003e\n \u003ch3\u003e🎨 Design minimaliste raffiné\u003c\/h3\u003e\n \u003cp\u003eLignes épurées et forme organique inspirée de la céramique japonaise. Une pièce décorative qui sublime tous les intérieurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card bec-card-highlight\"\u003e\n \u003ch3\u003e♨️ Cheminée intelligente\u003c\/h3\u003e\n \u003cp\u003eConception unique avec évacuation verticale favorisant une circulation fluide de la fumée, créant un spectacle visuel apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card bec-card-highlight\"\u003e\n \u003ch3\u003e🏺 Céramique de qualité\u003c\/h3\u003e\n \u003cp\u003eMatériau premium résistant à la chaleur, facile à nettoyer et durable. Finition mate délicate au toucher soyeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: POUR QUI ? --\u003e\n \u003csection class=\"bec-section\"\u003e\n \u003ch2\u003e🙏 Pour qui est ce brûleur ?\u003c\/h2\u003e\n \u003cdiv class=\"bec-grid\"\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🧘‍♀️ Pratiquants de yoga \u0026amp; méditation\u003c\/h3\u003e\n \u003cp\u003eCréez l'ambiance parfaite pour vos séances quotidiennes avec des fragrances apaisantes qui favorisent la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e✨ Amateurs de rituels spirituels\u003c\/h3\u003e\n \u003cp\u003eIntégrez la purification par la fumée dans vos pratiques énergétiques et de nettoyage des espaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🏡 Passionnés de déco zen\u003c\/h3\u003e\n \u003cp\u003eAjoutez une touche de sérénité minimaliste à votre intérieur avec cet objet aussi beau qu'utile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: MODE D'EMPLOI --\u003e\n \u003csection class=\"bec-section\"\u003e\n \u003ch2\u003e🔥 Comment utiliser votre brûleur\u003c\/h2\u003e\n \u003cdiv class=\"bec-steps\"\u003e\n \u003cdiv class=\"bec-step\"\u003e\n \u003cdiv class=\"bec-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bec-step-content\"\u003e\n \u003ch3\u003eChoisissez l'emplacement\u003c\/h3\u003e\n \u003cp\u003ePlacez le brûleur sur une surface stable et résistante à la chaleur, à l'abri des courants d'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-step\"\u003e\n \u003cdiv class=\"bec-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bec-step-content\"\u003e\n \u003ch3\u003ePréparez votre rituel\u003c\/h3\u003e\n \u003cp\u003eInsérez votre bâton de palo santo, cône d'encens, bougie ou sauge dans l'ouverture centrale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-step\"\u003e\n \u003cdiv class=\"bec-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bec-step-content\"\u003e\n \u003ch3\u003eAllumez et profitez\u003c\/h3\u003e\n \u003cp\u003eAllumez et observez la fumée s'élever gracieusement par la cheminée. Respirez profondément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-step\"\u003e\n \u003cdiv class=\"bec-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bec-step-content\"\u003e\n \u003ch3\u003eNettoyez après usage\u003c\/h3\u003e\n \u003cp\u003eUne fois refroidi, retirez les résidus et essuyez délicatement avec un chiffon humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: INFOS TECHNIQUES (grille compacte) --\u003e\n \u003csection class=\"bec-section\"\u003e\n \u003ch2\u003e📐 Caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"bec-grid-compact\"\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e📏 9,7 × 12,5 cm\u003c\/h3\u003e\n \u003cp\u003eFormat compact et stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🏺 Céramique\u003c\/h3\u003e\n \u003cp\u003eBlanche mate premium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e🔥 Haute résistance\u003c\/h3\u003e\n \u003cp\u003eSupporte la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bec-card\"\u003e\n \u003ch3\u003e💧 Entretien facile\u003c\/h3\u003e\n \u003cp\u003eNettoyage simple\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION: ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"bec-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bec-accordion\"\u003e\n \u003cdetails class=\"bec-accordion-item\"\u003e\n \u003csummary class=\"bec-accordion-header\"\u003e💡 Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"bec-accordion-content\"\u003e\n \u003cp\u003e• Placez votre brûleur à l'abri des courants d'air pour une diffusion harmonieuse\u003cbr\u003e\n • Pour la purification, laissez brûler 5 à 10 min par pièce en ouvrant légèrement une fenêtre\u003cbr\u003e\n • Nettoyez régulièrement l'intérieur pour maintenir une diffusion optimale\u003cbr\u003e\n • Idée cadeau : accompagnez-le d'un assortiment de palo santo ou d'encens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bec-accordion-item\"\u003e\n \u003csummary class=\"bec-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"bec-accordion-content\"\u003e\n \u003cp\u003e• Ne jamais laisser brûler sans surveillance\u003cbr\u003e\n • Placer sur une surface stable et résistante à la chaleur\u003cbr\u003e\n • Tenir hors de portée des enfants et des animaux\u003cbr\u003e\n • Laisser refroidir complètement avant manipulation\u003cbr\u003e\n • Utiliser dans un espace bien ventilé\u003cbr\u003e\n • Ne pas toucher pendant et immédiatement après utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bec-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bec-cta-box\"\u003e\n \u003cp\u003e🕉️ Invitez la sérénité dans votre quotidien avec ce brûleur d'encens multifonction. Créez votre sanctuaire personnel, un rituel à la fois. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --bec-cream: #faf8f5;\n --bec-white: #ffffff;\n --bec-primary: #d4a574;\n --bec-primary-dark: #a67c52;\n --bec-primary-light: #f5ede3;\n --bec-secondary: #e8d5c4;\n --bec-accent: #e8830a;\n --bec-text: #2a2520;\n --bec-text-light: #6b5744;\n --bec-border: #e8e3dd;\n --bec-shadow: 0 4px 24px rgba(139, 115, 85, 0.08);\n --bec-shadow-lg: 0 12px 48px rgba(139, 115, 85, 0.15);\n --bec-radius: 20px;\n --bec-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bec-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bec-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bec-hero {\n position: relative;\n background: linear-gradient(135deg, #f5ede3 0%, #e8d5c4 50%, #d4a574 100%);\n border-radius: var(--bec-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(--bec-shadow-lg);\n}\n\n.bec-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 30%, var(--bec-primary-dark) 1px, transparent 1px);\n background-size: 60px 60px;\n}\n\n.bec-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bec-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bec-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(--bec-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bec-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bec-hero-title {\n display: block;\n color: var(--bec-text);\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(255,255,255,.3);\n}\n\n.bec-subtitle {\n color: var(--bec-primary-dark);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.bec-description {\n color: var(--bec-text);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.8;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bec-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bec-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bec-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.bec-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(--bec-primary), var(--bec-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bec-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bec-card {\n background: var(--bec-white);\n border-radius: var(--bec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bec-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bec-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bec-shadow-lg);\n border-color: var(--bec-primary);\n}\n\n.bec-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bec-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bec-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bec-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bec-card-highlight {\n background: linear-gradient(135deg, var(--bec-white) 0%, var(--bec-primary-light) 100%);\n}\n\n.bec-grid-compact .bec-card {\n padding: 1rem;\n}\n\n.bec-grid-compact .bec-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bec-grid-compact .bec-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.bec-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bec-step {\n display: flex;\n gap: 1.25rem;\n background: var(--bec-white);\n border-radius: var(--bec-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bec-shadow);\n border-left: 4px solid var(--bec-primary);\n transition: all .3s ease;\n}\n\n.bec-step:hover {\n transform: translateX(6px);\n box-shadow: var(--bec-shadow-lg);\n}\n\n.bec-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bec-primary), var(--bec-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);\n}\n\n.bec-step-content {\n flex: 1;\n}\n\n.bec-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bec-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.bec-step-content p {\n color: var(--bec-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bec-accordion {\n background: var(--bec-white);\n border-radius: var(--bec-radius);\n box-shadow: var(--bec-shadow);\n overflow: hidden;\n}\n\n.bec-accordion-item {\n border-bottom: 1px solid var(--bec-border);\n margin: 0;\n padding: 0;\n}\n\n.bec-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bec-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bec-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.bec-accordion-header:hover {\n background: var(--bec-primary-light);\n}\n\n.bec-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bec-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bec-primary);\n transition: transform .2s ease;\n}\n\n.bec-accordion-item[open] .bec-accordion-header::after {\n content: '−';\n}\n\n.bec-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bec-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bec-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.bec-cta-box {\n background: linear-gradient(135deg, var(--bec-primary) 0%, var(--bec-primary-dark) 100%);\n border-radius: var(--bec-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bec-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 === *\/\n@media (max-width: 767px) {\n .bec-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bec-grid-compact {\n gap: .625rem;\n }\n \n .bec-grid-compact .bec-card {\n padding: .75rem;\n }\n \n .bec-card {\n padding: 1.125rem;\n }\n \n .bec-section {\n margin-bottom: 1.75rem;\n }\n \n .bec-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bec-radius-sm);\n }\n \n .bec-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bec-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bec-step {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .bec-step-number {\n margin: 0 auto;\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .bec-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bec-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bec-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bec-card:nth-child(1) { animation-delay: .05s; }\n .bec-card:nth-child(2) { animation-delay: .1s; }\n .bec-card:nth-child(3) { animation-delay: .15s; }\n .bec-card:nth-child(4) { animation-delay: .2s; }\n .bec-card:nth-child(5) { animation-delay: .25s; }\n .bec-card:nth-child(6) { animation-delay: .3s; }\n \n .bec-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bec-step:nth-child(1) { animation-delay: .1s; }\n .bec-step:nth-child(2) { animation-delay: .15s; }\n .bec-step:nth-child(3) { animation-delay: .2s; }\n .bec-step:nth-child(4) { animation-delay: .25s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bec-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":54867343507833,"sku":"bruleurencensceramiquechemineeblanc","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bruleur-encens-en-ceramique-blanc-2.webp?v=1736703498"},{"product_id":"huile-rose-musquee-bio-chili","title":"Huile végétale de Rose Musquée du Chili Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale de Rose Musquée du Chili Bio - 30 ml\nPalette détectée:\n - Primaire: #C4567A (rose musquée\/mauve du packaging)\n - Secondaire: #D4A574 (ambre doré de l'huile)\n - Accent: #4A4A4A (gris anthracite du logo)\nAmbiance: Féminin, naturel\/bio, élégant, soins premium, inspiration florale\nPréfixe CSS: rm\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n \n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 100% Bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇨🇱 Origine Chili\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Revitalisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eLe trésor régénérant des Andes chiliennes\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eExtraite par première pression à froid, cette huile précieuse révèle tout son potentiel anti-âge et réparateur pour sublimer votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🌸 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eRiche en acide linoléique et vitamine A, elle stimule le renouvellement cellulaire pour une peau plus lisse et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Réduction des imperfections\u003c\/h3\u003e\n \u003cp\u003eAtténue visiblement les cicatrices, vergetures et taches pigmentaires pour une peau unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePropriétés nourrissantes qui apportent confort et souplesse à toutes les peaux, même les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants combattent les radicaux libres, retardant l'apparition des rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👩 Peaux marquées\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer les cicatrices d'acné, marques ou vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eParfaite pour lutter contre les signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément les peaux en manque de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e💎 Une pureté absolue\u003c\/h2\u003e\n \u003cdiv class=\"rm-purity-box\"\u003e\n \u003cdiv class=\"rm-purity-grid\"\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🏔️\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRégions préservées du Chili\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eSans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRespectueuse de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rm-steps\"\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche, de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eL'huile agit en profondeur pendant votre sommeil pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-tip\"\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Peut être mélangée à votre crème hydratante habituelle pour booster ses effets.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de 30 ml. Utilisée quotidiennement, cette huile vous accompagne pendant environ 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-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 propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🏆 Certification Bio\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eCertifiée biologique, issue de graines de rose musquée cultivées selon les standards de l'agriculture biologique dans les régions préservées du Chili.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la Rose Musquée du Chili et révélez votre éclat naturel. \u003cem\u003eVotre éclat, notre signature.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #C4567A;\n --rm-primary-dark: #9E3D5C;\n --rm-primary-light: #FAF0F3;\n --rm-secondary: #D4A574;\n --rm-accent: #4A4A4A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd8;\n --rm-shadow: 0 4px 24px rgba(196,86,122,.08);\n --rm-shadow-lg: 0 12px 48px rgba(196,86,122,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #C4567A 0%, #D4A574 50%, #E8C5A8 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-purity-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid var(--rm-primary-light);\n}\n\n.rm-purity-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n}\n\n.rm-purity-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.rm-purity-icon {\n font-size: 24px;\n}\n\n.rm-purity-text {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--rm-text);\n}\n\n.rm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: 1.25rem;\n box-shadow: var(--rm-shadow);\n transition: all .3s ease;\n}\n\n.rm-step:hover {\n transform: translateX(6px);\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-step-number {\n min-width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-step-content h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-step-content p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rm-tip {\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-primary-dark);\n margin-top: 1.25rem;\n text-align: center;\n}\n\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rm-cta-box em {\n display: block;\n margin-top: .5rem;\n font-style: italic;\n opacity: .9;\n}\n\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-card {\n padding: 1.125rem;\n }\n \n .rm-section {\n margin-bottom: 1.75rem;\n }\n \n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n \n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rm-purity-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-step {\n padding: 1rem;\n }\n \n .rm-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 14px;\n }\n \n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n \n .rm-step {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-step:nth-child(1) { animation-delay: .05s; }\n .rm-step:nth-child(2) { animation-delay: .1s; }\n .rm-step:nth-child(3) { animation-delay: .15s; }\n .rm-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-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":54869182218617,"sku":"ROSEMUSQUEEARCENSEL","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-du-chili-bio-30-ml-arc-en-sel-lifestyle.webp?v=1768500480"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/fetes-des-meres.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}