{"title":"Hygiène","description":"","products":[{"product_id":"gelee-nettoyante-purifiante-bio-145-ml-centifolia","title":"Gelée Nettoyante et Purifiante Visage Bio - 145 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\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🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e💧 99,5% Naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍃 Peaux mixtes à grasses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGelée Nettoyante Purifiante Fraîcheur de Thé\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 145 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn rituel de nettoyage quotidien doux et efficace, enrichi en hydrolat de thé vert bio et zinc PCA. Élimine impuretés et excès de sébum sans dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel nettoyant bio visage ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux nettoyants du marché qui décapent la peau, cette gelée repose sur une base lavante ultra-douce dérivée de sucre et de coco, sans sulfates, parabènes ni silicones.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧪 pH physiologique\u003c\/h3\u003e\n \u003cp\u003ePréserve le film hydrolipidique et évite les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eFormule sans parabènes ni silicones pour respecter la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n \u003cp\u003eTexture gel transparente qui se transforme en mousse légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eUne vraie option bio face aux références du marché comme Caudalie Vinopure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes actifs clés d'un nettoyant bio visage efficace\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍵 Hydrolat de Thé Vert BIO\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il tonifie et purifie la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Extrait de Gattilier\u003c\/h3\u003e\n \u003cp\u003eRégule la production de sébum et limite les brillances indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫚 Hydrolat de Gingembre BIO\u003c\/h3\u003e\n \u003cp\u003eStimule et revitalise le teint pour un éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Vera BIO\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et calme les rougeurs des peaux sensibilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action assainissante sur les peaux à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥥 Base lavante douce\u003c\/h3\u003e\n \u003cp\u003eDérivée de sucre et de coco, pour un nettoyage ultra-respectueux.\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\u003e\u003cstrong\u003e99,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 20,9 % issus de l'Agriculture Biologique. Certifiée \u003cstrong\u003eCosmebio\u003c\/strong\u003e, contrôlée par Ecocert et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser la Gelée Nettoyante Fraîcheur de Thé ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement des bienfaits de ce gel nettoyant visage bio, suivez ce rituel simple matin et soir.\u003c\/p\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\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gelée dans le creux de la main.\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\u003eÉmulsionnez\u003c\/h3\u003e\n \u003cp\u003eAjoutez un peu d'eau pour former une mousse légère et onctueuse.\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\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le visage en évitant le contour des yeux.\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\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire puis séchez en tapotant.\u003c\/p\u003e\n \u003c\/div\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\u003eÀ utiliser \u003cstrong\u003ematin et soir\u003c\/strong\u003e. Pour un rituel purifiant complet, associez cette gelée au masque exfoliant et au fluide matifiant de la gamme Fraîcheur de Thé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eIdéale pour rééquilibrer la zone T et les zones plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum et limite les brillances au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔍 Pores dilatés\u003c\/h3\u003e\n \u003cp\u003eAide à resserrer les pores et affiner le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eCompatible avec les peaux sensibles qui brillent dans la zone T.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💄 Cette gelée démaquille-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eElle nettoie parfaitement la peau en fin de journée, mais pour un maquillage longue tenue, un démaquillage préalable à l'huile est conseillé.\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🌿 Convient-elle aux peaux acnéiques ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, grâce au thé vert, au gattilier et au zinc PCA, elle aide à assainir les peaux à tendance acnéique. En cas de traitement dermatologique, demandez conseil à votre médecin : ce produit cosmétique ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagement Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eMarque française pionnière de la \u003cstrong\u003ecosméto-botanique\u003c\/strong\u003e, Centifolia sélectionne chaque ingrédient pour sa traçabilité et son impact réduit sur la biodiversité. Flacon de 145 ml, testé sous contrôle dermatologique. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f9f3;\n --cf-white: #ffffff;\n --cf-primary: #7bc17e;\n --cf-primary-dark: #3d6b42;\n --cf-primary-light: #e8f3e6;\n --cf-secondary: #a8d5a8;\n --cf-accent: #4a8b52;\n --cf-text: #1a2e1c;\n --cf-text-light: #5a6b5c;\n --cf-border: #d8e8d5;\n --cf-shadow: 0 4px 24px rgba(61,107,66,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,107,66,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\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 color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #7bc17e 0%, #4a8b52 50%, #3d6b42 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% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\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 line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.6;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 400;\n}\n\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.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 line-height: 1.2;\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.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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\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.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\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.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-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(61,107,66,.3);\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.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: 22px;\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.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.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 box-shadow: var(--cf-shadow-lg);\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: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card: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\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 .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":45754744078493,"sku":"CE0425","price":12.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-nettoyante-et-purifiante-visage-bio-145-ml-centifolia-packshothd.webp?v=1777800802"},{"product_id":"brosse-a-dents-adultes-medium-vert-boite-de-4-cap-bambou","title":"Brosse à Dents Adultes Medium Vert - Boîte de 4 - Cap Bambou","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eBrosse à Dents Adultes Medium Vert - Boîte de 4 - Cap Bambou\u003c\/strong\u003e, idéale pour une hygiène bucco-dentaire optimale et respectueuse de l'environnement. Fabriquées avec des matières naturelles et durables, ces brosses à dents medium sont parfaites pour nettoyer efficacement vos dents tout en minimisant votre impact écologique. La boîte de 4 brosses à dents vous permet de toujours avoir une brosse de rechange à portée de main ou d'en partager avec votre famille.\u003c\/p\u003e \u003cp\u003eLes brosses à dents Cap Bambou se distinguent par leur design ergonomique, leur éco-conception et leur efficacité. Les poils medium sont parfaits pour offrir un nettoyage en profondeur sans endommager vos gencives, tandis que le manche en bambou naturel est confortable à utiliser et 100% compostable.\u003c\/p\u003e \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e \u003cul\u003e \u003cli\u003eBrossez vos dents au moins deux fois par jour, de préférence après chaque repas.\u003c\/li\u003e \u003cli\u003eUtilisez une petite quantité de dentifrice naturel pour maximiser les bienfaits de votre brosse à dents en bambou.\u003c\/li\u003e \u003cli\u003eN'oubliez pas de remplacer votre brosse à dents tous les 3 mois ou dès que les poils sont usés.\u003c\/li\u003e \u003cli\u003eAprès chaque utilisation, rincez soigneusement la brosse à dents et laissez-la sécher à l'air libre.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eComposition\u003c\/h2\u003e \u003cul\u003e \u003cli\u003e\n\u003cstrong\u003eManche :\u003c\/strong\u003e Bambou Moso, un matériau naturel, renouvelable et 100% compostable.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003ePoils :\u003c\/strong\u003e Nylon-6, d'origine synthétique, idéal pour un nettoyage efficace tout en restant doux pour les gencives.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eEmballage :\u003c\/strong\u003e Boîte en carton recyclable, sans plastique, pour un produit vraiment écologique.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e \u003cp\u003eLes brosses à dents Cap Bambou sont conçues avec amour et soin pour l'environnement. Le bambou utilisé est cultivé de manière durable, sans utilisation de pesticides ou d'engrais chimiques. Elles sont fabriquées en respectant des normes strictes pour assurer une qualité supérieure et une durabilité impressionnante. En choisissant ce produit, vous contribuez à réduire la pollution plastique et favorisez l'utilisation de matériaux naturels et biodégradables.\u003c\/p\u003e \u003cp\u003eAdoptez dès maintenant la \u003cstrong\u003eBrosse à Dents Adultes Medium Vert - Boîte de 4 - Cap Bambou\u003c\/strong\u003e pour allier efficacité, confort et écologie dans votre quotidien. Faites un geste pour la planète, un brossage à la fois !\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754799358109,"sku":"NBAICBA0022","price":14.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cap-bambou-brosse-a-dents-adulte-x4-poils-medium-gravees-cap-bambou.jpg?v=1758298125"},{"product_id":"brosse-a-dents-enfants-violette-cap-bambou","title":"Brosse à Dents Enfants Violette - Cap Bambou","description":"\u003cp\u003eLa \u003cstrong\u003eBROSSE À DENTS ENFANTS VIOLETTE de Cap Bambou\u003c\/strong\u003e est spécialement conçue pour offrir une hygiène bucco-dentaire optimale aux plus petits, tout en respectant l'environnement. Son manche est fabriqué en bambou 100% écologique, connu pour ses propriétés antibactériennes naturelles et sa durabilité. La couleur violette attirante encouragera les enfants à se brosser les dents avec plaisir.\u003c\/p\u003e\n\u003cp\u003eLes poils de la brosse sont en nylon BPA-free, doux et adaptés aux dents et gencives sensibles des enfants. Avec sa petite tête ergonomique, cette brosse permet de nettoyer efficacement chaque recoin de la bouche de votre enfant, même les zones difficiles d'accès.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003ePour garantir une hygiène bucco-dentaire parfaite, il est recommandé de laver les dents de votre enfant après chaque repas. Mouillez la brosse à dents, appliquez une petite quantité de dentifrice naturel, puis brossez doucement en mouvements circulaires. Il est conseillé de changer la brosse à dents tous les trois mois ou dès que les poils commencent à montrer des signes d’usure.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eCette brosse à dents pour enfants est fabriquée à partir de matériaux naturels et durables:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eManche :\u003c\/strong\u003e Bambou 100% naturel, biodégradable et compostable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoils :\u003c\/strong\u003e Nylon sans BPA, respectueux des dents et des gencives des enfants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePackaging :\u003c\/strong\u003e Emballage en carton recyclable, sans plastique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eNos brosses à dents en bambou pour enfants sont issues d'une fabrication écoresponsable. Le bambou utilisé provient de forêts gérées durablement, sans recours à des produits chimiques ou pesticides qui peuvent nuire à l'environnement. L’assemblage de la brosse est réalisé dans des ateliers respectant des normes strictes de responsabilité sociale et environnementale.\u003c\/p\u003e\n\u003cp\u003eL’engagement de \u003cstrong\u003eCap Bambou\u003c\/strong\u003e est de fournir des produits qui contribuent à réduire notre empreinte écologique tout en offrant des soins bucco-dentaires de qualité supérieure pour les enfants. En choisissant la BROSSE À DENTS ENFANTS VIOLETTE, vous participez activement à la préservation de notre planète tout en prenant soin de la santé bucco-dentaire de votre enfant.\u003c\/p\u003e\n\u003ch2\u003eAvantages\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eÉcologique et biodégradable : réduit les déchets plastiques.\u003c\/li\u003e\n\u003cli\u003eAdaptée aux enfants : poils doux et tête ergonomique.\u003c\/li\u003e\n\u003cli\u003eSans BPA : pour une hygiène sûre et sans risque.\u003c\/li\u003e\n\u003cli\u003eDesign attrayant : couleur violette qui plaira aux enfants.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFaites un geste pour la planète tout en initiant votre enfant aux bonnes pratiques d'hygiène bucco-dentaire avec la \u003cstrong\u003eBROSSE À DENTS ENFANTS VIOLETTE Cap Bambou\u003c\/strong\u003e!\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754799751325,"sku":"NBAICBA0024","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-a-dents-enfant-violet-cap-bambou.jpg?v=1758548962"},{"product_id":"cotons-tiges-boite-de-200-cap-bambou","title":"Cotons Tiges - Boîte de 200 - Cap Bambou","description":"\u003cp\u003eDécouvrez nos \u003cstrong\u003eCotons-Tiges en Bambou Cap Bambou\u003c\/strong\u003e, une alternative écologique et biodégradable aux cotons-tiges en plastique. Chaque boîte contient \u003cstrong\u003e200 cotons-tiges\u003c\/strong\u003e fabriqués avec du bambou et du coton 100% naturel. Le bambou, une ressource renouvelable à croissance rapide, apporte durabilité et résistance, tandis que le coton doux assure un nettoyage délicat et efficace des oreilles.\u003c\/p\u003e \u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e \u003cp\u003ePour un usage optimal, utilisez nos cotons-tiges en bambou de la manière suivante :\u003c\/p\u003e \u003cul\u003e \u003cli\u003eInsérez délicatement le coton-tige dans l'oreille externe, sans forcer.\u003c\/li\u003e \u003cli\u003eEffectuez un nettoyage léger pour enlever le surplus de cérumen.\u003c\/li\u003e \u003cli\u003eÉvitez d'introduire le coton-tige trop profondément pour prévenir toute irritation ou blessure.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eComposition\u003c\/h2\u003e \u003cp\u003eNos cotons-tiges en bambou Cap Bambou se composent des matières suivantes :\u003c\/p\u003e \u003cul\u003e \u003cli\u003e\n\u003cstrong\u003eBâton :\u003c\/strong\u003e Bambou 100% naturel\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eTête :\u003c\/strong\u003e Coton biologique 100% naturel\u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003eCes matériaux sont choisis pour leur respect de l'environnement et pour leur douceur, vous garantissant ainsi un produit de qualité supérieure.\u003c\/p\u003e \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e \u003cp\u003eLes cotons-tiges en bambou Cap Bambou sont fabriqués de manière éthique et responsable. Le bambou utilisé pour les bâtonnets provient de sources durables et est récolté dans le respect de l'environnement. Le coton est également biologique et sélectionné avec soin pour sa douceur et sa capacité à être composté après usage. Les emballages sont conçus pour être recyclables, participant ainsi à la réduction des déchets plastiques.\u003c\/p\u003e \u003cp\u003eEn choisissant les \u003cstrong\u003eCotons-Tiges en Bambou Cap Bambou\u003c\/strong\u003e, vous contribuez à la protection de notre planète tout en prenant soin de votre hygiène personnelle. Donner à votre routine quotidienne une touche verte et naturelle n'a jamais été aussi simple.\u003c\/p\u003e ","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754800177309,"sku":"NBAICBA0019","price":3.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cotons-tiges-boite-200-cap-bambou_11zon.jpg?v=1759496366"},{"product_id":"brosse-a-dents-enfants-jaune-cap-bambou","title":"Brosse à dents Enfant Jaune - Cap Bambou","description":"\u003cp\u003eLa \u003cstrong\u003eBrosse à Dents Enfants Jaune - Cap Bambou\u003c\/strong\u003e est spécialement conçue pour les petites mains et les jeunes sourires. Fabriquée en bambou naturel, elle est à la fois écologique et parfaitement adaptée pour initier les enfants à une bonne hygiène bucco-dentaire dès le plus jeune âge. Sa couleur jaune vive et attractive rend le brossage des dents amusant et encourageant, tout en offrant une alternative durable aux brosses à dents en plastique.\u003c\/p\u003e \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e \u003cul\u003e \u003cli\u003e\n\u003cstrong\u003eMatériau:\u003c\/strong\u003e Manche en bambou naturel, biodégradable et compostable.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eBristles:\u003c\/strong\u003e En nylon souple, sans BPA, idéal pour les dents sensibles et les gencives des enfants.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eCouleur:\u003c\/strong\u003e Jaune, pour attirer l’attention des plus jeunes et rendre le brossage plus ludique.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e \u003cp\u003ePour assurer une hygiène bucco-dentaire optimale de votre enfant, nous recommandons de suivre les conseils suivants :\u003c\/p\u003e \u003col\u003e \u003cli\u003eUtilisez une petite quantité de dentifrice bio sur la brosse à dents.\u003c\/li\u003e \u003cli\u003eMontrez à votre enfant comment brosser doucement toutes les faces des dents : face avant, arrière et surface de mastication.\u003c\/li\u003e \u003cli\u003eBrossez les dents pendant deux minutes, en utilisant de petits mouvements circulaires.\u003c\/li\u003e \u003cli\u003eRincez bien la brosse à dents à l’eau claire après chaque utilisation.\u003c\/li\u003e \u003cli\u003eChangez la brosse à dents tous les trois mois ou dès que les bristles commencent à s'effilocher.\u003c\/li\u003e \u003c\/ol\u003e \u003ch2\u003eComposition\u003c\/h2\u003e \u003cp\u003eLa \u003cstrong\u003eBrosse à Dents Enfants Jaune - Cap Bambou\u003c\/strong\u003e est principalement composée des matériaux suivants :\u003c\/p\u003e \u003cul\u003e \u003cli\u003e\n\u003cstrong\u003eManche:\u003c\/strong\u003e Bambou naturel, écologique et compostable.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eBristles:\u003c\/strong\u003e Nylon souple, sans BPA, doux pour les gencives délicates des enfants.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eColorant:\u003c\/strong\u003e Teinture non toxique, sécuritaire pour les enfants.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e \u003cp\u003eLa \u003cstrong\u003eBrosse à Dents Enfants Jaune - Cap Bambou\u003c\/strong\u003e est conçue par l'entreprise \u003cem\u003eCap Bambou\u003c\/em\u003e, spécialisée dans les produits durables et respectueux de l'environnement. Chaque brosse à dents est fabriquée avec soin à partir de bambou naturellement antibactérien. Ce matériau est non seulement une ressource renouvelable mais aussi biodégradable, ce qui en fait un choix respectueux de notre planète. La fabrication de cette brosse à dents respecte des normes écologiques strictes pour garantir le bien-être de vos enfants et de l’environnement.\u003c\/p\u003e \u003cp\u003eOptez pour la \u003cstrong\u003eBrosse à Dents Enfants Jaune - Cap Bambou\u003c\/strong\u003e et faites un geste pour la planète tout en prenant soin des dents de vos petits !\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e Longueur de la brosse: 14,5 cm, format spécialement adapté aux petites mains.\u003c\/p\u003e \u003cp\u003eEn résumé, la \u003cstrong\u003eBrosse à Dents Enfants Jaune - Cap Bambou\u003c\/strong\u003e n’est pas seulement un choix de brossage efficace pour les enfants, mais aussi une manière pédagogique de les sensibiliser dès le plus jeune âge à l’importance des gestes écologiques et respectueux de notre environnement.\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754801029277,"sku":"NBAICBA0025","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-dents-enfant-jaune-cap-bambou-2_11zon.jpg?v=1759502969"},{"product_id":"brosse-a-dents-adultes-souple-vert-boite-de-4-cap-bambou","title":"Brosse à Dents Adultes Souple Vert - Boîte De 4 - Cap Bambou","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eBrosse à Dents Adultes Souple Vert (vendu en boîte de 4)\u003c\/strong\u003e de \u003cstrong\u003eCap Bambou\u003c\/strong\u003e, conçue pour une expérience de brossage à la fois délicate et efficace. Ces brosses à dents en bambou sont une solution parfaite pour ceux qui recherchent une option plus écologique tout en maintenant une excellente hygiène bucco-dentaire. Leur manche en bambou naturel procure une prise en main confortable et leur design épuré s'intègre parfaitement à toute salle de bain moderne.\u003c\/p\u003e\n\u003cp\u003eFabriquées à partir de matières premières renouvelables, ces brosses à dents sont une alternative durable aux brosses classiques en plastique. En optant pour ces brosses à dents, vous contribuez à réduire votre impact environnemental tout en prenant soin de votre santé bucco-dentaire.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003ePour un brossage optimal, nous recommandons d'utiliser cette brosse à dents souple avec un dentifrice bio et à faible teneur en fluor. Brossez-vous les dents au moins deux fois par jour, idéalement après chaque repas, en effectuant des mouvements de rotation pour bien nettoyer toutes les surfaces dentaires.\u003c\/p\u003e\n\u003cp\u003eIl est conseillé de changer de brosse à dents tous les trois mois, ou dès que les poils commencent à s'user, pour assurer une efficacité maximale et maintenir une bonne hygiène buccale.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eManche : \u003c\/strong\u003eBambou naturel, biodégradable et compostable\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoils : \u003c\/strong\u003eNylon souple, sans BPA\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage : \u003c\/strong\u003eKraft recyclé et recyclable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa brosse à dents Cap Bambou est constituée de \u003cem\u003ebambou Moso\u003c\/em\u003e, une variété non consommée par les pandas, garantissant ainsi une production respectueuse de la biodiversité.\u003c\/p\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eCes brosses à dents sont fabriquées avec soin en utilisant des ressources durables. Le bambou Moso provient de forêts gérées de manière écoresponsable et les brosses à dents sont assemblées dans des ateliers certifiés pour garantir des conditions de travail éthiques et justes.\u003c\/p\u003e\n\u003cp\u003eChoisir la \u003cstrong\u003eBrosse à Dents Adultes Souple Vert Cap Bambou\u003c\/strong\u003e, c'est opter pour une hygiène bucco-dentaire naturelle et durable, tout en participant activement à la préservation de notre planète.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Cap Bambou?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRespect de l'environnement avec un produit biodégradable et sans plastique\u003c\/li\u003e\n\u003cli\u003eDesign ergonomique et élégant pour un brossage confortable\u003c\/li\u003e\n\u003cli\u003ePoils en nylon souple, parfaits pour les gencives sensibles\u003c\/li\u003e\n\u003cli\u003eEmballage réduit et écologique pour limiter les déchets\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eN'attendez plus pour adopter une approche plus naturelle et écologique au quotidien avec cette boîte de quatre brosses à dents souples de \u003cstrong\u003eCap Bambou\u003c\/strong\u003e. Votre sourire et la planète vous remercieront!\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754801422493,"sku":"NBAICBA0023","price":14.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-dents-adultes-souple-vert-boite-4-cap-bambou.jpg?v=1758707713"},{"product_id":"cotons-tiges-boite-de-100-cap-bambou","title":"Cotons Tiges - Boîte De 100 - Cap Bambou","description":" \u003cp\u003eDécouvrez les \u003cstrong\u003eCotons Tiges - Boîte de 100 - Cap Bambou\u003c\/strong\u003e, une alternative écologique et durable aux cotons-tiges traditionnels en plastique. Fabriqués à partir de matériaux naturels, ces cotons-tiges sont le choix parfait pour ceux qui souhaitent réduire leur empreinte écologique tout en maintenant une hygiène irréprochable. Avec leur tige en bambou et leur ouate 100% coton, ils sont à la fois doux pour la peau et respectueux de l'environnement.\u003c\/p\u003e \u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e \u003cp\u003eUtilisez les cotons-tiges Cap Bambou comme n'importe quel autre coton-tige, avec une légère pression pour éviter tout risque de blessure. Ils sont parfaits pour nettoyer les oreilles, mais aussi pour ajuster votre maquillage ou même pour des tâches de nettoyage minutieuses. Pour un usage sûr, veillez à ne pas insérer le coton-tige trop profondément dans le conduit auditif.\u003c\/p\u003e \u003ch2\u003eComposition\u003c\/h2\u003e \u003cp\u003eLes cotons-tiges Cap Bambou sont composés de :\u003c\/p\u003e \u003cul\u003e \u003cli\u003e\n\u003cstrong\u003eTige en bambou :\u003c\/strong\u003e Un matériau résistant et durable, naturellement antibactérien et biodégradable.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eOuate 100% coton :\u003c\/strong\u003e Hypoallergénique et douce pour la peau, idéale pour les peaux sensibles.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e \u003cp\u003eLes cotons-tiges Cap Bambou sont confectionnés de manière artisanale en Asie, dans des conditions de travail éthiques et avec un souci constant de respect de l'environnement. Le bambou utilisé provient de forêts gérées de manière responsable, sans utilisation de pesticides ni d'engrais chimiques. Ce produit est un engagement envers la durabilité et le respect de la planète.\u003c\/p\u003e \u003ch2\u003ePourquoi choisir Cap Bambou ?\u003c\/h2\u003e \u003cp\u003eEn choisissant la boîte de 100 cotons-tiges Cap Bambou, vous faites un geste simple mais significatif pour la préservation de notre ecosystème. Contrairement aux cotons-tiges en plastique qui mettent des décennies à se décomposer, ceux en bambou et coton sont biodégradables et peuvent être compostés. De plus, leur performance est irréprochable pour un usage quotidien.\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eOptez pour une hygiène responsable et respectueuse de l'environnement avec Cap Bambou !\u003c\/strong\u003e\u003c\/p\u003e \u003ch2\u003eAvis des utilisateurs\u003c\/h2\u003e \u003cp\u003eNos utilisateurs apprécient particulièrement la qualité et la douceur de ces cotons-tiges. Voici ce que certains d'entre eux disent :\u003c\/p\u003e \u003cul\u003e \u003cli\u003e\"Enfin des cotons-tiges écologiques qui ne sacrifient pas la qualité !\" - Marie L.\u003c\/li\u003e \u003cli\u003e\"Parfaits pour les retouches maquillage, sans aucun sentiment de culpabilité écologique !\" - Paul R.\u003c\/li\u003e \u003cli\u003e\"Je ne reviendrai jamais à des cotons-tiges en plastique après avoir essayé ceux-là. Génial ! \"- Sophie T.\u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003e\u003cem\u003eRejoignez le mouvement Cap Bambou et faites la différence, un coton-tige à la fois !\u003c\/em\u003e\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754801651869,"sku":"NBAICBA0018","price":1.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cotons-tiges-bambou-x100-cap-bambou.jpg?v=1758627456"},{"product_id":"shampoing-fleur-de-lotus-bio-pack-de-6-pastilles-anotherway","title":"Shampoing Fleur de Lotus Bio - Pack de 6 Pastilles - Anotherway","description":"\u003cdiv class=\"aw-premium\"\u003e\n \u003cdiv class=\"aw-hero\"\u003e\n \u003cdiv class=\"aw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aw-hero-content\"\u003e\n \u003cdiv class=\"aw-badges-top\"\u003e\n \u003cspan class=\"aw-badge\"\u003e🏆 Meilleur Produit Bio 2023\u003c\/span\u003e\n \u003cspan class=\"aw-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"aw-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"aw-badge\"\u003e♻️ -90% de plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"aw-hero-title\"\u003eShampoing Fleur de Lotus Bio\u003c\/span\u003e\n \u003cp class=\"aw-subtitle\"\u003ePack de 6 pastilles · Anotherway\u003c\/p\u003e\n \u003cp class=\"aw-description\"\u003eEnvie d'une routine capillaire plus \u003cstrong\u003eécologique\u003c\/strong\u003e, sans compromis sur le plaisir d'un vrai shampoing onctueux ? Dissolvez 3 pastilles dans 270 ml d'eau et obtenez un shampoing liquide bio, doux et parfumé, aussi efficace qu'un shampoing classique, aussi vertueux qu'un shampoing solide bio.\u003c\/p\u003e\n \u003cdiv class=\"aw-hero-stats\"\u003e\n \u003cdiv class=\"aw-stat\"\u003e\n \u003cspan class=\"aw-stat-number\"\u003e95,1%\u003c\/span\u003e\n \u003cspan class=\"aw-stat-label\"\u003eingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-stat\"\u003e\n \u003cspan class=\"aw-stat-number\"\u003e2x270ml\u003c\/span\u003e\n \u003cspan class=\"aw-stat-label\"\u003eshampoings liquides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-stat\"\u003e\n \u003cspan class=\"aw-stat-number\"\u003e-90%\u003c\/span\u003e\n \u003cspan class=\"aw-stat-label\"\u003ede plastique évité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eUne alternative intelligente au shampoing solide classique\u003c\/h2\u003e\n \u003cp class=\"aw-section-intro\"\u003eSi vous avez déjà essayé un \u003cstrong\u003eshampoing solide bio\u003c\/strong\u003e sans être totalement convaincu(e) par la texture ou la prise en main, les pastilles Anotherway changent la donne. Vous retrouvez l'onctuosité d'un shampoing liquide traditionnel, tout en éliminant jusqu'à 90 % de plastique grâce au format rechargeable.\u003c\/p\u003e\n \u003cdiv class=\"aw-grid\"\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e💧 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eLe confort d'un vrai shampoing liquide, pas d'adaptation nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 90 % de plastique en moins qu'un shampoing classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e✈️ Ultra compact\u003c\/h3\u003e\n \u003cp\u003eLéger et facile à transporter, parfait pour tous vos voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-tip\"\u003e\n \u003cspan class=\"aw-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eLe pack de 6 pastilles permet de préparer \u003cstrong\u003e2 flacons de 270 ml\u003c\/strong\u003e, soit l'équivalent de deux shampoings complets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eLes bienfaits de la fleur de lotus pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"aw-section-intro\"\u003eConnue en cosmétique naturelle pour ses vertus apaisantes, la \u003cstrong\u003efleur de lotus\u003c\/strong\u003e préserve la douceur du cuir chevelu et apporte un parfum floral délicat. Associée à une base lavante douce, elle convient à tous types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"aw-grid\"\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🌸 Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eNettoie en profondeur sans agresser le cuir chevelu, même en lavages fréquents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e✨ Souplesse \u0026amp; brillance\u003c\/h3\u003e\n \u003cp\u003eLaisse les cheveux souples, brillants et faciles à démêler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🪷 Parfum floral délicat\u003c\/h3\u003e\n \u003cp\u003eUn sillage naturel subtil de fleur de lotus, frais et enveloppant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous types de cheveux, y compris normaux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eComment utiliser les pastilles de shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"aw-timeline\"\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003e💦 Remplissez votre flacon\u003c\/h3\u003e\n \u003cp\u003eVersez 270 ml d'eau dans un flacon, idéalement le flacon rechargeable Anotherway.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003e🫧 Ajoutez 3 pastilles\u003c\/h3\u003e\n \u003cp\u003eGlissez 3 pastilles dans le flacon, refermez bien et secouez énergiquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003e⏳ Laissez reposer\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques heures : les pastilles se dissolvent totalement pour former un shampoing onctueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-item\"\u003e\n \u003cdiv class=\"aw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"aw-timeline-content\"\u003e\n \u003ch3\u003e🚿 Shampouinez comme d'habitude\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux mouillés, massez délicatement, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-tip\"\u003e\n \u003cspan class=\"aw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une routine complète, associez-le à un \u003cstrong\u003eaprès-shampoing solide\u003c\/strong\u003e ou à un masque nourrissant selon la nature de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003eComposition : 95,1 % d'ingrédients d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"aw-section-intro\"\u003eCertifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, fabriqué en France, ce shampoing affiche une formule courte et transparente, \u003cstrong\u003esans sulfates agressifs, sans silicones, sans parabènes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"aw-grid\"\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Isethionate\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux issu de la noix de coco, respecte le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🫧 Sodium Lauroyl Methyl Isethionate\u003c\/h3\u003e\n \u003cp\u003eAgent lavant délicat pour une mousse onctueuse et douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🌾 Maltodextrin\u003c\/h3\u003e\n \u003cp\u003eLiant 100 % naturel qui cohère la pastille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🌱 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eTexturant végétal pour une onctuosité parfaite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate \u0026amp; Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs doux autorisés en cosmétique bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🍋 Citric Acid\u003c\/h3\u003e\n \u003cp\u003eAjuste le pH pour respecter l'équilibre du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🪷 Extrait de fleur de lotus\u003c\/h3\u003e\n \u003cp\u003eNelumbo Nucifera : apaisant et parfum floral signature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eIssu exclusivement d'ingrédients d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\"\u003e\n \u003ch2\u003ePourquoi choisir Anotherway ?\u003c\/h2\u003e\n \u003cdiv class=\"aw-grid-compact\"\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🏆 Primé Meilleur Produit Bio 2023\u003c\/h3\u003e\n \u003cp\u003eÉlu par un jury de 100 consommateurs Bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUne marque française engagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLabel bio Ecocert exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e💧 Toucher liquide authentique\u003c\/h3\u003e\n \u003cp\u003eLe confort d'un shampoing classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n \u003cp\u003eRéduit drastiquement les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-card\"\u003e\n \u003ch3\u003e⭐ Cité parmi les meilleurs\u003c\/h3\u003e\n \u003cp\u003eUne référence des shampoings solides bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"aw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"aw-accordion\"\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez les pastilles à l'abri de l'humidité jusqu'à utilisation, dans leur emballage d'origine pour préserver toutes leurs qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aw-accordion-item\"\u003e\n \u003csummary class=\"aw-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"aw-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de réaction inhabituelle, cessez immédiatement l'utilisation. Ce produit cosmétique ne remplace pas un avis médical ou un traitement dermatologique en cas de problème de cuir chevelu persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aw-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌸 Adoptez une routine capillaire \u003cstrong\u003eécologique, bio et onctueuse\u003c\/strong\u003e avec les pastilles Fleur de Lotus Anotherway.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aw-cream: #fdf8f1;\n --aw-white: #ffffff;\n --aw-primary: #2f5d54;\n --aw-primary-dark: #1e4038;\n --aw-primary-light: #e6f0ec;\n --aw-secondary: #f4a9b5;\n --aw-accent: #e87a8a;\n --aw-text: #1a1a1a;\n --aw-text-light: #5a5a5a;\n --aw-border: #e0e0e0;\n --aw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --aw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --aw-radius: 20px;\n --aw-radius-sm: 12px;\n}\n\n.aw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--aw-text);\n line-height: 1.6;\n}\n\n.aw-premium * { box-sizing: border-box; }\n\n.aw-hero {\n position: relative;\n background: linear-gradient(135deg, #2f5d54 0%, #3d7a6d 50%, #f4a9b5 100%);\n border-radius: var(--aw-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(--aw-shadow-lg);\n}\n\n.aw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(244,169,181,.4) 0%, transparent 40%);\n opacity: .6;\n}\n\n.aw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aw-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 line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.aw-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.aw-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto 1.75rem;\n line-height: 1.7;\n}\n\n.aw-description strong { color: #fff; }\n\n.aw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aw-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(--aw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aw-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.aw-hero-stats {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2.5rem);\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255,255,255,.25);\n}\n\n.aw-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n}\n\n.aw-stat-number {\n color: white;\n font-size: clamp(22px, 4vw, 30px);\n font-weight: 900;\n letter-spacing: -.02em;\n}\n\n.aw-stat-label {\n color: rgba(255,255,255,.9);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n max-width: 140px;\n text-align: center;\n line-height: 1.3;\n}\n\n.aw-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.aw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.aw-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(--aw-primary), var(--aw-secondary));\n border-radius: 2px;\n}\n\n.aw-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--aw-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.aw-section-intro strong { color: var(--aw-primary-dark); }\n\n.aw-card {\n background: var(--aw-white);\n border-radius: var(--aw-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--aw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aw-shadow-lg);\n border-color: var(--aw-primary);\n}\n\n.aw-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--aw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aw-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--aw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.aw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.aw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.aw-grid-compact .aw-card { padding: 1rem; }\n.aw-grid-compact .aw-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.aw-grid-compact .aw-card p { font-size: 12px; }\n\n.aw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.aw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.aw-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--aw-primary), var(--aw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 17px;\n box-shadow: 0 4px 12px rgba(47,93,84,.25);\n}\n\n.aw-timeline-content {\n flex: 1;\n background: var(--aw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--aw-radius-sm);\n box-shadow: var(--aw-shadow);\n}\n\n.aw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--aw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.aw-timeline-content p {\n font-size: 14px;\n color: var(--aw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.aw-accordion {\n background: var(--aw-white);\n border-radius: var(--aw-radius);\n box-shadow: var(--aw-shadow);\n overflow: hidden;\n}\n\n.aw-accordion-item {\n border-bottom: 1px solid var(--aw-border);\n margin: 0;\n padding: 0;\n}\n\n.aw-accordion-item:last-child { border-bottom: none; }\n\n.aw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aw-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.aw-accordion-header:hover { background: var(--aw-primary-light); }\n.aw-accordion-header::-webkit-details-marker { display: none; }\n\n.aw-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--aw-primary);\n transition: transform .2s ease;\n}\n\n.aw-accordion-item[open] .aw-accordion-header::after { content: '−'; }\n\n.aw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.aw-accordion-content p { margin: 0; }\n\n.aw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aw-primary-light);\n border-radius: var(--aw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--aw-primary);\n}\n\n.aw-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1; }\n\n.aw-tip p {\n font-size: 14px;\n color: var(--aw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.aw-cta-box {\n background: linear-gradient(135deg, var(--aw-primary) 0%, var(--aw-primary-dark) 100%);\n border-radius: var(--aw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.aw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.aw-cta-box strong { color: var(--aw-secondary); }\n\n@media (max-width: 767px) {\n .aw-grid { grid-template-columns: 1fr; gap: 1rem; }\n .aw-card { padding: 1.125rem; }\n .aw-section { margin-bottom: 1.75rem; }\n .aw-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--aw-radius-sm); }\n .aw-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .aw-premium h2::after { width: 40px; height: 3px; }\n .aw-grid-compact { gap: .625rem; }\n .aw-grid-compact .aw-card { padding: .75rem; }\n .aw-timeline-number { width: 36px; height: 36px; font-size: 15px; }\n .aw-timeline-content { padding: .875rem 1rem; }\n .aw-timeline-content h3 { font-size: 14px; }\n .aw-timeline-content p { font-size: 13px; }\n .aw-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .aw-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .aw-hero-stats { gap: 1rem; }\n .aw-stat-label { font-size: 11px; max-width: 110px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .aw-card { animation: fadeInUp .5s ease backwards; }\n .aw-card:nth-child(1) { animation-delay: .05s; }\n .aw-card:nth-child(2) { animation-delay: .1s; }\n .aw-card:nth-child(3) { animation-delay: .15s; }\n .aw-card:nth-child(4) { animation-delay: .2s; }\n .aw-card:nth-child(5) { animation-delay: .25s; }\n .aw-card:nth-child(6) { animation-delay: .3s; }\n .aw-card:nth-child(7) { animation-delay: .35s; }\n .aw-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .aw-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"ANOTHERWAY","offers":[{"title":"Default Title","offer_id":45754840154269,"sku":"NBAIANO0048","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-fleur-de-lotus-bio-pack-de-6-pastilles-anotherway-packshothd_e0791571-0554-4687-9d43-5ed0a760bd7e.webp?v=1776410637"},{"product_id":"serum-cure-anti-repousse-bio-50-ml-acorelle","title":"Sérum Cure Anti-repousse Bio - 50 Ml - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sérum Cure Anti-repousse Bio - 50 Ml - Acorelle\nPalette détectée:\n - Primaire: #8B4D6B (rose mauve\/prune du packaging)\n - Secondaire: #2D2D2D (noir truffe, élément graphique)\n - Accent: #D4A574 (doré\/beige chaud du compte-gouttes)\n - Background: #FAF7F5 (crème rosé doux)\nAmbiance: Naturel\/bio premium, féminin élégant, cosmétique expert, clean beauty\nPréfixe CSS: ac\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un allié naturel pour espacer vos épilations\"\n 2. \"Comment fonctionne ce sérum anti-repousse ?\"\n 3. \"Les actifs clés de la formule\"\n 4. \"Liste complète des ingrédients (INCI)\"\n 5. \"Mode d'emploi pour des résultats optimaux\"\n 6. \"À qui s'adresse ce soin ?\"\n 7. \"Fabriqué en France, dans le respect de l'environnement\"\n 8. \"Questions fréquentes sur le sérum anti-repousse Acorelle\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ac-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e✨ Efficacité prouvée\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🍃 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eSérum Cure Anti-Repousse Bio\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eProgramme intensif à l'extrait de Truffe Noire\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eRalentissez naturellement la repousse de vos poils et espacez vos épilations grâce à ce soin expert certifié bio. Résultats visibles dès 28 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eUn allié naturel pour espacer vos épilations\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous rêvez d'une peau douce plus longtemps sans multiplier les séances d'épilation ? Ce sérum concentré répond exactement à cette attente.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n \u003cp\u003eAgit directement sur le cycle de vie du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⏱️ Repousse ralentie\u003c\/h3\u003e\n \u003cp\u003eEspacez naturellement vos épilations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌸 Peau soyeuse\u003c\/h3\u003e\n \u003cp\u003eConfort et douceur préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💧 Texture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConvient à toutes les zones du corps, y compris les plus sensibles : visage, maillot, aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment fonctionne ce sérum anti-repousse ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eContrairement aux crèmes dépilatoires qui agissent en surface, ce soin intervient à la racine du poil.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔬 Freine la croissance\u003c\/h3\u003e\n \u003cp\u003eInhibe l'activité des cellules germinatives responsables de la croissance du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✨ Affine le poil\u003c\/h3\u003e\n \u003cp\u003ePoils progressivement moins denses et moins visibles au fil des applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 Apaise la peau\u003c\/h3\u003e\n \u003cp\u003eCalme les peaux fragilisées après l'épilation, évite irritations et rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🛡️ Prévient les incarnés\u003c\/h3\u003e\n \u003cp\u003eAction sur la structure même du poil pour éviter qu'il ne s'incarne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat prouvé :\u003c\/strong\u003e efficacité notable après \u003cstrong\u003e28 jours\u003c\/strong\u003e d'application régulière selon les avis utilisatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eUne synergie d'extraits végétaux puissants développée par les laboratoires Acorelle.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card ac-card-featured\"\u003e\n \u003ch3\u003e🖤 Extrait de Truffe Noire\u003c\/h3\u003e\n \u003cp\u003eActif précieux aux propriétés inhibitrices reconnues sur la régénération cellulaire du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-featured\"\u003e\n \u003ch3\u003e🔬 Complexe AC970© breveté\u003c\/h3\u003e\n \u003cp\u003eExclusivité Acorelle ciblant spécifiquement les cellules de croissance pileuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisement immédiat et hydratation optimale de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌹 Eau Florale de Rose bio\u003c\/h3\u003e\n \u003cp\u003ePurifiante et rafraîchissante, prévient les irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🥥 Triglycérides végétaux\u003c\/h3\u003e\n \u003cp\u003eNutrition en profondeur sans effet occlusif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ac-inci-box\"\u003e\n \u003cp class=\"ac-inci-list\"\u003eAqua, Aloe Barbadensis Leaf Juice*, Rosa Damascena Flower Water*, Glycerin, Caprylic\/Capric Triglyceride, Tuber Melanosporum Extract, Sodium Levulinate, Parfum, Xanthan Gum, Sodium Anisate, Lactic Acid, Potassium Sorbate, Sodium Benzoate, Tocopherol, Citric Acid.\u003c\/p\u003e\n \u003cp class=\"ac-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-certif-grid\"\u003e\n \u003cspan class=\"ac-certif-badge\"\u003e🌿 99% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"ac-certif-badge\"\u003e🌱 20% bio\u003c\/span\u003e\n \u003cspan class=\"ac-certif-badge\"\u003e🚫 Sans parabènes\u003c\/span\u003e\n \u003cspan class=\"ac-certif-badge\"\u003e🚫 Sans silicones\u003c\/span\u003e\n \u003cspan class=\"ac-certif-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"ac-certif-badge\"\u003e✅ Ecocert \u0026amp; Cosmebio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eMode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eL'efficacité dépend de la régularité. Suivez ce protocole en 2 phases.\u003c\/p\u003e\n \n \u003cdiv class=\"ac-protocol\"\u003e\n \u003cdiv class=\"ac-protocol-phase\"\u003e\n \u003cdiv class=\"ac-protocol-header\"\u003e\n \u003cspan class=\"ac-protocol-number\"\u003e1\u003c\/span\u003e\n \u003ch3\u003ePhase intensive\u003c\/h3\u003e\n \u003cspan class=\"ac-protocol-duration\"\u003eJours 1 à 5 après épilation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eApplication quotidienne\u003c\/h3\u003e\n \u003cp\u003eAppliquez le sérum chaque jour sur peau propre et sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eMassage délicat\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement jusqu'à pénétration complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eLaisser agir\u003c\/h3\u003e\n \u003cp\u003eNe pas rincer pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ac-protocol-phase\"\u003e\n \u003cdiv class=\"ac-protocol-header\"\u003e\n \u003cspan class=\"ac-protocol-number\"\u003e2\u003c\/span\u003e\n \u003ch3\u003ePhase d'entretien\u003c\/h3\u003e\n \u003cspan class=\"ac-protocol-duration\"\u003eJusqu'à la prochaine épilation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-entretien-box\"\u003e\n \u003cp\u003eContinuez l'application \u003cstrong\u003eun jour sur deux\u003c\/strong\u003e jusqu'à la repousse visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-zones-box\"\u003e\n \u003ch4\u003e🎯 Zones d'application\u003c\/h4\u003e\n \u003cp\u003eJambes • Aisselles • Maillot • Visage (duvet, lèvre supérieure) • Bras\u003c\/p\u003e\n \u003cp class=\"ac-zones-note\"\u003eFormule douce parfaitement adaptée aux zones délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pro :\u003c\/strong\u003e pour maximiser les résultats, utilisez le sérum en cure de 3 à 6 mois consécutifs. Les effets s'amplifient avec le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce sérum ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⏰ Espacer les épilations\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez réduire la fréquence de vos séances à la cire, à l'épilateur ou au rasoir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 Recherche du naturel\u003c\/h3\u003e\n \u003cp\u003eVous préférez une alternative aux traitements chimiques agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eVotre peau est réactive et fragilisée après chaque épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🛡️ Anti poils incarnés\u003c\/h3\u003e\n \u003cp\u003eVous êtes sujette aux poils incarnés et imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e📉 Réduction de pilosité\u003c\/h3\u003e\n \u003cp\u003eVous voulez diminuer progressivement la densité de vos poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eFabriqué en France, dans le respect de l'environnement\u003c\/h2\u003e\n \u003cdiv class=\"ac-france-box\"\u003e\n \u003cdiv class=\"ac-france-content\"\u003e\n \u003cp\u003eAcorelle élabore ce sérum dans son \u003cstrong\u003elaboratoire de Frespech\u003c\/strong\u003e, au cœur du Lot-et-Garonne. La marque privilégie les \u003cstrong\u003ecircuits courts\u003c\/strong\u003e et les fournisseurs locaux pour minimiser son empreinte carbone.\u003c\/p\u003e\n \u003cdiv class=\"ac-france-features\"\u003e\n \u003cspan\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n \u003cspan\u003e🌍 Circuits courts\u003c\/span\u003e\n \u003cspan\u003e💧 Flacon compte-gouttes 50ml\u003c\/span\u003e\n \u003cspan\u003e✨ Dosage précis \u0026amp; économique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eVos interrogations sur le sérum anti-repousse Acorelle\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on les premiers résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eLes premiers effets sont généralement visibles après \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e d'utilisation régulière. La repousse ralentit progressivement et les poils s'affinent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e✨ Peut-on l'utiliser après une épilation laser ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eOui, ce sérum \u003cstrong\u003ecomplète parfaitement un traitement laser\u003c\/strong\u003e en entretenant les résultats entre les séances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🌸 Convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Sa formule apaisante à l'Aloe Vera et à l'eau de Rose est \u003cstrong\u003espécialement conçue pour calmer les peaux réactives\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e📦 Quelle est la durée d'un flacon ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eUtilisé selon le protocole recommandé, un flacon de 50 ml dure environ \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e selon les zones traitées.\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=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ac-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le soin expert qu'elle mérite.\u003cbr\u003e\u003cstrong\u003eEspacez vos épilations naturellement avec le Sérum Acorelle.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003eCe produit cosmétique est destiné à ralentir la repousse des poils. Il ne constitue pas une méthode d'épilation définitive. Les résultats peuvent varier selon les individus et le type de pilosité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #FAF7F5;\n --ac-white: #ffffff;\n --ac-primary: #8B4D6B;\n --ac-primary-dark: #6B3A52;\n --ac-primary-light: #F5EDF1;\n --ac-secondary: #2D2D2D;\n --ac-accent: #D4A574;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e0e4;\n --ac-shadow: 0 4px 24px rgba(139,77,107,.08);\n --ac-shadow-lg: 0 12px 48px rgba(139,77,107,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #8B4D6B 0%, #6B3A52 50%, #4A2A3A 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.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.ac-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.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-accent));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRIDS === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-featured {\n background: linear-gradient(135deg, var(--ac-primary-light) 0%, var(--ac-white) 100%);\n border: 2px solid var(--ac-primary);\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ac-highlight-box {\n background: linear-gradient(135deg, var(--ac-accent) 0%, #C49660 100%);\n border-radius: var(--ac-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n margin-top: 1.5rem;\n}\n\n.ac-highlight-box p {\n color: white;\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n text-shadow: 0 1px 4px rgba(0,0,0,.1);\n}\n\n\/* === INCI BOX === *\/\n.ac-inci-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: 1.5rem;\n box-shadow: var(--ac-shadow);\n margin-bottom: 1.25rem;\n}\n\n.ac-inci-list {\n font-size: 13px;\n color: var(--ac-text-light);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n}\n\n.ac-inci-note {\n font-size: 12px;\n color: var(--ac-primary);\n margin: 0;\n}\n\n.ac-certif-grid {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n justify-content: center;\n}\n\n.ac-certif-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--ac-white);\n border: 1px solid var(--ac-border);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--ac-primary-dark);\n}\n\n\/* === PROTOCOL === *\/\n.ac-protocol {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.ac-protocol-phase {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: 1.5rem;\n box-shadow: var(--ac-shadow);\n}\n\n.ac-protocol-header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--ac-primary-light);\n}\n\n.ac-protocol-number {\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 16px;\n}\n\n.ac-protocol-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0;\n flex: 1;\n}\n\n.ac-protocol-duration {\n font-size: 12px;\n font-weight: 600;\n color: var(--ac-accent);\n background: rgba(212,165,116,.15);\n padding: 4px 10px;\n border-radius: 999px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n background: var(--ac-primary-light);\n color: var(--ac-primary-dark);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--ac-radius-sm);\n}\n\n.ac-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 13px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ac-entretien-box {\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem;\n text-align: center;\n}\n\n.ac-entretien-box p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n}\n\n\/* === ZONES BOX === *\/\n.ac-zones-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--ac-shadow);\n text-align: center;\n margin-top: 1.25rem;\n}\n\n.ac-zones-box h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ac-zones-box p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0 0 .5rem 0;\n}\n\n.ac-zones-note {\n font-size: 12px;\n color: var(--ac-text-light);\n font-style: italic;\n}\n\n\/* === FRANCE BOX === *\/\n.ac-france-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: 1.5rem;\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-france-content p {\n font-size: 15px;\n color: var(--ac-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.ac-france-features {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.ac-france-features span {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--ac-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--ac-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-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(212,165,116,.2) 0%, transparent 50%);\n}\n\n.ac-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.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ac-card {\n padding: 1.125rem;\n }\n \n .ac-section {\n margin-bottom: 1.75rem;\n }\n \n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n \n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ac-grid-compact {\n gap: .625rem;\n }\n \n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n \n .ac-timeline-number {\n width: 28px;\n height: 28px;\n font-size: 12px;\n }\n \n .ac-timeline-content {\n padding: .75rem .875rem;\n }\n \n .ac-timeline-content h3 {\n font-size: 13px;\n }\n \n .ac-timeline-content p {\n font-size: 12px;\n }\n \n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ac-protocol-phase {\n padding: 1rem;\n }\n \n .ac-protocol-header {\n flex-direction: column;\n align-items: flex-start;\n gap: .5rem;\n }\n \n .ac-protocol-header h3 {\n font-size: 16px;\n }\n \n .ac-france-features {\n justify-content: center;\n }\n \n .ac-certif-grid {\n gap: .375rem;\n }\n \n .ac-certif-badge {\n padding: 5px 10px;\n font-size: 11px;\n }\n \n .ac-inci-list {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754847363229,"sku":"LL0050","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-cure-anti-repousse-bio-50-ml-acorelle-lifestyle.webp?v=1769850775"},{"product_id":"creme-depilatoire-corps-150-ml-acorelle","title":"Crème Dépilatoire Corps - 150 ml - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Dépilatoire Corps - 150 ml - Acorelle\nPalette détectée:\n - Primaire: #E91E63 (rose\/fuchsia du packaging - \"CORPS\" et accents)\n - Secondaire: #F8BBD9 (rose pâle doux du fond de la boîte)\n - Accent: #8D6E63 (beige\/bois de la spatule)\n - Cream: #FDF6F8 (rose très clair pour le fond)\nAmbiance: Féminine, douce, naturelle, épurée, cosmétique premium française\nPréfixe CSS: ac\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Une épilation douce et efficace pour tout le corps\"\n 2. \"Pourquoi choisir cette crème dépilatoire Acorelle ?\"\n 3. \"Pour quelles zones du corps ?\"\n 4. \"Comment utiliser la Crème Dépilatoire Corps Acorelle ?\"\n 5. \"Les ingrédients clés et leurs bienfaits\"\n 6. \"Les avantages de la crème dépilatoire par rapport aux autres méthodes\"\n 7. \"Acorelle : l'expertise française en cosmétique naturelle\"\n 8. \"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=\"ac-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 80% naturel\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e⏱️ 3 minutes\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eCrème Dépilatoire Corps Acorelle\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eL'épilation douce qui respecte votre peau\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eUne formule naturelle enrichie en Boswellia Serrata pour une peau lisse, apaisée et sans irritation. Spatule en bois incluse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eUne épilation douce et efficace pour tout le corps\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous recherchez une crème dépilatoire qui respecte votre peau tout en offrant des résultats impeccables ? La Crème Dépilatoire Corps Acorelle répond parfaitement à cette attente.\u003c\/p\u003e\n \u003cdiv class=\"ac-highlight-box\"\u003e\n \u003cp\u003eFormulée avec \u003cstrong\u003e80% d'ingrédients d'origine naturelle\u003c\/strong\u003e, elle élimine les poils en seulement \u003cstrong\u003e3 minutes\u003c\/strong\u003e tout en prenant soin de votre épiderme. Fini les irritations et les rougeurs : votre peau reste \u003cstrong\u003edouce, hydratée et apaisée\u003c\/strong\u003e après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème dépilatoire Acorelle ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eContrairement aux méthodes d'épilation traditionnelles, cette crème dépilatoire pour femme offre une alternative indolore et respectueuse de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n \u003cp\u003eEfficacité visible dès 3 minutes, sans dépasser 6 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🚫 0% huile minérale\u003c\/h3\u003e\n \u003cp\u003eUne formule plus saine pour votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 Boswellia Serrata\u003c\/h3\u003e\n \u003cp\u003eExtrait naturel qui apaise et calme les peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🪵 Spatule incluse\u003c\/h3\u003e\n \u003cp\u003eSpatule en bois pour une application et un retrait précis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌸 Sans odeur désagréable\u003c\/h3\u003e\n \u003cp\u003eLa formule neutralise les effluves chimiques typiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✅ Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTestée dermatologiquement, convient aux peaux réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePour quelles zones du corps ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-zones-box\"\u003e\n \u003cdiv class=\"ac-zones-main\"\u003e\n \u003ch3\u003e🦵 Zones recommandées\u003c\/h3\u003e\n \u003cdiv class=\"ac-zones-list\"\u003e\n \u003cspan class=\"ac-zone-tag\"\u003eJambes\u003c\/span\u003e\n \u003cspan class=\"ac-zone-tag\"\u003eBras\u003c\/span\u003e\n \u003cspan class=\"ac-zone-tag\"\u003eAisselles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eCette crème dépilatoire a été spécialement conçue pour le corps et s'adapte à tous les types de peau, y compris les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e pour le visage ou le maillot, consultez les produits spécifiquement formulés pour ces zones délicates dans la gamme Acorelle. Les hommes peuvent également utiliser ce produit pour le torse, le dos ou les jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment utiliser la Crème Dépilatoire Corps Acorelle ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003ePour obtenir une peau parfaitement lisse et éviter toute irritation, suivez attentivement ces étapes :\u003c\/p\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAssurez-vous que votre peau est propre, sèche et sans coupure ni irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eÉtalez une couche uniforme à l'aide de la spatule fournie, en couvrant entièrement les poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir 3 à 6 minutes\u003c\/h3\u003e\n \u003cp\u003eCommencez par 3 minutes lors de la première utilisation, ne dépassez jamais 6 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eRetirez à contre-sens\u003c\/h3\u003e\n \u003cp\u003eUtilisez la spatule en bois en effectuant des mouvements à contre-sens du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cspan class=\"ac-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède et séchez délicatement en tamponnant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e réalisez toujours un test de tolérance 24 heures avant la première utilisation sur une petite zone de peau. Évitez d'appliquer sur des zones irritées, des coups de soleil ou juste après un bain chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eLa force de cette crème réside dans sa formulation soignée, alliant efficacité dépilatoire et soin de la peau.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Extrait de Boswellia Serrata\u003c\/h3\u003e\n \u003cp\u003eCet actif naturel aux propriétés apaisantes calme immédiatement les sensations d'inconfort et réduit les rougeurs post-épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e💧 Agents hydratants naturels\u003c\/h3\u003e\n \u003cp\u003eMaintiennent le niveau d'hydratation de la peau pendant et après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e🚫 Sans huile minérale\u003c\/h3\u003e\n \u003cp\u003eLaisse la peau respirer et évite l'effet film gras désagréable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eAqua, Urea, Cetearyl Alcohol, Paraffinum Liquidum, Potassium Thioglycolate, Calcium Hydroxide, Ceteareth-20, Potassium Hydroxide, Propylene Glycol, Boswellia Serrata Gum, Parfum, Xanthan Gum, Sodium Gluconate, CI 77891.\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=\"ac-section\"\u003e\n \u003ch2\u003eLes avantages de la crème dépilatoire par rapport aux autres méthodes\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous hésitez encore entre le rasoir, la cire et la crème dépilatoire ? Voici pourquoi cette dernière mérite votre attention.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e😌 Indolore\u003c\/h3\u003e\n \u003cp\u003eAucune sensation de tiraillement ni de douleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🛡️ Sans coupure\u003c\/h3\u003e\n \u003cp\u003ePlus sécurisante que le rasoir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⏳ Résultat durable\u003c\/h3\u003e\n \u003cp\u003eRepousse plus lente et texture plus douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🚀 Simple et rapide\u003c\/h3\u003e\n \u003cp\u003ePeau nette en moins de 10 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eAcorelle : l'expertise française en cosmétique naturelle\u003c\/h2\u003e\n \u003cdiv class=\"ac-brand-box\"\u003e\n \u003cp\u003eDepuis sa création, \u003cstrong\u003eAcorelle\u003c\/strong\u003e s'engage à proposer des produits cosmétiques efficaces, formulés avec des ingrédients naturels et biologiques. Basée en France, la marque privilégie les \u003cstrong\u003ecircuits courts\u003c\/strong\u003e et les \u003cstrong\u003eprocédés de fabrication respectueux de l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eEn choisissant cette crème dépilatoire, vous optez pour un produit certifié, fabriqué selon des standards éthiques rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⚠️ Consignes de sécurité\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cul class=\"ac-precautions-list\"\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eNe pas appliquer sur les muqueuses, le visage ou les zones intimes avec ce produit\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux – en cas de contact, rincer immédiatement\u003c\/li\u003e\n \u003cli\u003eNe pas utiliser sur une peau irritée, blessée ou présentant des affections cutanées\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eEn cas de réaction cutanée, cesser l'utilisation et consulter un professionnel de santé\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003eCe produit cosmétique est destiné à l'épilation et ne constitue en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #FDF6F8;\n --ac-white: #ffffff;\n --ac-primary: #E91E63;\n --ac-primary-dark: #C2185B;\n --ac-primary-light: #FCE4EC;\n --ac-secondary: #F8BBD9;\n --ac-accent: #8D6E63;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #F3E5F5;\n --ac-shadow: 0 4px 24px rgba(233,30,99,.08);\n --ac-shadow-lg: 0 12px 48px rgba(233,30,99,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #E91E63 0%, #F06292 50%, #F8BBD9 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.ac-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ac-highlight-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.ac-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRID === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-ingredient {\n text-align: left;\n}\n\n\/* === ZONES BOX === *\/\n.ac-zones-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.ac-zones-main h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.ac-zones-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1rem;\n}\n\n.ac-zone-tag {\n display: inline-block;\n padding: 8px 20px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-primary-dark));\n color: white;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n}\n\n.ac-zones-main p {\n font-size: 15px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n.ac-precautions-list {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.ac-precautions-list li {\n margin-bottom: .5rem;\n line-height: 1.5;\n}\n\n.ac-precautions-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === BRAND BOX === *\/\n.ac-brand-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.ac-brand-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ac-brand-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ac-card {\n padding: 1.125rem;\n }\n \n .ac-section {\n margin-bottom: 1.75rem;\n }\n \n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n \n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ac-grid-compact {\n gap: .625rem;\n }\n \n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n \n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ac-timeline-content h3 {\n font-size: 14px;\n }\n \n .ac-timeline-content p {\n font-size: 13px;\n }\n \n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ac-tip {\n padding: .875rem 1rem;\n }\n \n .ac-tip-icon {\n font-size: 20px;\n }\n \n .ac-tip p {\n font-size: 13px;\n }\n \n .ac-highlight-box,\n .ac-zones-box,\n .ac-brand-box {\n padding: 1.25rem;\n }\n \n .ac-zone-tag {\n padding: 6px 14px;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754850082973,"sku":"LL0040","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-depilatoire-corps-150-ml-acorelle-lifestyle_adc8cc32-99a3-4eae-83f6-08b6e3b4ffb5.webp?v=1769851033"},{"product_id":"creme-decolorante-visage-et-corps-2x30-ml-acorelle","title":"Crème Décolorante Visage et Corps - 2x30 ml - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Décolorante Visage et Corps Acorelle\nPalette détectée:\n - Primaire: #C75B7A (rose\/framboise du packaging - zone \"CRÈME DÉCOLORANTE\")\n - Secondaire: #8B7355 (taupe\/beige du packaging principal)\n - Accent: #E8B4B8 (rose pâle des fleurs\/pétales)\nAmbiance: Féminin, doux, naturel\/bio, élégant, cosmétique premium, épuré\nPréfixe CSS: acd\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir cette crème décolorante pour le visage et le corps ?\"\n 2. \"Un kit complet pour une décoloration réussie\"\n 3. \"Comment utiliser la crème décolorante Acorelle ?\"\n 4. \"Des actifs naturels qui font la différence\"\n 5. \"Composition complète\"\n 6. \"Quelles zones peut-on traiter ?\"\n 7. \"Acorelle : l'expertise française en cosmétique naturelle\"\n 8. \"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=\"acd-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"acd-hero\"\u003e\n \u003cdiv class=\"acd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"acd-hero-content\"\u003e\n \u003cdiv class=\"acd-badges-top\"\u003e\n \u003cspan class=\"acd-badge\"\u003e🌿 97% naturel\u003c\/span\u003e\n \u003cspan class=\"acd-badge\"\u003e⏱️ 5 minutes\u003c\/span\u003e\n \u003cspan class=\"acd-badge\"\u003e🚫 0% ammoniaque\u003c\/span\u003e\n \u003cspan class=\"acd-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"acd-hero-title\"\u003eCrème Décolorante Visage \u0026amp; Corps\u003c\/span\u003e\n \u003cp class=\"acd-subtitle\"\u003eAcorelle • 2×30 ml\u003c\/p\u003e\n \u003cp class=\"acd-description\"\u003eUne alternative naturelle et douce pour atténuer la visibilité de vos poils en toute sérénité. Sans ammoniaque, efficace en 5 minutes, respectueuse des peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème décolorante pour le visage et le corps ?\u003c\/h2\u003e\n \u003cp class=\"acd-section-intro\"\u003eContrairement aux formules conventionnelles, Acorelle mise sur la douceur sans sacrifier l'efficacité. Idéale pour le duvet de la lèvre supérieure, du menton, des avant-bras ou du ventre.\u003c\/p\u003e\n \u003cdiv class=\"acd-grid\"\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🚫 Sans ammoniaque\u003c\/h3\u003e\n \u003cp\u003eFini les odeurs désagréables et les irritations liées aux formules agressives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n \u003cp\u003eSeulement 5 minutes de pose pour limiter les risques de sensibilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eCertifiée et respectueuse des animaux, sans cruauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🌿 97% naturel\u003c\/h3\u003e\n \u003cp\u003eComposition pensée spécialement pour les peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e💆 Baume apaisant inclus\u003c\/h3\u003e\n \u003cp\u003ePour calmer et hydrater votre peau après chaque application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée dans le Gers avec un savoir-faire d'excellence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003eUn kit complet pour une décoloration réussie\u003c\/h2\u003e\n \u003cp class=\"acd-section-intro\"\u003eCe coffret contient tout le nécessaire pour réaliser votre décoloration à domicile dans les meilleures conditions.\u003c\/p\u003e\n \u003cdiv class=\"acd-grid-compact\"\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🅰️ Crème décolorante\u003c\/h3\u003e\n \u003cp\u003eTube A • 30 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🅱️ Crème activatrice\u003c\/h3\u003e\n \u003cp\u003eTube B • 30 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e💜 Baume apaisant\u003c\/h3\u003e\n \u003cp\u003eApaise après traitement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🥄 Spatule en bois\u003c\/h3\u003e\n \u003cp\u003eApplication précise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-tip\"\u003e\n \u003cspan class=\"acd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec ce format 2×30 ml, vous disposez de suffisamment de produit pour plusieurs applications. Économique sur le long terme !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003eComment utiliser la crème décolorante Acorelle ?\u003c\/h2\u003e\n \u003cp class=\"acd-section-intro\"\u003ePour un résultat optimal et une peau préservée, suivez ces étapes simples.\u003c\/p\u003e\n \u003cdiv class=\"acd-timeline\"\u003e\n \u003cdiv class=\"acd-timeline-item\"\u003e\n \u003cspan class=\"acd-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"acd-timeline-content\"\u003e\n \u003ch3\u003eTest préalable\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité sur une zone discrète 48h avant la première utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-timeline-item\"\u003e\n \u003cspan class=\"acd-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"acd-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eNettoyez et séchez la zone à traiter, sans crème ni huile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-timeline-item\"\u003e\n \u003cspan class=\"acd-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"acd-timeline-content\"\u003e\n \u003ch3\u003eMélangez les crèmes\u003c\/h3\u003e\n \u003cp\u003eDans un récipient non métallique, mélangez quantités égales de A et B\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-timeline-item\"\u003e\n \u003cspan class=\"acd-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"acd-timeline-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eÉtalez une couche épaisse sur les poils en veillant à bien les recouvrir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-timeline-item\"\u003e\n \u003cspan class=\"acd-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"acd-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 5-10 min\u003c\/h3\u003e\n \u003cp\u003eAdaptez selon l'épaisseur des poils et votre sensibilité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-timeline-item\"\u003e\n \u003cspan class=\"acd-timeline-number\"\u003e6\u003c\/span\u003e\n \u003cdiv class=\"acd-timeline-content\"\u003e\n \u003ch3\u003eRincez et apaisez\u003c\/h3\u003e\n \u003cp\u003eRetirez à l'eau tiède, séchez puis appliquez le baume apaisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-tip\"\u003e\n \u003cspan class=\"acd-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce visage :\u003c\/strong\u003e commencez par 5 minutes lors de votre première utilisation, puis ajustez selon le résultat obtenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003eDes actifs naturels qui font la différence\u003c\/h2\u003e\n \u003cp class=\"acd-section-intro\"\u003eDes ingrédients soigneusement sélectionnés pour leur efficacité et leur tolérance exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"acd-grid\"\u003e\n \u003cdiv class=\"acd-card acd-card-highlight\"\u003e\n \u003ch3\u003e🌱 Aloe vera biologique\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus apaisantes et hydratantes, il maintient le confort cutané pendant et après l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card acd-card-highlight\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAgent humectant qui préserve l'hydratation naturelle et prévient les sensations de tiraillement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card acd-card-highlight\"\u003e\n \u003ch3\u003e🚫 Ce qu'elle ne contient pas\u003c\/h3\u003e\n \u003cp\u003e0% ammoniaque, pas de parabènes, pas de colorants artificiels. Une formule clean et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"acd-accordion\"\u003e\n \u003cdetails class=\"acd-accordion-item\"\u003e\n \u003csummary class=\"acd-accordion-header\"\u003e🅰️ Crème décolorante (tube A)\u003c\/summary\u003e\n \u003cdiv class=\"acd-accordion-content\"\u003e\n \u003cp\u003eAqua, Cetearyl Alcohol, Paraffinum Liquidum, Aloe Barbadensis Leaf Juice*, Glycerin, Potassium Hydroxide, Ceteareth-20, Sodium Lauryl Sulfate, Silica, Parfum. *Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acd-accordion-item\"\u003e\n \u003csummary class=\"acd-accordion-header\"\u003e🅱️ Crème activatrice (tube B)\u003c\/summary\u003e\n \u003cdiv class=\"acd-accordion-content\"\u003e\n \u003cp\u003eAqua, Hydrogen Peroxide, Cetearyl Alcohol, Glycerin, Aloe Barbadensis Leaf Juice*, Ceteareth-20, Phosphoric Acid, Disodium Pyrophosphate, Tetrasodium Pyrophosphate, Parfum. *Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003eQuelles zones peut-on traiter ?\u003c\/h2\u003e\n \u003cdiv class=\"acd-grid-compact\"\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e👄 Lèvre supérieure\u003c\/h3\u003e\n \u003cp\u003eDuvet discret\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🗣️ Menton\u003c\/h3\u003e\n \u003cp\u003ePoils isolés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e😊 Joues \u0026amp; favoris\u003c\/h3\u003e\n \u003cp\u003eZone latérale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e💪 Avant-bras\u003c\/h3\u003e\n \u003cp\u003ePoils apparents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🖐️ Dos des mains\u003c\/h3\u003e\n \u003cp\u003eFinitions discrètes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🩱 Ventre \u0026amp; cuisses\u003c\/h3\u003e\n \u003cp\u003eGrandes zones\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-tip\"\u003e\n \u003cspan class=\"acd-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e évitez le contour des yeux, les muqueuses et les zones présentant des lésions, irritations ou coups de soleil récents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"acd-section\"\u003e\n \u003ch2\u003eAcorelle : l'expertise française en cosmétique naturelle\u003c\/h2\u003e\n \u003cdiv class=\"acd-testimonial\"\u003e\n \u003cp class=\"acd-testimonial-text\"\u003e\"Fabriquée en France dans le Gers, cette crème décolorante est le fruit du savoir-faire d'Acorelle, marque pionnière dans les soins d'épilation et de décoloration naturels. L'entreprise s'engage depuis plus de 15 ans dans une démarche écoresponsable : formules certifiées, emballages recyclables et production locale.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eProduction locale dans le Gers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballages recyclables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e✅ Certifiée\u003c\/h3\u003e\n \u003cp\u003eFormules contrôlées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acd-card\"\u003e\n \u003ch3\u003e🌍 +15 ans\u003c\/h3\u003e\n \u003cp\u003eD'expertise naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"acd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"acd-accordion\"\u003e\n \u003cdetails class=\"acd-accordion-item\"\u003e\n \u003csummary class=\"acd-accordion-header\"\u003e📋 Consignes importantes\u003c\/summary\u003e\n \u003cdiv class=\"acd-accordion-content\"\u003e\n \u003cul style=\"margin:0;padding-left:1.25rem;\"\u003e\n \u003cli\u003eRéservé à un usage externe uniquement\u003c\/li\u003e\n \u003cli\u003eNe pas utiliser sur des peaux irritées, abîmées ou après une exposition solaire\u003c\/li\u003e\n \u003cli\u003eEffectuer un test cutané 48h avant chaque utilisation\u003c\/li\u003e\n \u003cli\u003eEn cas de contact avec les yeux, rincer immédiatement et abondamment\u003c\/li\u003e\n \u003cli\u003eConserver hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eNe pas utiliser sur les enfants de moins de 16 ans\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"acd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --acd-cream: #FDF8F6;\n --acd-white: #ffffff;\n --acd-primary: #C75B7A;\n --acd-primary-dark: #A34560;\n --acd-primary-light: #FCF0F3;\n --acd-secondary: #8B7355;\n --acd-accent: #E8B4B8;\n --acd-text: #1a1a1a;\n --acd-text-light: #5a5a5a;\n --acd-border: #e8e0dc;\n --acd-shadow: 0 4px 24px rgba(199,91,122,.08);\n --acd-shadow-lg: 0 12px 48px rgba(199,91,122,.15);\n --acd-radius: 20px;\n --acd-radius-sm: 12px;\n}\n\n.acd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.acd-hero {\n position: relative;\n background: linear-gradient(135deg, #C75B7A 0%, #A34560 40%, #8B7355 100%);\n border-radius: var(--acd-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(--acd-shadow-lg);\n}\n\n.acd-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 radial-gradient(circle at 50% 50%, rgba(232,180,184,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.acd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acd-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(--acd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.acd-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.acd-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.acd-description {\n color: rgba(255,255,255,.92);\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.acd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acd-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.acd-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(--acd-primary), var(--acd-accent));\n border-radius: 2px;\n}\n\n.acd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acd-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.acd-card {\n background: var(--acd-white);\n border-radius: var(--acd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acd-shadow-lg);\n border-color: var(--acd-primary);\n}\n\n.acd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acd-card-highlight {\n border-left: 4px solid var(--acd-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.acd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.acd-grid-compact .acd-card {\n padding: 1rem;\n}\n\n.acd-grid-compact .acd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acd-grid-compact .acd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.acd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acd-primary), var(--acd-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(199,91,122,.3);\n}\n\n.acd-timeline-content {\n flex: 1;\n background: var(--acd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acd-radius-sm);\n box-shadow: var(--acd-shadow);\n}\n\n.acd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acd-timeline-content p {\n font-size: 14px;\n color: var(--acd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.acd-testimonial {\n background: var(--acd-white);\n border-radius: var(--acd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acd-shadow);\n border-left: 4px solid var(--acd-primary);\n}\n\n.acd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.acd-accordion {\n background: var(--acd-white);\n border-radius: var(--acd-radius);\n box-shadow: var(--acd-shadow);\n overflow: hidden;\n}\n\n.acd-accordion-item {\n border-bottom: 1px solid var(--acd-border);\n margin: 0;\n padding: 0;\n}\n\n.acd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acd-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.acd-accordion-header:hover {\n background: var(--acd-primary-light);\n}\n\n.acd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--acd-primary);\n transition: transform .2s ease;\n}\n\n.acd-accordion-item[open] .acd-accordion-header::after {\n content: '−';\n}\n\n.acd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.acd-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.acd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--acd-primary-light);\n border-radius: var(--acd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.acd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.acd-tip p {\n font-size: 14px;\n color: var(--acd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.acd-disclaimer {\n font-size: 12px;\n color: var(--acd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n background: var(--acd-primary-light);\n padding: 1rem;\n border-radius: var(--acd-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .acd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .acd-card {\n padding: 1.125rem;\n }\n \n .acd-section {\n margin-bottom: 1.75rem;\n }\n \n .acd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acd-radius-sm);\n }\n \n .acd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .acd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .acd-grid-compact {\n gap: .625rem;\n }\n \n .acd-grid-compact .acd-card {\n padding: .75rem;\n }\n \n .acd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .acd-timeline-content {\n padding: .875rem 1rem;\n }\n \n .acd-timeline-content h3 {\n font-size: 14px;\n }\n \n .acd-timeline-content p {\n font-size: 13px;\n }\n \n .acd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .acd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .acd-testimonial {\n padding: 1.25rem;\n }\n \n .acd-testimonial-text {\n font-size: 14px;\n }\n \n .acd-tip {\n padding: .875rem 1rem;\n }\n \n .acd-tip-icon {\n font-size: 20px;\n }\n \n .acd-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .acd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .acd-card:nth-child(1) { animation-delay: .05s; }\n .acd-card:nth-child(2) { animation-delay: .1s; }\n .acd-card:nth-child(3) { animation-delay: .15s; }\n .acd-card:nth-child(4) { animation-delay: .2s; }\n .acd-card:nth-child(5) { animation-delay: .25s; }\n .acd-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 .acd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754850607261,"sku":"REF554","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-decolorante-visage-corps-2x30ml-acorelle-min.jpg?v=1769852365"},{"product_id":"shampooing-creme-argile-karite-bio-200-g-k-pour-karite","title":"Shampooing Crème Argile \u0026 Karité Bio - 200 G - K pour Karité","description":"\u003cdiv class=\"kk-premium\"\u003e\n\n \u003cdiv class=\"kk-hero\"\u003e\n \u003cdiv class=\"kk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kk-hero-content\"\u003e\n \u003cdiv class=\"kk-badges-top\"\u003e\n \u003cspan class=\"kk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kk-hero-title\"\u003eShampooing Crème Argile \u0026amp; Karité Bio\u003c\/span\u003e\n \u003cp class=\"kk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kk-description\"\u003eL'alliance purifiante de l'argile bentonite et nourrissante de l'oléine de karité bio, pour des cheveux propres, souples et aériens dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eShampooing crème argile \u0026amp; karité bio : un soin capillaire doux et purifiant\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eVous cherchez un shampooing qui nettoie vos cheveux sans les agresser, tout en leur apportant nutrition et légèreté ?\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eTensioactifs d'origine végétale pour un lavage respectueux du cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🪨 Argile purifiante\u003c\/h3\u003e\n \u003cp\u003eL'argile bentonite absorbe l'excès de sébum et les impuretés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌰 Karité nourrissant\u003c\/h3\u003e\n \u003cp\u003eL'oléine de karité bio nourrit en profondeur sans alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✨ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eAdapté aux cuirs chevelus sensibles ou à tendance grasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing crème bio ?\u003c\/h2\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates ni silicones\u003c\/h3\u003e\n \u003cp\u003eContrairement aux shampooings classiques souvent chargés en sulfates et silicones, cette formule \u003cstrong\u003ecertifiée bio par Ecocert\u003c\/strong\u003e mise sur des tensioactifs doux d'origine végétale. Résultat : des cheveux propres, souples et aériens, sans effet « paille ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🪨 Argile bentonite détoxifiante\u003c\/h3\u003e\n \u003cp\u003eVéritable détoxifiant capillaire, elle absorbe l'excès de sébum et les impuretés du quotidien tout en régulant la production de sébum sur la durée. Vos cheveux restent frais plus longtemps, sans être desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌿 Oléine de karité bio\u003c\/h3\u003e\n \u003cp\u003ePlus légère que le beurre de karité traditionnel, elle nourrit la fibre capillaire en profondeur sans alourdir. Elle redonne éclat et souplesse aux cheveux ternes, secs ou fragilisés par les colorations et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eDes actifs naturels qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en acides gras essentiels, elle protège et assouplit la chevelure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise les cuirs chevelus irrités et maintient une hydratation équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🥜 Huile de macadamia\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans effet gras, apporte brillance et douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💦 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'eau au cœur de la fibre pour des cheveux visiblement plus soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kk-timeline\"\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampooing crème sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu du bout des doigts en mouvements circulaires pour stimuler la microcirculation et favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez une à deux minutes pour permettre aux actifs d'agir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour un soin complet, complétez avec un après-shampooing ou un masque de la gamme K pour Karité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-tip\"\u003e\n \u003cspan class=\"kk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vos cheveux sont particulièrement chargés en résidus (pollution, produits coiffants), n'hésitez pas à réaliser un double shampooing. Le premier lavage élimine les impuretés de surface, le second permet aux actifs de travailler en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"kk-accordion\"\u003e\n \u003cdetails class=\"kk-accordion-item\" open\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Helianthus Annuus Seed Oil*, Coco-Glucoside, Cocamidopropyl Betaine, Bentonite, Oleic\/Linoleic\/Linolenic Polyglycerides, Disodium Lauryl Sulfosuccinate, Glycerin, Lactic Acid, Parfum, Maris Sal, Aloe Barbadensis Leaf Juice Powder*, Macadamia Integrifolia Seed Oil, Butyrospermum Parkii Oil, Hydrogenated Palm Glycerides Citrate, Xanthan Gum, Citric Acid, Glyceryl Oleate, Gluconolactone, Sodium Benzoate, Calcium Gluconate, Sodium Stearoyl Glutamate, Benzyl Alcohol, Sodium Hydroxide, Tocopherol, Linalool.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Cosmétique Biologique, ce shampooing crème est conçu et produit en France avec des matières premières rigoureusement sélectionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eFormulé \u003cstrong\u003esans parabens, sans silicones et sans sulfates agressifs\u003c\/strong\u003e. K pour Karité s'engage dans une démarche écoresponsable à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e♻️ Économique et responsable\u003c\/h3\u003e\n \u003cp\u003eLe tube de \u003cstrong\u003e200 ml\u003c\/strong\u003e offre une utilisation économique grâce à sa texture crème concentrée : une petite quantité suffit pour un lavage efficace. Un geste pour vos cheveux et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kk-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kk-cream: #f7f5f2;\n --kk-white: #ffffff;\n --kk-primary: #6b4c3b;\n --kk-primary-dark: #4a3228;\n --kk-primary-light: #f0ebe6;\n --kk-secondary: #8b6f5e;\n --kk-accent: #a8875a;\n --kk-text: #1a1a1a;\n --kk-text-light: #5a5a5a;\n --kk-border: #e0dbd5;\n --kk-shadow: 0 4px 24px rgba(75,50,40,.08);\n --kk-shadow-lg: 0 12px 48px rgba(75,50,40,.15);\n --kk-radius: 20px;\n --kk-radius-sm: 12px;\n}\n\n.kk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kk-hero {\n position: relative;\n background: linear-gradient(135deg, #6b4c3b 0%, #8b6f5e 45%, #a8875a 100%);\n border-radius: var(--kk-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(--kk-shadow-lg);\n}\n\n.kk-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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.kk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kk-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(--kk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kk-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.kk-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.kk-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.kk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kk-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.kk-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(--kk-primary), var(--kk-accent));\n border-radius: 2px;\n}\n\n.kk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.kk-card {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kk-shadow-lg);\n border-color: var(--kk-primary);\n}\n\n.kk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kk-grid-compact .kk-card {\n padding: 1rem;\n}\n\n.kk-grid-compact .kk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kk-grid-compact .kk-card p {\n font-size: 12px;\n}\n\n.kk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kk-primary), var(--kk-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.kk-timeline-content {\n flex: 1;\n background: var(--kk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kk-radius-sm);\n box-shadow: var(--kk-shadow);\n}\n\n.kk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kk-timeline-content p {\n font-size: 14px;\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kk-primary-light);\n border-radius: var(--kk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kk-tip p {\n font-size: 14px;\n color: var(--kk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kk-accordion {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n box-shadow: var(--kk-shadow);\n overflow: hidden;\n}\n\n.kk-accordion-item {\n border-bottom: 1px solid var(--kk-border);\n margin: 0;\n padding: 0;\n}\n\n.kk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kk-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.kk-accordion-header:hover {\n background: var(--kk-primary-light);\n}\n\n.kk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kk-primary);\n transition: transform .2s ease;\n}\n\n.kk-accordion-item[open] .kk-accordion-header::after {\n content: '−';\n}\n\n.kk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kk-accordion-content p {\n margin: 0;\n}\n\n.kk-disclaimer {\n font-size: 12px;\n color: var(--kk-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .kk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kk-card {\n padding: 1.125rem;\n }\n\n .kk-section {\n margin-bottom: 1.75rem;\n }\n\n .kk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kk-radius-sm);\n }\n\n .kk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kk-grid-compact {\n gap: .625rem;\n }\n\n .kk-grid-compact .kk-card {\n padding: .75rem;\n }\n\n .kk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kk-timeline-content p {\n font-size: 13px;\n }\n\n .kk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .kk-card {\n animation: kkFadeInUp .5s ease backwards;\n }\n .kk-card:nth-child(1) { animation-delay: .05s; }\n .kk-card:nth-child(2) { animation-delay: .1s; }\n .kk-card:nth-child(3) { animation-delay: .15s; }\n .kk-card:nth-child(4) { animation-delay: .2s; }\n .kk-card:nth-child(5) { animation-delay: .25s; }\n .kk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755009958045,"sku":"REF991","price":10.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-creme-argile-karite-bio-200-g-k-pour-karite-packshothd.webp?v=1775199130"},{"product_id":"shampoing-detox-bio-200-g-k-pour-karite","title":"Shampoing Détox Bio - 200 G - K pour Karité","description":"\u003cdiv class=\"kdk-premium\"\u003e\n\n\u003cdiv class=\"kdk-hero\"\u003e\n\u003cdiv class=\"kdk-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kdk-hero-content\"\u003e\n\u003cdiv class=\"kdk-badges-top\"\u003e\n\u003cspan class=\"kdk-badge\"\u003e🌿 Certifié COSMOS Natural\u003c\/span\u003e\n\u003cspan class=\"kdk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"kdk-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kdk-hero-title\"\u003eShampoing Détox Bio\u003c\/span\u003e\n\u003cp class=\"kdk-subtitle\"\u003eK pour Karité — Prêle \u0026amp; Ortie — 200 ml\u003c\/p\u003e\n\u003cp class=\"kdk-description\"\u003eUn reset capillaire certifié bio qui purifie en profondeur, apaise le cuir chevelu et redonne légèreté et brillance à vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"kdk-section\"\u003e\n\u003ch2\u003eShampoing Détox Bio K pour Karité : purifiez votre cuir chevelu en douceur\u003c\/h2\u003e\n\u003cp class=\"kdk-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur shampoing détox naturel\u003c\/strong\u003e pour libérer vos cheveux des résidus accumulés au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"kdk-grid-compact\"\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🧴 Détox douce\u003c\/h3\u003e\n\u003cp\u003ePurifie en profondeur sans jamais agresser la fibre capillaire ni le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🌱 Prêle \u0026amp; ortie\u003c\/h3\u003e\n\u003cp\u003eDeux actifs végétaux bio reconnus pour purifier et reminéraliser les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eFormule labellisée COSMOS Natural, sans silicone, sans parabène, sans colorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e✨ Résultat visible\u003c\/h3\u003e\n\u003cp\u003eCheveux légers, volumineux et brillants dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"kdk-section\"\u003e\n\u003ch2\u003ePourquoi choisir un shampoing détox naturel ?\u003c\/h2\u003e\n\u003cp class=\"kdk-section-intro\"\u003ePollution, calcaire, silicones, résidus de coiffants… Au fil des jours, vos cheveux s'alourdissent et perdent leur éclat.\u003c\/p\u003e\n\u003cdiv class=\"kdk-testimonial\"\u003e\n\u003cp class=\"kdk-testimonial-text\"\u003eUn shampoing détox agit comme un véritable \u003cstrong\u003ereset capillaire\u003c\/strong\u003e : il élimine les impuretés incrustées et permet à vos soins habituels de mieux pénétrer. Contrairement aux shampoings détox de grande surface souvent chargés en sulfates agressifs, cette formule bio respecte l'équilibre naturel de votre cuir chevelu tout en le purifiant efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-tip\"\u003e\n\u003cspan class=\"kdk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous avez déjà testé un shampoing détox Klorane, Yves Rocher ou Sephora, vous apprécierez ici une approche plus naturelle et respectueuse. Ce soin convient aussi parfaitement aux \u003cstrong\u003echeveux bouclés\u003c\/strong\u003e, souvent sensibles aux formules trop décapantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"kdk-section\"\u003e\n\u003ch2\u003eLes actifs clés de cette formule certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kdk-section-intro\"\u003eK pour Karité a sélectionné des ingrédients végétaux reconnus pour leurs propriétés purifiantes et apaisantes.\u003c\/p\u003e\n\u003cdiv class=\"kdk-grid\"\u003e\n\u003cdiv class=\"kdk-card kdk-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Extrait de prêle\u003c\/h3\u003e\n\u003cp\u003eRiche en silice et minéraux, il \u003cstrong\u003ereminéralise la fibre capillaire\u003c\/strong\u003e et aide à renforcer les cheveux fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card kdk-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Extrait d'ortie\u003c\/h3\u003e\n\u003cp\u003eRégulateur de sébum naturel, il \u003cstrong\u003epurifie le cuir chevelu\u003c\/strong\u003e et contribue à réduire les excès de gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card kdk-card-ingredient\"\u003e\n\u003ch3\u003e🫧 Base lavante douce\u003c\/h3\u003e\n\u003cp\u003eD'origine naturelle, elle nettoie efficacement \u003cstrong\u003esans sulfates agressifs\u003c\/strong\u003e, pour un cuir chevelu apaisé dès le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-tip\"\u003e\n\u003cspan class=\"kdk-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eCette synergie végétale offre un véritable soin détoxifiant qui redonne \u003cstrong\u003elégèreté, volume et brillance\u003c\/strong\u003e à vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"kdk-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"kdk-accordion\"\u003e\n\u003cdetails class=\"kdk-accordion-item\" open\u003e\n\u003csummary class=\"kdk-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"kdk-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Glycerin, Sodium Chloride, Equisetum Arvense Extract* (Prêle), Urtica Dioica Extract* (Ortie), Coco-Glucoside, Glyceryl Oleate, Parfum, Benzyl Alcohol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Tocopherol.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kdk-accordion-item\"\u003e\n\u003csummary class=\"kdk-accordion-header\"\u003e🚫 Formule sans\u003c\/summary\u003e\n\u003cdiv class=\"kdk-accordion-content mt-3\"\u003e\n\u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une formule clean, certifiée COSMOS Natural par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"kdk-section\"\u003e\n\u003ch2\u003eConseils d'utilisation pour un résultat optimal\u003c\/h2\u003e\n\u003cdiv class=\"kdk-timeline\"\u003e\n\u003cdiv class=\"kdk-timeline-item\"\u003e\n\u003cdiv class=\"kdk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kdk-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de shampoing sur cheveux mouillés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-timeline-item\"\u003e\n\u003cdiv class=\"kdk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kdk-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement votre cuir chevelu du bout des doigts pendant 1 à 2 minutes pour stimuler la microcirculation et favoriser l'action des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-timeline-item\"\u003e\n\u003cdiv class=\"kdk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kdk-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Pour une détox en profondeur, réalisez un double shampooing : le premier élimine les résidus, le second permet aux actifs de prêle et d'ortie d'agir pleinement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-tip\"\u003e\n\u003cspan class=\"kdk-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eUtilisez-le \u003cstrong\u003eune à deux fois par semaine\u003c\/strong\u003e en cure détox, ou en alternance avec votre shampoing habituel pour maintenir des cheveux sains et légers au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"kdk-section\"\u003e\n\u003ch2\u003ePour qui est fait ce shampoing ?\u003c\/h2\u003e\n\u003cdiv class=\"kdk-grid\"\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e💆 Cuirs chevelus gras\u003c\/h3\u003e\n\u003cp\u003eRééquilibre les cuirs chevelus à tendance grasse en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🪨 Cheveux alourdis\u003c\/h3\u003e\n\u003cp\u003eÉlimine les résidus de produits coiffants et le calcaire qui plombent vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🔍 Détox douce certifiée bio\u003c\/h3\u003e\n\u003cp\u003eL'alternative naturelle et certifiée aux shampoings clarifiants conventionnels, comparable à un Coco \u0026amp; Eve ou OUAI mais en bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n\u003cp\u003ePurifie en profondeur sans dessécher, idéal pour les boucles sensibles aux formules trop décapantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"kdk-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eEngagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"kdk-grid-compact\"\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France avec exigence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n\u003cp\u003eTube en matériaux recyclables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e✅ Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Natural.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kdk-cta-box\"\u003e\n\u003cp\u003e🧴 Offrez à vos cheveux un véritable reset capillaire — 200 ml de détox naturelle certifiée bio, fabriquée en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"kdk-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'irritation persistante du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kdk-cream: #f4f7f9;\n --kdk-white: #ffffff;\n --kdk-primary: #2e8b9e;\n --kdk-primary-dark: #1a5f6f;\n --kdk-primary-light: #e6f3f6;\n --kdk-secondary: #5fb8c9;\n --kdk-accent: #a8d8e0;\n --kdk-text: #1a1a1a;\n --kdk-text-light: #5a5a5a;\n --kdk-border: #dde8ec;\n --kdk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kdk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kdk-radius: 20px;\n --kdk-radius-sm: 12px;\n}\n\n.kdk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kdk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kdk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.kdk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5f6f 0%, #2e8b9e 40%, #5fb8c9 100%);\n border-radius: var(--kdk-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(--kdk-shadow-lg);\n}\n\n.kdk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kdk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kdk-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.kdk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.kdk-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.kdk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kdk-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(--kdk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kdk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kdk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kdk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kdk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.kdk-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(--kdk-primary), var(--kdk-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.kdk-card {\n background: var(--kdk-white);\n border-radius: var(--kdk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kdk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kdk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kdk-shadow-lg);\n border-color: var(--kdk-primary);\n}\n\n.kdk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kdk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kdk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kdk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.kdk-card-ingredient {\n border-top: 4px solid var(--kdk-primary);\n}\n\n\/* === GRILLES === *\/\n.kdk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kdk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kdk-grid-compact .kdk-card {\n padding: 1rem;\n}\n\n.kdk-grid-compact .kdk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kdk-grid-compact .kdk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kdk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kdk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kdk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kdk-primary), var(--kdk-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.kdk-timeline-content {\n flex: 1;\n background: var(--kdk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kdk-radius-sm);\n box-shadow: var(--kdk-shadow);\n}\n\n.kdk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kdk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kdk-timeline-content p {\n font-size: 14px;\n color: var(--kdk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kdk-testimonial {\n background: var(--kdk-white);\n border-radius: var(--kdk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kdk-shadow);\n border-left: 4px solid var(--kdk-primary);\n}\n\n.kdk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kdk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kdk-accordion {\n background: var(--kdk-white);\n border-radius: var(--kdk-radius);\n box-shadow: var(--kdk-shadow);\n overflow: hidden;\n}\n\n.kdk-accordion-item {\n border-bottom: 1px solid var(--kdk-border);\n margin: 0;\n padding: 0;\n}\n\n.kdk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kdk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kdk-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.kdk-accordion-header:hover {\n background: var(--kdk-primary-light);\n}\n\n.kdk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kdk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kdk-primary);\n transition: transform .2s ease;\n}\n\n.kdk-accordion-item[open] .kdk-accordion-header::after {\n content: '−';\n}\n\n.kdk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kdk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kdk-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.kdk-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.kdk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kdk-primary-light);\n border-radius: var(--kdk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kdk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kdk-tip p {\n font-size: 14px;\n color: var(--kdk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kdk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kdk-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\/* === CTA FINAL === *\/\n.kdk-cta-box {\n background: linear-gradient(135deg, var(--kdk-primary) 0%, var(--kdk-primary-dark) 100%);\n border-radius: var(--kdk-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.kdk-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.kdk-disclaimer {\n font-size: 12px;\n color: var(--kdk-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 .kdk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kdk-card {\n padding: 1.125rem;\n }\n\n .kdk-section {\n margin-bottom: 1.75rem;\n }\n\n .kdk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kdk-radius-sm);\n }\n\n .kdk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kdk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kdk-grid-compact {\n gap: .625rem;\n }\n\n .kdk-grid-compact .kdk-card {\n padding: .75rem;\n }\n\n .kdk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kdk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kdk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kdk-timeline-content p {\n font-size: 13px;\n }\n\n .kdk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kdk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kdk-testimonial {\n padding: 1.25rem;\n }\n\n .kdk-testimonial-text {\n font-size: 14px;\n }\n\n .kdk-tip {\n padding: .875rem 1rem;\n }\n\n .kdk-tip-icon {\n font-size: 20px;\n }\n\n .kdk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kdk-card {\n animation: kdkFadeInUp .5s ease backwards;\n }\n .kdk-card:nth-child(1) { animation-delay: .05s; }\n .kdk-card:nth-child(2) { animation-delay: .1s; }\n .kdk-card:nth-child(3) { animation-delay: .15s; }\n .kdk-card:nth-child(4) { animation-delay: .2s; }\n .kdk-card:nth-child(5) { animation-delay: .25s; }\n .kdk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kdkFadeInUp {\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 .kdk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010678941,"sku":"REF995","price":11.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-detox-bio-200-g-k-pour-karite-packshothd_9ec3c228-0237-44bd-b6d6-0c482b3dc38e.webp?v=1775379461"},{"product_id":"dentifrice-blancheur-au-miel-de-manuka-iaa-15-bio-tube-75-ml-comptoirs-et-compagnies","title":"Dentifrice Blancheur Miel de Manuka IAA15+ Bio - 75 ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice Blancheur Miel de Manuka IAA15+ Bio\nPalette détectée:\n - Primaire: #00A67E (vert émeraude\/turquoise du packaging)\n - Secondaire: #F5A623 (jaune miel\/doré des accents)\n - Accent: #2D8B6F (vert foncé pour profondeur)\nAmbiance: Naturel\/Bio, frais et clean, inspiré de la Nouvelle-Zélande, confiance médicale avec touche premium\nPréfixe CSS: mnk\n--\u003e\n\n\u003cdiv class=\"mnk-premium\"\u003e\n\n \u003cdiv class=\"mnk-hero\"\u003e\n \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-hero-content\"\u003e\n \u003cdiv class=\"mnk-badges-top\"\u003e\n \u003cspan class=\"mnk-badge\"\u003e🍯 Miel de Manuka IAA15+\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🚫 Sans fluor\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mnk-hero-title\"\u003eDentifrice blancheur au miel de Manuka\u003c\/span\u003e\n \u003cp class=\"mnk-subtitle\"\u003eLa puissance antibactérienne de la Nouvelle-Zélande pour un sourire éclatant\u003c\/p\u003e\n \u003cp class=\"mnk-description\"\u003eUne formule unique associant le précieux miel de Manuka IAA15+, la propolis française et l'huile essentielle de Manuka pour des dents blanches et des gencives apaisées, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e✨ Pourquoi ce dentifrice est unique\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-card-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eMiel de Manuka IAA15+\u003c\/h3\u003e\n \u003cp\u003eActivité antibactérienne scientifiquement prouvée, équivalente à une solution phénolique à 15%. Réduit la plaque dentaire et apaise les gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eHuile essentielle de Manuka\u003c\/h3\u003e\n \u003cp\u003eIssue des terres sauvages de Nouvelle-Zélande, elle renforce l'action purifiante et assainissante de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-card-icon\"\u003e🐝\u003c\/div\u003e\n \u003ch3\u003ePropolis française\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel des abeilles aux propriétés protectrices exceptionnelles pour une hygiène bucco-dentaire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-card-icon\"\u003e⚪\u003c\/div\u003e\n \u003ch3\u003eBlancheur naturelle\u003c\/h3\u003e\n \u003cp\u003eSilice naturelle douce qui élimine les taches sans abîmer l'émail pour retrouver l'éclat originel de vos dents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-card-icon\"\u003e🚫\u003c\/div\u003e\n \u003ch3\u003eSans fluor\u003c\/h3\u003e\n \u003cp\u003eFormule alternative naturelle idéale pour ceux qui souhaitent éviter le fluor tout en préservant leur santé dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003eVégan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, composition respectueuse du vivant et certifiée Bio par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🔬 L'indice IAA® : la garantie de l'efficacité\u003c\/h2\u003e\n \u003cdiv class=\"mnk-highlight-box\"\u003e\n \u003cdiv class=\"mnk-highlight-content\"\u003e\n \u003cdiv class=\"mnk-iaa-badge\"\u003e\n \u003cspan class=\"mnk-iaa-label\"\u003eIAA®\u003c\/span\u003e\n \u003cspan class=\"mnk-iaa-value\"\u003e15+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-highlight-text\"\u003e\n \u003cp\u003e\u003cstrong\u003eL'indice IAA® garantit les propriétés uniques du miel de Manuka scientifiquement mesurées.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eChaque lot est systématiquement testé en laboratoire. Un indice 15+ signifie une activité antibactérienne équivalente à une solution phénolique à 15%.\u003c\/p\u003e\n \u003cp class=\"mnk-studies\"\u003ePlusieurs études cliniques internationales ont démontré l'action efficace du miel de Manuka IAA® pour \u003cstrong\u003eréduire la plaque dentaire\u003c\/strong\u003e et \u003cstrong\u003eapaiser les gencives\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🌿 Une composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"mnk-ingredients-grid\"\u003e\n \u003cdiv class=\"mnk-ingredient\"\u003e\n \u003cdiv class=\"mnk-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient-info\"\u003e\n \u003ch4\u003eMiel de Manuka IAA15+\u003c\/h4\u003e\n \u003cp\u003eNouvelle-Zélande • Antibactérien \u0026amp; cicatrisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient\"\u003e\n \u003cdiv class=\"mnk-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient-info\"\u003e\n \u003ch4\u003eHuile essentielle de Manuka\u003c\/h4\u003e\n \u003cp\u003ePurifiante \u0026amp; assainissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient\"\u003e\n \u003cdiv class=\"mnk-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient-info\"\u003e\n \u003ch4\u003ePropolis française\u003c\/h4\u003e\n \u003cp\u003eProtectrice \u0026amp; fortifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient\"\u003e\n \u003cdiv class=\"mnk-ingredient-icon\"\u003e⚪\u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient-info\"\u003e\n \u003ch4\u003eSilice naturelle\u003c\/h4\u003e\n \u003cp\u003eBlancheur douce sans abrasion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient\"\u003e\n \u003cdiv class=\"mnk-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient-info\"\u003e\n \u003ch4\u003eAloé vera\u003c\/h4\u003e\n \u003cp\u003eApaisant \u0026amp; hydratant pour les gencives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient\"\u003e\n \u003cdiv class=\"mnk-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"mnk-ingredient-info\"\u003e\n \u003ch4\u003eExtraits de menthe poivrée\u003c\/h4\u003e\n \u003cp\u003eFraîcheur longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mnk-steps\"\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch4\u003eAppliquez\u003c\/h4\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch4\u003eBrossez\u003c\/h4\u003e\n \u003cp\u003eBrossez soigneusement pendant \u003cstrong\u003e3 minutes\u003c\/strong\u003e en effectuant des mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch4\u003eRincez\u003c\/h4\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch4\u003eRépétez\u003c\/h4\u003e\n \u003cp\u003eUtilisez quotidiennement \u003cstrong\u003eaprès chaque repas\u003c\/strong\u003e pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mnk-profiles-grid\"\u003e\n \u003cdiv class=\"mnk-profile\"\u003e\n \u003cspan class=\"mnk-profile-icon\"\u003e😁\u003c\/span\u003e\n \u003ch4\u003eAmateurs de sourire éclatant\u003c\/h4\u003e\n \u003cp\u003eRetrouvez la blancheur naturelle de vos dents sans produits agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-profile\"\u003e\n \u003cspan class=\"mnk-profile-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch4\u003eAdeptes du naturel\u003c\/h4\u003e\n \u003cp\u003eUne alternative bio et sans fluor pour une hygiène saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-profile\"\u003e\n \u003cspan class=\"mnk-profile-icon\"\u003e😣\u003c\/span\u003e\n \u003ch4\u003eGencives sensibles\u003c\/h4\u003e\n \u003cp\u003eLe miel de Manuka apaise et protège les gencives fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-profile\"\u003e\n \u003cspan class=\"mnk-profile-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003ch4\u003eToute la famille\u003c\/h4\u003e\n \u003cp\u003eConvient aux adultes et enfants dès 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mnk-warning-box\"\u003e\n \u003cdiv class=\"mnk-warning-item\"\u003e\n \u003cspan class=\"mnk-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConserver à l'abri de la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-warning-item\"\u003e\n \u003cspan class=\"mnk-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eNe pas utiliser chez les enfants de moins de 7 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-warning-item\"\u003e\n \u003cspan class=\"mnk-warning-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003eÉviter le contact avec les yeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-warning-item\"\u003e\n \u003cspan class=\"mnk-warning-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eNe pas avaler\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-warning-item\"\u003e\n \u003cspan class=\"mnk-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cp\u003eConvient aux femmes enceintes et allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mnk-info-grid\"\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cspan class=\"mnk-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"mnk-info-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cspan class=\"mnk-info-label\"\u003eOrigine du miel\u003c\/span\u003e\n \u003cspan class=\"mnk-info-value\"\u003eNouvelle-Zélande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cspan class=\"mnk-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"mnk-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cspan class=\"mnk-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"mnk-info-value\"\u003eBio Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cspan class=\"mnk-info-label\"\u003eIndice IAA®\u003c\/span\u003e\n \u003cspan class=\"mnk-info-value\"\u003e15+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cspan class=\"mnk-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"mnk-info-value\"\u003eComptoirs et Compagnies\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🌍 L'héritage Maori\u003c\/h2\u003e\n \u003cdiv class=\"mnk-story-box\"\u003e\n \u003cdiv class=\"mnk-story-content\"\u003e\n \u003cp class=\"mnk-story-quote\"\u003e« Des guérisseurs Maori à la science moderne »\u003c\/p\u003e\n \u003cp\u003eLe Manuka est un arbuste cousin du tea tree qui pousse à l'état sauvage sur les terres vierges de Nouvelle-Zélande. Utilisé depuis des siècles par le Tohunga, le guérisseur maori, il est l'un des végétaux les plus efficaces de la pharmacopée traditionnelle.\u003c\/p\u003e\n \u003cp\u003eComptoirs et Compagnies perpétue cette tradition ancestrale en associant ce savoir millénaire aux dernières avancées scientifiques pour vous offrir des soins d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mnk-cta-box\"\u003e\n \u003cdiv class=\"mnk-cta-badges\"\u003e\n \u003cspan class=\"mnk-cta-badge\"\u003e🏆 Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"mnk-cta-badge\"\u003e🌱 Végan\u003c\/span\u003e\n \u003cspan class=\"mnk-cta-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"mnk-cta-badge\"\u003e♻️ CO₂ compensé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eFaites l'expérience d'un soin dentaire innovant qui respecte votre santé.\u003cbr\u003e\u003cstrong\u003ePour un sourire éclatant de santé, jour après jour !\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 --mnk-cream: #f8faf9;\n --mnk-white: #ffffff;\n --mnk-primary: #00A67E;\n --mnk-primary-dark: #008866;\n --mnk-primary-light: #e6f7f2;\n --mnk-secondary: #F5A623;\n --mnk-secondary-light: #fef7e6;\n --mnk-accent: #2D8B6F;\n --mnk-gold: #D4A84B;\n --mnk-text: #1a2e28;\n --mnk-text-light: #5a6e68;\n --mnk-border: #d4e5df;\n --mnk-shadow: 0 4px 24px rgba(0,166,126,.08);\n --mnk-shadow-lg: 0 12px 48px rgba(0,166,126,.15);\n --mnk-radius: 20px;\n --mnk-radius-sm: 12px;\n}\n\n.mnk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mnk-text);\n line-height: 1.6;\n}\n\n.mnk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mnk-hero {\n position: relative;\n background: linear-gradient(135deg, #00A67E 0%, #008866 40%, #2D8B6F 100%);\n border-radius: var(--mnk-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(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 15L45 15L37 22L40 32L30 26L20 32L23 22L15 15L25 15Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mnk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mnk-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(--mnk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mnk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mnk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mnk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mnk-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--mnk-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.mnk-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(--mnk-primary), var(--mnk-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mnk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.mnk-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnk-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mnk-shadow-lg);\n border-color: var(--mnk-primary);\n}\n\n.mnk-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.mnk-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mnk-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mnk-card p {\n font-size: 14px;\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX (IAA) === *\/\n.mnk-highlight-box {\n background: linear-gradient(135deg, var(--mnk-primary-light) 0%, var(--mnk-white) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--mnk-primary);\n box-shadow: var(--mnk-shadow);\n}\n\n.mnk-highlight-content {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 2rem;\n justify-content: center;\n}\n\n.mnk-iaa-badge {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 120px;\n height: 120px;\n background: var(--mnk-white);\n border: 4px solid var(--mnk-primary);\n border-radius: 50%;\n box-shadow: 0 8px 32px rgba(0,166,126,.2);\n}\n\n.mnk-iaa-label {\n font-size: 14px;\n font-weight: 900;\n color: var(--mnk-primary-dark);\n letter-spacing: .05em;\n}\n\n.mnk-iaa-value {\n font-size: 36px;\n font-weight: 900;\n color: var(--mnk-primary);\n line-height: 1;\n}\n\n.mnk-highlight-text {\n flex: 1;\n min-width: 280px;\n}\n\n.mnk-highlight-text p {\n margin: 0 0 1rem 0;\n font-size: 15px;\n color: var(--mnk-text);\n}\n\n.mnk-highlight-text p:last-child {\n margin-bottom: 0;\n}\n\n.mnk-studies {\n background: var(--mnk-white);\n padding: 1rem 1.5rem;\n border-radius: var(--mnk-radius-sm);\n border-left: 4px solid var(--mnk-secondary);\n}\n\n\/* === INGREDIENTS === *\/\n.mnk-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.mnk-ingredient {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mnk-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--mnk-radius-sm);\n box-shadow: var(--mnk-shadow);\n transition: all .3s ease;\n}\n\n.mnk-ingredient:hover {\n transform: translateX(8px);\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-ingredient-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mnk-ingredient-info h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnk-ingredient-info p {\n font-size: 13px;\n color: var(--mnk-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.mnk-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.mnk-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mnk-white);\n padding: 1.5rem;\n border-radius: var(--mnk-radius-sm);\n box-shadow: var(--mnk-shadow);\n transition: all .3s ease;\n}\n\n.mnk-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mnk-primary), var(--mnk-accent));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(0,166,126,.3);\n}\n\n.mnk-step-content h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mnk-step-content p {\n font-size: 14px;\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === PROFILES === *\/\n.mnk-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.mnk-profile {\n background: var(--mnk-white);\n padding: 2rem;\n border-radius: var(--mnk-radius);\n text-align: center;\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mnk-profile:hover {\n transform: translateY(-6px);\n border-color: var(--mnk-secondary);\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.mnk-profile h4 {\n font-size: 17px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mnk-profile p {\n font-size: 14px;\n color: var(--mnk-text-light);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.mnk-warning-box {\n background: var(--mnk-secondary-light);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mnk-secondary);\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.mnk-warning-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .75rem 1rem;\n background: var(--mnk-white);\n border-radius: var(--mnk-radius-sm);\n}\n\n.mnk-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mnk-warning-item p {\n font-size: 14px;\n color: var(--mnk-text);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === INFO GRID === *\/\n.mnk-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.mnk-info-item {\n background: var(--mnk-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--mnk-radius-sm);\n box-shadow: var(--mnk-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.mnk-info-item:hover {\n transform: scale(1.02);\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-info-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--mnk-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.mnk-info-value {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--mnk-primary-dark);\n}\n\n\/* === STORY BOX === *\/\n.mnk-story-box {\n background: linear-gradient(135deg, var(--mnk-primary-dark) 0%, var(--mnk-accent) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(2rem, 5vw, 3rem);\n position: relative;\n overflow: hidden;\n}\n\n.mnk-story-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='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.mnk-story-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-story-quote {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: var(--mnk-secondary);\n font-style: italic;\n margin: 0 0 1.5rem 0;\n}\n\n.mnk-story-content p {\n color: rgba(255,255,255,.9);\n font-size: 15px;\n max-width: 700px;\n margin: 0 auto 1rem auto;\n line-height: 1.7;\n}\n\n.mnk-story-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.mnk-cta-box {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnk-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 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: .3; }\n}\n\n.mnk-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n position: relative;\n z-index: 1;\n}\n\n.mnk-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: white;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.mnk-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.mnk-cta-box strong {\n font-weight: 800;\n color: var(--mnk-secondary-light);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mnk-grid,\n .mnk-ingredients-grid,\n .mnk-steps,\n .mnk-profiles-grid,\n .mnk-info-grid {\n grid-template-columns: 1fr;\n }\n\n .mnk-highlight-content {\n flex-direction: column;\n text-align: center;\n }\n\n .mnk-badges-top {\n gap: 8px;\n }\n\n .mnk-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnk-card,\n .mnk-ingredient,\n .mnk-step,\n .mnk-profile,\n .mnk-info-item {\n animation: fadeInUp .6s ease backwards;\n }\n\n .mnk-card:nth-child(1), .mnk-ingredient:nth-child(1), .mnk-step:nth-child(1), .mnk-profile:nth-child(1) { animation-delay: .1s; }\n .mnk-card:nth-child(2), .mnk-ingredient:nth-child(2), .mnk-step:nth-child(2), .mnk-profile:nth-child(2) { animation-delay: .2s; }\n .mnk-card:nth-child(3), .mnk-ingredient:nth-child(3), .mnk-step:nth-child(3), .mnk-profile:nth-child(3) { animation-delay: .3s; }\n .mnk-card:nth-child(4), .mnk-ingredient:nth-child(4), .mnk-step:nth-child(4), .mnk-profile:nth-child(4) { animation-delay: .4s; }\n .mnk-card:nth-child(5), .mnk-ingredient:nth-child(5) { animation-delay: .5s; }\n .mnk-card:nth-child(6), .mnk-ingredient:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mnk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n\n .mnk-cta-box::before {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .mnk-card,\n .mnk-ingredient,\n .mnk-step,\n .mnk-profile,\n .mnk-info-item {\n border: 2px solid var(--mnk-text);\n }\n\n .mnk-badge {\n border: 2px solid var(--mnk-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755074314397,"sku":"NBAICCO0015","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-blancheur-miel-de-manuka-iaa15-bio-75ml-comptoirs-et-compagnies-recto_1_11zon.jpg?v=1758897698"},{"product_id":"dentifrice-protection-anti-tartre-miel-de-manuka-iaa-15-bio-tube-75-ml-comptoirs-et-compagnies","title":"Dentifrice Anti-tartre au Miel de Manuka Iaa 15+ Bio - 75ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice au Miel de Manuka IAA 15+\nPalette détectée:\n - Primaire: #00A0DC (bleu turquoise vibrant du packaging - couleur dominante)\n - Secondaire: #FFB300 (jaune doré du logo et miel)\n - Accent: #F5A623 (orange miel chaleureux)\n - Background: #F8FAFB (blanc cassé très clair, neutre)\nAmbiance: Naturel, scientifique, bio-premium, médical-soin\nStyle: Clean, moderne, apaisant avec notes de confiance médicale\nType: Soin bucco-dentaire naturel premium\nPréfixe CSS: mm (manuka-mouth)\n--\u003e\n\u003cdiv class=\"mm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mm-hero\"\u003e\n\u003cdiv class=\"mm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-hero-content\"\u003e\n\u003cdiv class=\"mm-badges-top\"\u003e\n\u003cspan class=\"mm-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🔬 IAA 15+\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mm-hero-title\"\u003eDentifrice protection anti-tartre au miel de Manuka\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe pouvoir antibactérien du miel de Manuka IAA 15+ certifié bio\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne protection naturelle et scientifiquement prouvée contre le tartre et les bactéries, enrichie en huile essentielle de Manuka et propolis française. Sans fluor, 100% d'origine naturelle.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce dentifrice ?\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eProtection anti-tartre\u003c\/h3\u003e\n\u003cp\u003eLe miel de Manuka IAA 15+ forme une barrière naturelle contre le tartre grâce à son indice antibactérien élevé, scientifiquement mesuré en laboratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel et bio\u003c\/h3\u003e\n\u003cp\u003eFormulé sans fluor, parabènes, triclosan ni colorants artificiels. Certifié bio avec des ingrédients d'origine naturelle respectueux de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🦷\u003c\/div\u003e\n\u003ch3\u003eAction antibactérienne prouvée\u003c\/h3\u003e\n\u003cp\u003eL'indice IAA 15+ garantit une efficacité antibactérienne mesurée, idéale pour lutter contre la plaque dentaire et apaiser les gencives sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🍃\u003c\/div\u003e\n\u003ch3\u003eFraîcheur durable\u003c\/h3\u003e\n\u003cp\u003eArôme naturel rafraîchissant à l'huile essentielle de Manuka pour une haleine fraîche et une sensation de propreté longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003ePropolis française\u003c\/h3\u003e\n\u003cp\u003eEnrichi en propolis française, un actif naturel reconnu pour ses propriétés apaisantes et protectrices des gencives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3\u003eFabrication responsable\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon les normes européennes, avec du miel de Manuka récolté de manière éthique en Nouvelle-Zélande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QU'EST-CE QUE L'INDICE IAA ? --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003cdiv class=\"mm-info-block\"\u003e\n\u003cdiv class=\"mm-info-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"mm-info-content\"\u003e\n\u003ch3\u003eL'indice IAA 15+ : la garantie scientifique\u003c\/h3\u003e\n\u003cp\u003eL'Indice d'Activité Antibactérienne (IAA) mesure objectivement le niveau d'efficacité du miel de Manuka contre les bactéries. Un indice de 15+ indique une activité antibactérienne élevée, testée et certifiée en laboratoire. Plus l'indice est élevé, plus le miel de Manuka est actif. Ce dentifrice utilise un miel de Manuka sélectionné pour son pouvoir exceptionnel, vous garantissant une protection optimale de votre hygiène bucco-dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eUne formule naturelle ultra-performante\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid mm-grid-3\"\u003e\n\u003cdiv class=\"mm-ingredient-card\"\u003e\n\u003cdiv class=\"mm-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n\u003ch4\u003eMiel de Manuka IAA 15+\u003c\/h4\u003e\n\u003cspan class=\"mm-badge-small\"\u003eActif principal\u003c\/span\u003e\n\u003cp\u003eOriginaire de Nouvelle-Zélande, ce miel exceptionnel possède des propriétés antibactériennes uniques, cliniquement prouvées pour réduire la plaque dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-ingredient-card\"\u003e\n\u003cdiv class=\"mm-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHuile essentielle de Manuka\u003c\/h4\u003e\n\u003cspan class=\"mm-badge-small\"\u003eFraîcheur\u003c\/span\u003e\n\u003cp\u003eExtraite de l'arbuste cousin du tea tree néo-zélandais, elle renforce l'action antibactérienne et apporte une fraîcheur naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-ingredient-card\"\u003e\n\u003cdiv class=\"mm-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n\u003ch4\u003ePropolis française\u003c\/h4\u003e\n\u003cspan class=\"mm-badge-small\"\u003eProtection\u003c\/span\u003e\n\u003cp\u003eActif naturel récolté en France, la propolis apaise les gencives sensibles et renforce la protection contre les agressions bactériennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-composition-box\"\u003e\n\u003ch4\u003eComposition complète INCI\u003c\/h4\u003e\n\u003cp class=\"mm-composition-list\"\u003eAqua (eau), Glycérine, Silice hydratée, Xylitol, Sorbitol, Miel de Manuka IAA 15+, Gomme xanthane, Saccharine sodique, Thymol, Arômes naturels\u003c\/p\u003e\n\u003cdiv class=\"mm-certifs\"\u003e\n\u003cspan class=\"mm-certif\"\u003e✓ Sans fluor\u003c\/span\u003e \u003cspan class=\"mm-certif\"\u003e✓ Sans parabènes\u003c\/span\u003e \u003cspan class=\"mm-certif\"\u003e✓ Sans triclosan\u003c\/span\u003e \u003cspan class=\"mm-certif\"\u003e✓ Sans colorants artificiels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mm-steps\"\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eAppliquez une noisette\u003c\/h4\u003e\n\u003cp\u003eDéposez une petite quantité de dentifrice sur votre brosse à dents souple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eBrossez 2 minutes\u003c\/h4\u003e\n\u003cp\u003eEffectuez des mouvements circulaires doux sur toutes les surfaces dentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eRincez abondamment\u003c\/h4\u003e\n\u003cp\u003eRincez soigneusement votre bouche avec de l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eUtilisez quotidiennement\u003c\/h4\u003e\n\u003cp\u003eDe préférence après chaque repas, ou minimum 2 fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI ? --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eCe dentifrice est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch4\u003eVous recherchez un dentifrice naturel\u003c\/h4\u003e\n\u003cp\u003eVous souhaitez une alternative saine aux dentifrices conventionnels, sans fluor ni produits chimiques agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e🦷\u003c\/div\u003e\n\u003ch4\u003eVous avez tendance au tartre\u003c\/h4\u003e\n\u003cp\u003eVous cherchez une protection efficace contre la formation de tartre et la plaque dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e💚\u003c\/div\u003e\n\u003ch4\u003eVous avez les gencives sensibles\u003c\/h4\u003e\n\u003cp\u003eVous avez besoin d'un dentifrice doux qui respecte et apaise vos gencives tout en étant efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch4\u003eVous privilégiez le bio\u003c\/h4\u003e\n\u003cp\u003eVous faites attention à la composition de vos produits d'hygiène et préférez les ingrédients certifiés bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LE MIEL DE MANUKA --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003cdiv class=\"mm-highlight-box\"\u003e\n\u003cdiv class=\"mm-highlight-content\"\u003e\n\u003ch3\u003eLe miel de Manuka : un trésor de Nouvelle-Zélande\u003c\/h3\u003e\n\u003cp\u003eLe Manuka est un arbuste cousin du tea tree qui pousse à l'état sauvage en Nouvelle-Zélande. Utilisé depuis des siècles par les Maoris, ce guérisseur traditionnel est reconnu aujourd'hui par la science moderne comme l'un des miels les plus efficaces au monde.\u003c\/p\u003e\n\u003cp\u003ePlusieurs études cliniques internationales ont démontré l'action efficace du miel de Manuka IAA® pour réduire la plaque dentaire et apaiser les gencives. L'indice IAA® est la garantie des propriétés uniques du miel de Manuka, scientifiquement mesurées et testées en laboratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003cdiv class=\"mm-warning-box\"\u003e\n\u003cdiv class=\"mm-warning-content\"\u003e\n\u003ch4\u003ePrécautions d'utilisation\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas avaler\u003c\/li\u003e\n\u003cli\u003eÀ conserver à l'abri de la chaleur\u003c\/li\u003e\n\u003cli\u003eNe pas utiliser chez les enfants de moins de 7 ans\u003c\/li\u003e\n\u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n\u003cli\u003eConvient aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eCertains miels de Manuka sont actifs, d'autres non - vérifiez toujours la garantie de qualité via le site internet du fabricant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid mm-grid-4\"\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003e75 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eOrigine du miel\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003eNouvelle-Zélande 🇳🇿\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eFabrication\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003eFrance 🇫🇷\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eCertification\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003eBIO \u0026amp; Ecocert\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mm-cta-box\"\u003e\n\u003cdiv class=\"mm-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-cta-content\"\u003e\n\u003cp\u003eAdoptez dès aujourd'hui le pouvoir antibactérien naturel du miel de Manuka IAA 15+ pour une hygiène bucco-dentaire parfaite au quotidien. Profitez d'une haleine fraîche, de dents protégées et de gencives apaisées grâce à ce dentifrice bio d'exception, alliant tradition néo-zélandaise et exigence scientifique moderne.\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 --mm-cream: #F8FAFB;\n --mm-white: #ffffff;\n --mm-primary: #00A0DC;\n --mm-primary-dark: #0085B8;\n --mm-primary-light: #E6F7FC;\n --mm-secondary: #FFB300;\n --mm-accent: #F5A623;\n \n \/* Textes *\/\n --mm-text: #1a1a1a;\n --mm-text-light: #5a5a5a;\n \n \/* Effets *\/\n --mm-border: #e0e0e0;\n --mm-shadow: 0 4px 24px rgba(0,160,220,.08);\n --mm-shadow-lg: 0 12px 48px rgba(0,160,220,.15);\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mm-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mm-primary) 0%, #0085B8 50%, #006B9A 100%);\n border-radius: var(--mm-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(--mm-shadow-lg);\n}\n\n.mm-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,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.mm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mm-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mm-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(--mm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.mm-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 line-height: 1.1;\n}\n\n.mm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.mm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.mm-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mm-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mm-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.mm-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(--mm-primary), var(--mm-secondary));\n border-radius: 2px;\n}\n\n.mm-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.mm-premium h4 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--mm-text);\n margin: 0 0 0.5rem 0;\n}\n\n.mm-premium p {\n color: var(--mm-text-light);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0;\n line-height: 1.7;\n}\n\n.mm-premium strong {\n color: var(--mm-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.mm-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.mm-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mm-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mm-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mm-shadow-lg);\n border-color: var(--mm-primary);\n}\n\n.mm-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.mm-card-profile {\n text-align: center;\n}\n\n.mm-profile-icon {\n font-size: clamp(40px, 7vw, 56px);\n margin-bottom: 1rem;\n}\n\n\/* === INGRÉDIENTS === *\/\n.mm-ingredient-card {\n background: linear-gradient(135deg, var(--mm-primary-light) 0%, var(--mm-white) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mm-primary);\n transition: all .3s ease;\n text-align: center;\n}\n\n.mm-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-ingredient-icon {\n font-size: clamp(40px, 7vw, 52px);\n margin-bottom: 1rem;\n}\n\n.mm-badge-small {\n display: inline-block;\n padding: 4px 12px;\n background: var(--mm-primary);\n color: white;\n font-size: 11px;\n font-weight: 700;\n border-radius: 999px;\n margin-bottom: 0.75rem;\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mm-composition-box {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n margin-top: 2rem;\n border: 2px solid var(--mm-primary-light);\n}\n\n.mm-composition-box h4 {\n color: var(--mm-primary-dark);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.mm-composition-list {\n font-size: 14px;\n line-height: 1.9;\n color: var(--mm-text-light);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mm-certifs {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n padding-top: 1rem;\n border-top: 2px solid var(--mm-border);\n}\n\n.mm-certif {\n display: inline-flex;\n align-items: center;\n padding: 6px 14px;\n background: var(--mm-primary-light);\n color: var(--mm-primary-dark);\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mm-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.mm-step {\n display: flex;\n gap: 1rem;\n background: var(--mm-white);\n border-radius: var(--mm-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mm-shadow);\n transition: all .3s ease;\n}\n\n.mm-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(0,160,220,.3);\n}\n\n.mm-step-content h4 {\n color: var(--mm-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.mm-step-content p {\n font-size: 14px;\n}\n\n\/* === INFO BLOCK === *\/\n.mm-info-block {\n display: flex;\n gap: 2rem;\n background: linear-gradient(135deg, var(--mm-primary-light) 0%, var(--mm-white) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border-left: 6px solid var(--mm-primary);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-info-icon {\n flex-shrink: 0;\n font-size: clamp(48px, 8vw, 72px);\n}\n\n.mm-info-content h3 {\n color: var(--mm-primary-dark);\n margin-bottom: 1rem;\n}\n\n.mm-info-content p {\n margin-bottom: 1rem;\n}\n\n.mm-info-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mm-highlight-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-highlight-content h3 {\n color: white;\n font-size: clamp(22px, 4vw, 28px);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mm-highlight-content p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 17px);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.mm-highlight-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === WARNING BOX === *\/\n.mm-warning-box {\n display: flex;\n gap: 1.5rem;\n background: #FFF8E1;\n border-radius: var(--mm-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFC107;\n}\n\n.mm-warning-icon {\n flex-shrink: 0;\n font-size: clamp(32px, 5vw, 42px);\n}\n\n.mm-warning-content h4 {\n color: #F57C00;\n margin-bottom: 1rem;\n}\n\n.mm-warning-content ul {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.mm-warning-content li {\n color: var(--mm-text-light);\n font-size: 14px;\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n\/* === INFO CARDS === *\/\n.mm-info-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--mm-shadow);\n border: 2px solid var(--mm-primary-light);\n transition: all .3s ease;\n}\n\n.mm-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--mm-primary);\n}\n\n.mm-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--mm-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: 0.5rem;\n}\n\n.mm-info-value {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 900;\n color: var(--mm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.mm-cta-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 80%, white 2px, transparent 2px),\n radial-gradient(circle at 40% 20%, white 1px, transparent 1px);\n background-size: 100px 100px, 150px 150px, 80px 80px;\n}\n\n.mm-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mm-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 max-width: 900px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mm-grid {\n grid-template-columns: 1fr;\n }\n \n .mm-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .mm-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .mm-info-block {\n flex-direction: column;\n gap: 1rem;\n }\n \n .mm-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mm-card, .mm-ingredient-card, .mm-step, .mm-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .mm-card:nth-child(1), .mm-ingredient-card:nth-child(1), .mm-step:nth-child(1), .mm-info-card:nth-child(1) { \n animation-delay: .1s; \n }\n .mm-card:nth-child(2), .mm-ingredient-card:nth-child(2), .mm-step:nth-child(2), .mm-info-card:nth-child(2) { \n animation-delay: .2s; \n }\n .mm-card:nth-child(3), .mm-ingredient-card:nth-child(3), .mm-step:nth-child(3), .mm-info-card:nth-child(3) { \n animation-delay: .3s; \n }\n .mm-card:nth-child(4), .mm-ingredient-card:nth-child(4), .mm-step:nth-child(4), .mm-info-card:nth-child(4) { \n animation-delay: .4s; \n }\n .mm-card:nth-child(5), .mm-step:nth-child(5) { \n animation-delay: .5s; \n }\n .mm-card:nth-child(6) { \n animation-delay: .6s; \n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mm-premium {\n --mm-shadow: 0 0 0 2px currentColor;\n --mm-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755074543773,"sku":"NBAICCO0014","price":7.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-anti-tartre-au-miel-de-manuka-iaa-15-bio-75ml-comptoirs-et-compagnies_recto_1_11zon.jpg?v=1758897092"},{"product_id":"mousse-nettoyante-visage-tulsi-flacon-de-150-ml-ayurvana","title":"Mousse Nettoyante Visage Tulsi - 150 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mousse Nettoyante Visage Tulsi - Ayur-Vana\nPalette détectée:\n - Primaire: #D4782F (orange chaud du bandeau packaging)\n - Secondaire: #6B8E3A (vert feuille de tulsi)\n - Accent: #8B6914 (doré\/ocre des motifs paisley)\n - Fond packaging: #F5EDD8 (crème beige chaud)\nAmbiance: Naturel\/bio, ayurvédique, chaleureux, féminin-neutre, tradition indienne avec modernité cosmétique\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Mousse Nettoyante Visage au Tulsi Bio – Le soin purifiant inspiré de l'Ayurveda\"\n 2. \"Pourquoi adopter cette mousse nettoyante visage bio ?\"\n 3. \"Les bienfaits du Tulsi pour votre peau\"\n 4. \"Liste complète des ingrédients (INCI)\"\n 5. \"Comment utiliser cette mousse nettoyante ?\"\n 6. \"Fabrication française et engagement qualité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tl-hero\"\u003e\n \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tl-hero-content\"\u003e\n \u003cdiv class=\"tl-badges-top\"\u003e\n \u003cspan class=\"tl-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tl-hero-title\"\u003eMousse nettoyante visage Tulsi\u003c\/span\u003e\n \u003cp class=\"tl-subtitle\"\u003eAyur-Vana – Le rituel purifiant ayurvédique\u003c\/p\u003e\n \u003cp class=\"tl-description\"\u003eUne mousse aérienne au basilic sacré bio qui nettoie en profondeur sans jamais agresser. 98 % d'ingrédients d'origine naturelle pour une peau fraîche, pure et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eMousse Nettoyante Visage au Tulsi Bio – Le soin purifiant inspiré de l'Ayurveda\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure mousse nettoyante visage\u003c\/strong\u003e alliant efficacité et douceur ? La Mousse Nettoyante Visage Tulsi d'Ayur-Vana puise dans la sagesse ayurvédique pour offrir à votre peau un nettoyage en profondeur, sans jamais l'agresser.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🕉️ Sagesse ayurvédique\u003c\/h3\u003e\n \u003cp\u003eLe Tulsi (\u003cem\u003eOcimum sanctum\u003c\/em\u003e), basilic sacré vénéré en Inde depuis des millénaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧬 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio par Ecocert, la garantie d'une formulation exigeante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e✨ Vertus purifiantes\u003c\/h3\u003e\n \u003cp\u003eNettoyage en profondeur respectueux du film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eProtection contre la pollution et le stress oxydatif quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePourquoi adopter cette mousse nettoyante visage bio ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eContrairement à de nombreuses mousses nettoyantes du marché, cette formule bio d'Ayur-Vana ne contient \u003cstrong\u003eni sulfate agressif, ni silicone, ni paraben\u003c\/strong\u003e. Sa texture aérienne et ultra-légère se transforme en une mousse onctueuse qui élimine efficacement les impuretés, le maquillage léger et l'excès de sébum.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfate ni silicone\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient agressif : votre peau est nettoyée avec une extrême douceur, sans jamais être décapée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e💧 Respect du film hydrolipidique\u003c\/h3\u003e\n \u003cp\u003eVotre peau reste propre, fraîche et confortable, sans aucune sensation de tiraillement après le rinçage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌸 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, mais convient aussi parfaitement aux peaux mixtes sujettes aux imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eLes bienfaits du Tulsi pour votre peau\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eLe Tulsi bio est bien plus qu'un simple ingrédient tendance. Utilisé en cosmétique ayurvédique depuis des siècles, il agit sur plusieurs fronts pour sublimer votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card tl-card-highlight\"\u003e\n \u003ch3\u003e🧹 Purifiant\u003c\/h3\u003e\n \u003cp\u003eIl aide à désincruster les pores en profondeur et à limiter l'apparition des imperfections pour un teint plus net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card tl-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n \u003cp\u003eIl protège la peau des agressions extérieures comme la pollution urbaine et le stress oxydatif quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card tl-card-highlight\"\u003e\n \u003ch3\u003e☮️ Apaisant\u003c\/h3\u003e\n \u003cp\u003eIl calme les peaux réactives et réduit les inconforts cutanés pour une sensation de bien-être immédiate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"tl-accordion\"\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Glycerin*, Caprylyl\/Capryl Glucoside, Polyglyceryl-4 Caprate, Citric Acid, Benzyl Alcohol, Aloe Barbadensis Leaf Extract*, Potassium Sorbate, Sodium Phytate, Commiphora Mukul Resin Oil*, Juniperus Communis Seed Oil*, Arctium Lappa Root Extract*, Pogostemon Cablin Leaf Oil, Citrus Sinensis Peel Oil Expressed*, Aloe Vera, \u003cstrong\u003eOcimum Sanctum Leaf Extract\u003c\/strong\u003e**.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique\u003cbr\u003e** Ingrédient à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e📊 Pourcentages clés\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e98 %\u003c\/strong\u003e du total est d'origine naturelle. \u003cstrong\u003e15 %\u003c\/strong\u003e du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComment utiliser cette mousse nettoyante ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ce rituel simple matin et soir :\u003c\/p\u003e\n \u003cdiv class=\"tl-timeline\"\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre visage\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, commencez par mouiller votre visage à l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003ePrélevez la mousse\u003c\/h3\u003e\n \u003cp\u003ePressez le flacon pompe pour obtenir une à deux doses de mousse dans la paume de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage en massant par mouvements circulaires, en insistant sur la zone T (front, nez, menton).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire, puis séchez en tapotant doucement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003ePoursuivez votre routine\u003c\/h3\u003e\n \u003cp\u003eEnchaînez avec votre soin hydratant habituel pour sceller l'hydratation et protéger votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format pompe moussante de \u003cstrong\u003e150 ml\u003c\/strong\u003e est très pratique : il délivre la juste dose à chaque utilisation et dure plusieurs semaines en usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCertifié bio par Ecocert selon le référentiel Cosmos Organic, avec une traçabilité complète du champ au flacon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n \u003cp\u003eAyur-Vana sélectionne rigoureusement ses ingrédients biologiques pour garantir la plus haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🐰 Non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eCe soin cosmétique respecte le vivant : aucun test sur les animaux à aucune étape de sa conception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-section-intro\"\u003eLa richesse d'une formulation ancrée dans la tradition ayurvédique, associée aux exigences strictes de la cosmétique bio européenne.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS + CTA --\u003e\n \u003csection class=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tl-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le meilleur de l'Ayurveda et du bio — un geste simple, pur et efficace, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-disclaimer\"\u003ePrécaution : en cas de réaction cutanée, cessez l'utilisation. Évitez le contact avec les yeux. Ce produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème de peau persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tl-cream: #FBF7F0;\n --tl-white: #ffffff;\n --tl-primary: #D4782F;\n --tl-primary-dark: #A85A1B;\n --tl-primary-light: #FDF0E5;\n --tl-secondary: #6B8E3A;\n --tl-accent: #8B6914;\n --tl-text: #1a1a1a;\n --tl-text-light: #5a5a5a;\n --tl-border: #e8ddd0;\n --tl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tl-radius: 20px;\n --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tl-premium *, .tl-premium *::before, .tl-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n position: relative;\n background: linear-gradient(135deg, #D4782F 0%, #C06520 40%, #6B8E3A 100%);\n border-radius: var(--tl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tl-shadow-lg);\n}\n\n.tl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.tl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.tl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.tl-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.tl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.tl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tl-primary), var(--tl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tl-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tl-card {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tl-shadow-lg);\n border-color: var(--tl-primary);\n}\n\n.tl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.tl-card-highlight {\n border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-card-highlight:hover {\n border-color: var(--tl-secondary);\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tl-primary), var(--tl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tl-timeline-content {\n flex: 1;\n background: var(--tl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tl-radius-sm);\n box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n font-size: 14px;\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.tl-accordion {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n box-shadow: var(--tl-shadow);\n overflow: hidden;\n}\n\n.tl-accordion-item {\n border-bottom: 1px solid var(--tl-border);\n margin: 0;\n padding: 0;\n}\n\n.tl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tl-accordion-header:hover {\n background: var(--tl-primary-light);\n}\n\n.tl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tl-primary);\n transition: transform .2s ease;\n}\n\n.tl-accordion-item[open] .tl-accordion-header::after {\n content: '−';\n}\n\n.tl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tl-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.tl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tl-primary-light);\n border-radius: var(--tl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tl-tip p {\n font-size: 14px;\n color: var(--tl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n background: linear-gradient(135deg, var(--tl-primary) 0%, var(--tl-primary-dark) 100%);\n border-radius: var(--tl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tl-disclaimer {\n font-size: 12px;\n color: var(--tl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tl-card {\n padding: 1.125rem;\n }\n\n .tl-section {\n margin-bottom: 1.75rem;\n }\n\n .tl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tl-radius-sm);\n }\n\n .tl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tl-grid-compact {\n gap: .625rem;\n }\n\n .tl-grid-compact .tl-card {\n padding: .75rem;\n }\n\n .tl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tl-timeline-content h3 {\n font-size: 14px;\n }\n\n .tl-timeline-content p {\n font-size: 13px;\n }\n\n .tl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tl-testimonial {\n padding: 1.25rem;\n }\n\n .tl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tl-card {\n animation: tl-fadeInUp .5s ease backwards;\n }\n .tl-card:nth-child(1) { animation-delay: .05s; }\n .tl-card:nth-child(2) { animation-delay: .1s; }\n .tl-card:nth-child(3) { animation-delay: .15s; }\n .tl-card:nth-child(4) { animation-delay: .2s; }\n .tl-card:nth-child(5) { animation-delay: .25s; }\n .tl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tl-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 .tl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097481373,"sku":"AY9917","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mousse-nettoyante-visage-tulsi_ayurvana_1_11zon.jpg?v=1770827063"},{"product_id":"lait-demaquillant-au-triphala-tube-de-150-ml-ayurvana","title":"Lait Démaquillant au Triphala - Tube de 150 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Démaquillant au Triphala - AyurVana\nPalette détectée:\n - Primaire: #2E7D32 (vert nature\/ayurvédique du texte \"Triphala\" et motifs)\n - Secondaire: #E8A317 (orange\/doré des gouttes et motifs paisley)\n - Accent: #1565C0 (bleu des gouttes colorées et du \"A\" du logo)\n - Crème packaging: #FDF6E3 (fond crème\/ivoire du tube)\nAmbiance: Naturel\/bio, inspiration ayurvédique indienne, féminin doux, motifs paisley, univers végétal et ancestral\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Lait démaquillant au Triphala AyurVana : le soin nettoyant bio inspiré de l'ayurvéda\"\n 2. \"Pourquoi choisir ce lait démaquillant bio au Triphala ?\"\n 3. \"Une formule riche en actifs végétaux bio\"\n 4. \"Comment utiliser ce lait démaquillant ?\"\n 5. \"Liste complète des ingrédients (INCI)\"\n 6. \"Engagements qualité AyurVana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧪 98 % naturel\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eLait Démaquillant au Triphala\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eAyurVana — Tube 150 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eLa puissance de 3 fruits ayurvédiques ancestraux dans un lait onctueux certifié bio. Nettoie, nourrit et apaise toutes les peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLait démaquillant au Triphala AyurVana : le soin nettoyant bio inspiré de l'ayurvéda\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez un \u003cstrong\u003edémaquillant naturel\u003c\/strong\u003e qui nettoie en profondeur sans agresser votre peau ? Le \u003cstrong\u003elait démaquillant au Triphala d'AyurVana\u003c\/strong\u003e combine la douceur d'un lait onctueux à la puissance de trois fruits ayurvédiques ancestraux.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert — 29 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🍃 98 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule composée à 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France selon des standards de qualité exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💆 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait démaquillant bio au Triphala ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eContrairement à un démaquillant classique qui se contente de retirer le maquillage, cette formule va plus loin. Le Triphala — pilier de la tradition ayurvédique — associe trois fruits complémentaires dont les bienfaits sont reconnus depuis des millénaires.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card av-card-highlight\"\u003e\n \u003ch3\u003e🫒 Amla (Emblica officinalis)\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement riche en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e, il contribue à raviver l'éclat du teint et à protéger la peau du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card av-card-highlight\"\u003e\n \u003ch3\u003e🌰 Bibhitaki (Terminalia bellerica)\u003c\/h3\u003e\n \u003cp\u003eSes propriétés \u003cstrong\u003epurifiantes\u003c\/strong\u003e aident à débarrasser la peau des impuretés incrustées en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card av-card-highlight\"\u003e\n \u003ch3\u003e🍂 Haritaki (Terminalia chebula)\u003c\/h3\u003e\n \u003cp\u003eRéputé pour ses vertus \u003cstrong\u003eapaisantes et régénérantes\u003c\/strong\u003e, il favorise le renouvellement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre peau est nettoyée, douce et confortable, sans tiraillement ni film gras résiduel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUne formule riche en actifs végétaux bio\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eAu-delà du Triphala, ce lait démaquillant réunit des ingrédients soigneusement sélectionnés pour nourrir et apaiser votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Eau d'hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eTonifie et resserre les pores pour un grain de peau affiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫘 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et renforce la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eProtège et adoucit, idéal pour les peaux sèches ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eApporte des acides gras essentiels pour maintenir la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans silicone, sans paraben et sans ingrédient de synthèse controversé\u003c\/strong\u003e. Convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser ce lait démaquillant ?\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, déposez une noisette de produit sur votre visage sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du bout des doigts en effectuant de légers mouvements circulaires pour dissoudre le maquillage et les impuretés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eRetirez\u003c\/h3\u003e\n \u003cp\u003eRetirez à l'aide d'un coton humide ou rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eComplétez\u003c\/h3\u003e\n \u003cp\u003ePour un rituel complet, appliquez une eau florale ou un tonique adapté à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ce lait est suffisamment doux pour être utilisé sur le contour des yeux. Il élimine même le maquillage résistant sans frotter excessivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Aloe barbadensis leaf extract*, Dicaprylyl carbonate, Hamamelis virginiana leaf water*, Glycerin**, Caprylic\/capric triglyceride, Arachidyl alcohol, Sesamum indicum seed oil*, Butyrospermum parkii butter*, Behenyl alcohol, Cetearyl alcohol, Benzyl alcohol, Arachidyl glucoside, Glyceryl behenate, Xanthan gum, Tocopherol, Terminalia bellerica fruit extract*, Helianthus annuus seed oil, Parfum, Emblica officinalis fruit extract*, Terminalia chebula fruit extract*, Potassium sorbate, Dehydroacetic acid, Sodium hydroxide, Citronellol, Linalool, Geraniol, Citric acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique. ** Transformé à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagements qualité AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✅ COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife selon le référentiel COSMOS\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌾 29 % bio\u003c\/h3\u003e\n \u003cp\u003e29 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec des standards de qualité stricts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🐰 Cruelty free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e📦 150 ml\u003c\/h3\u003e\n \u003cp\u003eFormat tube pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e📅 12 mois\u003c\/h3\u003e\n \u003cp\u003eDurée d'utilisation après ouverture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #FBF7EF;\n --av-white: #ffffff;\n --av-primary: #2E7D32;\n --av-primary-dark: #1B5E20;\n --av-primary-light: #E8F5E9;\n --av-secondary: #E8A317;\n --av-accent: #1565C0;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0ddd6;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #43A047 70%, #E8A317 100%);\n border-radius: var(--av-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(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(232,163,23,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 0%, transparent 35%),\n radial-gradient(circle at 70% 40%, rgba(255,255,255,.04) 0%, transparent 30%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.av-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.av-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.av-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-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(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.av-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(--av-primary), var(--av-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-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.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card highlight variant (Triphala fruits) *\/\n.av-card-highlight {\n border-left: 4px solid var(--av-secondary);\n text-align: left;\n}\n\n.av-card-highlight:hover {\n border-color: var(--av-secondary);\n border-left-width: 4px;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-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.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-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.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.av-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-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 .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-card-highlight {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes avFadeInUp {\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 .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097907357,"sku":"AY9916","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-demaquillant-triphala-ayurvana-recto-min.jpg?v=1733238595"},{"product_id":"shampoing-fixateur-couleurs-revelateur-eclat-bio-lescouleursdejeanne","title":"Shampoing Fixateur \u0026 Révélateur d'Éclat Bio - 230 ml - Les Couleurs de Jeanne","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Fixateur \u0026 Révélateur D'éclat Bio - Les Couleurs de Jeanne\nPalette détectée:\n - Primaire: #C42A3C (rouge framboise\/bordeaux du packaging et du logo)\n - Secondaire: #E8A0A0 (rose pâle des touches décoratives)\n - Accent: #8B1A2B (bordeaux foncé pour les textes)\nAmbiance: Féminin, naturel\/bio, doux et élégant, esprit français artisanal, clean beauty\nPréfixe CSS: cj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseil d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cj-hero\"\u003e\n \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cj-hero-content\"\u003e\n \u003cdiv class=\"cj-badges-top\"\u003e\n \u003cspan class=\"cj-badge\"\u003e🌿 Certifié BIO Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🚫 Sans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cj-hero-title\"\u003eShampoing fixateur \u0026amp; révélateur d'éclat bio\u003c\/span\u003e\n \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne — 230 ml\u003c\/p\u003e\n \u003cp class=\"cj-description\"\u003eSublimez la brillance de vos cheveux naturels ou colorés grâce à une formule bio d'exception, enrichie en aloe vera, calendula et camomille. Couleur prolongée, éclat révélé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : Bienfaits clés (avant les H2 source, enrichissement commercial) --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003e✨ Pourquoi ce shampoing va transformer vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eUne synergie d'actifs naturels pour des cheveux éclatants de santé et de couleur, lavage après lavage.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🎨 Fixateur de couleur\u003c\/h3\u003e\n \u003cp\u003eProlonge l'intensité et la tenue de votre couleur naturelle ou de votre coloration végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💎 Révélateur d'éclat\u003c\/h3\u003e\n \u003cp\u003eRévèle la brillance et la vitalité de vos cheveux dès le premier shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🛡️ Protection capillaire\u003c\/h3\u003e\n \u003cp\u003eProtège la fibre capillaire contre les agressions extérieures et renforce sa structure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur sans alourdir grâce à sa base lavante douce dérivée de sucre et de coco.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌱 100% clean beauty\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, parabènes, silicones ni colorants artificiels. Que du bon pour vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable de 230 ml, ingrédients bio et fabrication à faible impact écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cj-timeline\"\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eHumidifiez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noix de shampoing\u003c\/h3\u003e\n \u003cp\u003eDéposez une noix de shampoing fixateur \u0026amp; révélateur d'éclat BIO dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez le cuir chevelu en mouvements circulaires puis étirez sur les longueurs. Laissez agir quelques instants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour maximiser l'effet fixateur et révélateur d'éclat, complétez avec l'après-shampoing de la même gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-tip\"\u003e\n \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez régulièrement pour prolonger la durée de votre couleur et maintenir l'éclat naturel de vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 : Composition --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eUne sélection d'ingrédients d'origine naturelle et biologique, soigneusement choisis pour sublimer vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌵 Extrait d'aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydrate et protège le cuir chevelu en profondeur, pour une base saine et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🫒 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eRégénère et revitalise les cheveux ternes en restaurant leur film lipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌼 Extraits de calendula et camomille\u003c\/h3\u003e\n \u003cp\u003eApaisent le cuir chevelu sensible et illuminent les cheveux de reflets dorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eRenforcent la structure capillaire de l'intérieur et améliorent la résistance du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🥥 Base lavante douce sucre \u0026amp; coco\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher ni agresser la fibre capillaire. Mousse onctueuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eDoux pour le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormule saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eCheveux qui respirent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003e100% naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 : Origine et fabrication --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eUn savoir-faire français, engagé pour la planète et vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"cj-accordion\"\u003e\n \u003cdetails class=\"cj-accordion-item\" open\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eLe shampoing fixateur \u0026amp; révélateur d'éclat BIO est fabriqué en France, dans le respect des normes environnementales et sociales les plus strictes. L'ensemble du processus de fabrication est conçu pour minimiser l'impact écologique, garantissant un produit à la fois efficace et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e🌿 Engagement Les Couleurs de Jeanne\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eLes Couleurs de Jeanne s'engage à utiliser des ingrédients de haute qualité, issus de l'agriculture biologique, et à promouvoir des pratiques durables et respectueuses de la nature. Chaque produit reflète cette philosophie de soin authentique et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e♻️ Packaging écoresponsable\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eEmballé dans un flacon recyclable de 230 ml, ce shampoing est idéal pour une utilisation quotidienne tout en respectant l'environnement. Un format pratique et durable.\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=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cj-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos cheveux le soin qu'ils méritent. Profitez d'une chevelure éclatante de santé et de couleur avec le shampoing fixateur \u0026amp; révélateur d'éclat BIO Les Couleurs de Jeanne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cj-disclaimer\"\u003eComplément capillaire. Les résultats peuvent varier selon la nature des cheveux et la fréquence d'utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cj-cream: #FDF6F7;\n --cj-white: #ffffff;\n --cj-primary: #C42A3C;\n --cj-primary-dark: #8B1A2B;\n --cj-primary-light: #FBEAED;\n --cj-secondary: #E8A0A0;\n --cj-accent: #D94F63;\n --cj-text: #1a1a1a;\n --cj-text-light: #5a5a5a;\n --cj-border: #F0D4D8;\n --cj-shadow: 0 4px 24px rgba(196,42,60,.08);\n --cj-shadow-lg: 0 12px 48px rgba(139,26,43,.15);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #C42A3C 0%, #D94F63 45%, #E8A0A0 100%);\n border-radius: var(--cj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 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.cj-subtitle {\n color: rgba(255,255,255,.9);\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.cj-description {\n color: rgba(255,255,255,.88);\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.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cj-primary), var(--cj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cj-card-clean {\n background: var(--cj-primary-light);\n border: 2px solid var(--cj-border);\n}\n\n.cj-card-clean:hover {\n border-color: var(--cj-primary);\n background: var(--cj-white);\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n margin: 0;\n padding: 0;\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cj-cta-box {\n background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n border-radius: var(--cj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cj-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.cj-disclaimer {\n font-size: 12px;\n color: var(--cj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cj-card {\n padding: 1.125rem;\n }\n\n .cj-section {\n margin-bottom: 1.75rem;\n }\n\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cj-grid-compact {\n gap: .625rem;\n }\n\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n\n .cj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n\n .cj-timeline-content p {\n font-size: 13px;\n }\n\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cj-tip {\n padding: .875rem 1rem;\n }\n\n .cj-tip-icon {\n font-size: 20px;\n }\n\n .cj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n .cj-card:nth-child(5) { animation-delay: .25s; }\n .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175141533,"sku":"CJ0040","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-fixateur-revelateur-declat-bio-230-ml-les-couleurs-lifestyle_ec7c3cfd-2ad3-47e9-88fd-4d12fb24b711.webp?v=1771593238"},{"product_id":"savon-a-lhuile-dolive-bio-boite-kraft-100-g-comme-avant-comme-avant","title":"Savon dès la naissance à l'huile d'Olive bio - 100g - Comme Avant","description":"\u003cdiv class=\"sno-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sno-hero\"\u003e\n \u003cdiv class=\"sno-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sno-hero-content\"\u003e\n \u003cdiv class=\"sno-badges-top\"\u003e\n \u003cspan class=\"sno-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sno-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sno-badge\"\u003e🐢 Slow Cosmétique\u003c\/span\u003e\n \u003cspan class=\"sno-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sno-hero-title\"\u003eSavon naturel à l'huile d'olive bio\u003c\/span\u003e\n \u003cp class=\"sno-subtitle\"\u003eComme Avant — 100 g\u003c\/p\u003e\n \u003cp class=\"sno-description\"\u003eSeulement 3 ingrédients, une saponification à froid artisanale et une douceur absolue pour toute la famille, dès les premiers jours de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eSavon naturel à l'huile d'olive bio Comme Avant : douceur et simplicité dès la naissance\u003c\/h2\u003e\n \u003cp class=\"sno-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon à l'huile d'olive bio\u003c\/strong\u003e véritablement pur, sans superflu ni ingrédient douteux ?\u003c\/p\u003e\n \u003cdiv class=\"sno-grid-compact\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🧼 3 ingrédients\u003c\/h3\u003e\n \u003cp\u003eL'un des savons les plus épurés du marché, sans aucun additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e❄️ Saponifié à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui préserve toutes les qualités de l'huile d'olive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e👶 Dès la naissance\u003c\/h3\u003e\n \u003cp\u003eAdapté aux peaux les plus fragiles : bébés, enfants, adultes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003ePeaux sensibles, réactives, sèches ou matures : tout le monde y trouve son compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon à l'huile d'olive bio ?\u003c\/h2\u003e\n \u003cdiv class=\"sno-testimonial\"\u003e\n \u003cp class=\"sno-testimonial-text\"\u003eL'huile d'olive est utilisée depuis l'Antiquité pour ses propriétés nourrissantes et protectrices. Dans un savon, elle apporte une mousse fine et crémeuse qui nettoie sans décaper le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🌡️ Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eContrairement à un savon de Marseille classique fabriqué à chaud, ce procédé artisanal préserve la glycérine naturelle et les qualités intrinsèques de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e💧 Surgras nourrissant\u003c\/h3\u003e\n \u003cp\u003eVotre peau ne tiraille pas après la douche, elle reste souple et confortable, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous avez tendance à l'eczéma ou à la sécheresse cutanée : il respecte la barrière naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eUne composition minimaliste et transparente\u003c\/h2\u003e\n \u003cp class=\"sno-section-intro\"\u003eCe \u003cstrong\u003esavon bio à l'huile d'olive\u003c\/strong\u003e ne contient que l'essentiel :\u003c\/p\u003e\n \u003cdiv class=\"sno-grid\"\u003e\n \u003cdiv class=\"sno-card sno-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp class=\"sno-inci\"\u003eOlea Europaea Fruit Oil\u003c\/p\u003e\n \u003cp\u003eAgent nettoyant, nourrissant et protecteur. L'ingrédient principal qui confère au savon toute sa douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card sno-card-ingredient\"\u003e\n \u003ch3\u003e⚗️ Hydroxyde de sodium\u003c\/h3\u003e\n \u003cp class=\"sno-inci\"\u003eSodium Hydroxide\u003c\/p\u003e\n \u003cp\u003eNécessaire à la saponification, il est entièrement transformé lors du processus. Aucun résidu dans le savon final.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card sno-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp class=\"sno-inci\"\u003eAqua\u003c\/p\u003e\n \u003cp\u003eEau purifiée utilisée pour le processus de saponification à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-tip\"\u003e\n \u003cspan class=\"sno-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eAucun parfum de synthèse, aucun conservateur artificiel, aucun colorant, aucune huile de palme. Vous savez exactement ce que vous appliquez sur votre peau et celle de votre bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sno-grid-compact\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e👶 Nouveau-nés et bébés\u003c\/h3\u003e\n \u003cp\u003eUtilisable dès la naissance pour le corps et le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux atopiques ou sujettes aux allergies : l'absence de parfum et d'additifs minimise les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🧴 Peaux sèches ou matures\u003c\/h3\u003e\n \u003cp\u003eLe surgras naturel nourrit en profondeur et combat les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eUn savon solide, un emballage kraft recyclable, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sno-timeline\"\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau et le savon à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains ou directement sur le corps, en mouvements doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-item\"\u003e\n \u003cdiv class=\"sno-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sno-timeline-content\"\u003e\n \u003ch3\u003eSéchez le savon\u003c\/h3\u003e\n \u003cp\u003ePosez le savon sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e pour qu'il sèche entre chaque utilisation : il durera bien plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-tip\"\u003e\n \u003cspan class=\"sno-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ce savon peut également servir à nettoyer délicatement le visage ou à pré-traiter les taches tenaces sur le linge délicat de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sno-section\"\u003e\n \u003ch2\u003eFabrication artisanale et engagements\u003c\/h2\u003e\n \u003cdiv class=\"sno-grid\"\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e📍 Fabriqué à Marseille\u003c\/h3\u003e\n \u003cp\u003eComme Avant fabrique ce savon en France, dans un atelier artisanal marseillais. Production locale et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e✋ Découpé à la main\u003c\/h3\u003e\n \u003cp\u003eChaque pain de 100 g est découpé et emballé à la main dans une boîte kraft éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-card\"\u003e\n \u003ch3\u003e🌍 Démarche responsable\u003c\/h3\u003e\n \u003cp\u003eUne approche locale, transparente et respectueuse de l'environnement à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sno-testimonial\" style=\"margin-top:1.25rem;\"\u003e\n \u003cp class=\"sno-testimonial-text\"\u003eSi vous hésitez entre un savon de Marseille bio pure olive industriel et un véritable savon artisanal saponifié à froid, la différence se ressent dès la première utilisation : plus de douceur, plus de nutrition, moins d'assèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"sno-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sno-cta-box\"\u003e\n \u003cp\u003e🫒 Offrez à votre peau et à celle de votre bébé la pureté d'un savon à 3 ingrédients, saponifié à froid, fabriqué artisanalement à Marseille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sno-disclaimer\"\u003eCe savon est un produit d'hygiène cosmétique. Il ne remplace en aucun cas un traitement médical en cas de pathologie cutanée. En cas de doute, consultez votre médecin ou dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sno-cream: #f8f5f0;\n --sno-white: #ffffff;\n --sno-primary: #9b8a6e;\n --sno-primary-dark: #6b5d49;\n --sno-primary-light: #f0ebe3;\n --sno-secondary: #c4a96a;\n --sno-accent: #7a8a5c;\n --sno-text: #1a1a1a;\n --sno-text-light: #5a5a5a;\n --sno-border: #e4ddd3;\n --sno-shadow: 0 4px 24px rgba(107,93,73,.08);\n --sno-shadow-lg: 0 12px 48px rgba(107,93,73,.15);\n --sno-radius: 20px;\n --sno-radius-sm: 12px;\n}\n\n.sno-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sno-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sno-hero {\n position: relative;\n background: linear-gradient(135deg, #6b5d49 0%, #9b8a6e 50%, #c4a96a 100%);\n border-radius: var(--sno-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(--sno-shadow-lg);\n}\n\n.sno-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,.04) 0%, transparent 45%);\n opacity: 1;\n}\n\n.sno-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sno-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sno-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(--sno-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sno-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sno-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.sno-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sno-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.sno-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sno-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sno-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.sno-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(--sno-primary), var(--sno-secondary));\n border-radius: 2px;\n}\n\n.sno-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sno-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sno-card {\n background: var(--sno-white);\n border-radius: var(--sno-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sno-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sno-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sno-shadow-lg);\n border-color: var(--sno-primary);\n}\n\n.sno-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sno-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sno-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sno-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sno-card-ingredient .sno-inci {\n font-size: 12px;\n color: var(--sno-primary);\n font-style: italic;\n font-weight: 600;\n margin-bottom: .5rem;\n}\n\n\/* === GRILLES === *\/\n.sno-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sno-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sno-grid-compact .sno-card {\n padding: 1rem;\n}\n\n.sno-grid-compact .sno-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sno-grid-compact .sno-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sno-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sno-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sno-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sno-primary), var(--sno-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.sno-timeline-content {\n flex: 1;\n background: var(--sno-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sno-radius-sm);\n box-shadow: var(--sno-shadow);\n}\n\n.sno-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sno-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sno-timeline-content p {\n font-size: 14px;\n color: var(--sno-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sno-testimonial {\n background: var(--sno-white);\n border-radius: var(--sno-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sno-shadow);\n border-left: 4px solid var(--sno-primary);\n}\n\n.sno-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sno-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sno-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sno-primary-light);\n border-radius: var(--sno-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sno-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sno-tip p {\n font-size: 14px;\n color: var(--sno-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sno-cta-box {\n background: linear-gradient(135deg, var(--sno-primary) 0%, var(--sno-primary-dark) 100%);\n border-radius: var(--sno-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sno-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.sno-disclaimer {\n font-size: 12px;\n color: var(--sno-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 .sno-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sno-card {\n padding: 1.125rem;\n }\n\n .sno-section {\n margin-bottom: 1.75rem;\n }\n\n .sno-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sno-radius-sm);\n }\n\n .sno-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sno-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sno-grid-compact {\n gap: .625rem;\n }\n\n .sno-grid-compact .sno-card {\n padding: .75rem;\n }\n\n .sno-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sno-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sno-timeline-content h3 {\n font-size: 14px;\n }\n\n .sno-timeline-content p {\n font-size: 13px;\n }\n\n .sno-testimonial {\n padding: 1.25rem;\n }\n\n .sno-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sno-card {\n animation: snoFadeInUp .5s ease backwards;\n }\n .sno-card:nth-child(1) { animation-delay: .05s; }\n .sno-card:nth-child(2) { animation-delay: .1s; }\n .sno-card:nth-child(3) { animation-delay: .15s; }\n .sno-card:nth-child(4) { animation-delay: .2s; }\n .sno-card:nth-child(5) { animation-delay: .25s; }\n .sno-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes snoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sno-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":45755184644253,"sku":"NBAICAV0001","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-des-la-naissance-a-lhuile-dolive-bio-100g-comme-avant-lifestyle.webp?v=1776172590"},{"product_id":"apres-shampoing-solide-bio-boite-kraft-45-g-comme-avant","title":"Après Shampoing Solide à l'huile de Chanvre - 45 G - Comme avant","description":"\u003cp\u003eL'\u003cstrong\u003eAprès-shampoing solide BIO - boite kraft 45 g - Comme Avant\u003c\/strong\u003e est un soin capillaire naturel conçu pour nourrir et démêler vos cheveux tout en respectant l'environnement. Élaboré en France avec des ingrédients issus de l'agriculture biologique, cet après-shampoing solide est une alternative écologique et économique aux produits liquides traditionnels.\u003c\/p\u003e \u003cp\u003eEnrichi en \u003cstrong\u003ehuile de noisette\u003c\/strong\u003e et en \u003cstrong\u003ehuile d'argan\u003c\/strong\u003e, connues pour leurs propriétés nourrissantes et réparatrices, cet après-shampoing aide à lisser la fibre capillaire tout en apportant brillance et douceur à vos cheveux. La présence de \u003cstrong\u003epoudre d'orange\u003c\/strong\u003e confère à ce produit des propriétés tonifiantes et purifiantes pour un cuir chevelu sain.\u003c\/p\u003e \u003cp\u003eGrâce à sa formule sans sulfates, silicones ni conservateurs indésirables, l'après-shampoing solide \"Comme Avant\" respecte à la fois votre santé et la planète. Le format solide et la boîte en kraft recyclable vous permettent de réduire considérablement votre consommation de plastique.\u003c\/p\u003e \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e \u003cul\u003e \u003cli\u003eAprès avoir lavé vos cheveux avec un shampoing naturel, rincez abondamment.\u003c\/li\u003e \u003cli\u003eFrictionnez délicatement l'après-shampoing solide entre vos mains pour obtenir une petite quantité de produit.\u003c\/li\u003e \u003cli\u003eAppliquez l'après-shampoing directement sur les pointes et longueurs humides.\u003c\/li\u003e \u003cli\u003eLaissez poser quelques minutes pour une action en profondeur.\u003c\/li\u003e \u003cli\u003eRincez abondamment à l'eau claire.\u003c\/li\u003e \u003cli\u003ePour une utilisation optimale, conservez le produit au sec après chaque emploi.\u003c\/li\u003e \u003c\/ul\u003e \u003ch2\u003eComposition\u003c\/h2\u003e \u003cp\u003eLa formulation de cet après-shampoing solide est soigneusement étudiée pour combiner efficacité et respect de la nature. Voici les principaux ingrédients :\u003c\/p\u003e \u003cul\u003e \u003cli\u003e\n\u003cstrong\u003eHuile de noisette biologique\u003c\/strong\u003e – Nourrissante et adoucissante\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eHuile d'argan biologique\u003c\/strong\u003e – Réparatrice et revitalisante\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003ePoudre d'orange biologique\u003c\/strong\u003e – Tonifiante et purifiante\u003c\/li\u003e \u003cli\u003eCire de Candelilla – Apportant une texture onctueuse\u003c\/li\u003e \u003cli\u003eBeurre de Murumuru biologique – Hydratant et protecteur\u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique* et vegan.\u003c\/p\u003e \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e \u003cp\u003eFier de son engagement pour la qualité et la durabilité, l'après-shampoing solide \"Comme Avant\" est fabriqué artisanalement en France, dans l'atelier de l'entreprise situé à Marseille. Chaque étape de production suit des normes rigoureuses pour garantir un produit exceptionnel tant sur le plan de la formulation que de l'éthique.\u003c\/p\u003e \u003cp\u003eEn choisissant cet après-shampoing solide bio, vous soutenez une entreprise familiale française tout en adoptant un geste écologique et responsable.\u003c\/p\u003e \u003cp\u003e\u003cstrong\u003eOptez pour un soin capillaire naturel et respectueux de l'environnement avec l'Après-shampoing solide BIO - boite kraft 45 g - Comme Avant. Commandez dès maintenant et offrez à vos cheveux le meilleur de la nature !\u003c\/strong\u003e\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755185037469,"sku":"NBAICAV0040","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apres-shampoing-solide-a-lhuile-de-chanvre-packshot.webp?v=1758784433"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux normaux à l'Huile de Noisette - 70g - Comme Avant","description":"\u003cdiv class=\"shn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"shn-hero\"\u003e\n \u003cdiv class=\"shn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"shn-hero-content\"\u003e\n \u003cdiv class=\"shn-badges-top\"\u003e\n \u003cspan class=\"shn-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"shn-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"shn-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"shn-badge\"\u003e🏆 Slow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"shn-hero-title\"\u003eShampoing Solide à l'Huile de Noisette\u003c\/span\u003e\n \u003cp class=\"shn-subtitle\"\u003eComme Avant — Cheveux normaux — 70 g\u003c\/p\u003e\n \u003cp class=\"shn-description\"\u003eSeulement 5 ingrédients d'origine naturelle pour des cheveux souples, légers et naturellement beaux. Un galet qui remplace 2 bouteilles de shampoing liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"shn-section\"\u003e\n \u003ch2\u003eShampoing solide à l'huile de noisette bio : le soin doux pour des cheveux naturellement beaux\u003c\/h2\u003e\n \u003cp class=\"shn-section-intro\"\u003eVous souhaitez passer au \u003cstrong\u003eshampoing solide bio\u003c\/strong\u003e sans compromis sur la qualité du lavage ? Le shampoing solide Comme Avant à l'huile de noisette a été pensé pour les \u003cstrong\u003echeveux normaux\u003c\/strong\u003e de toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"shn-grid-compact\"\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans agresser le cuir chevelu ni la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e✨ Cheveux souples\u003c\/h3\u003e\n \u003cp\u003eLaisse les cheveux légers, brillants et faciles à coiffer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e♻️ Écologique\u003c\/h3\u003e\n \u003cp\u003eRemplace avantageusement jusqu'à 2 bouteilles de shampoing liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUn geste simple pour vos cheveux et pour la planète, dès la naissance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"shn-section\"\u003e\n \u003ch2\u003ePourquoi choisir un shampoing solide à l'huile de noisette ?\u003c\/h2\u003e\n \u003cdiv class=\"shn-highlight-box\"\u003e\n \u003cp\u003eL'huile de noisette est reconnue pour ses propriétés \u003cstrong\u003erégulatrices et nourrissantes\u003c\/strong\u003e. Elle pénètre rapidement la fibre capillaire sans laisser de film gras, ce qui en fait un allié idéal pour les cheveux normaux qui ont simplement besoin d'être nettoyés et protégés.\u003c\/p\u003e\n \u003cp\u003eContrairement à certains \u003cstrong\u003eshampoings solides pour cheveux gras\u003c\/strong\u003e aux formules plus astringentes, celui-ci maintient l'équilibre naturel du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-grid\"\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🌰 Pénétration rapide\u003c\/h3\u003e\n \u003cp\u003eL'huile de noisette pénètre la fibre capillaire sans laisser de film gras ni alourdir les cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre naturel\u003c\/h3\u003e\n \u003cp\u003eMaintient l'équilibre du cuir chevelu pour des cheveux propres plus longtemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e💆 Toucher agréable\u003c\/h3\u003e\n \u003cp\u003eRésultat : des cheveux faciles à coiffer et agréables au toucher dès le premier lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"shn-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"shn-section-intro\"\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e d'origine naturelle dans ce shampoing bio solide certifié COSMOS Organic :\u003c\/p\u003e\n \u003cdiv class=\"shn-grid\"\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux dérivé de la noix de coco et du blé. Produit une mousse onctueuse sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🌱 Coco-Glucoside\u003c\/h3\u003e\n \u003cp\u003eCo-tensioactif d'origine végétale. Renforce la douceur du lavage et améliore le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, régule le sébum et apporte brillance sans alourdir les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🧬 Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras végétal qui facilite le démêlage et conditionne la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n \u003cp\u003eArgile blanche qui purifie délicatement et absorbe l'excès de sébum tout en respectant les cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-tip\"\u003e\n \u003cspan class=\"shn-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 10 % issus de l'agriculture biologique. Sans parfum, sans colorant, sans huiles essentielles, sans sulfates agressifs (SLS\/SLES).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"shn-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"shn-timeline\"\u003e\n \u003cdiv class=\"shn-timeline-item\"\u003e\n \u003cdiv class=\"shn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux sous l'eau tiède avant d'appliquer le shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-item\"\u003e\n \u003cdiv class=\"shn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-content\"\u003e\n \u003ch3\u003eFrottez et moussez\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet directement sur le cuir chevelu ou entre vos mains pour créer une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-item\"\u003e\n \u003cdiv class=\"shn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez du bout des doigts en mouvements circulaires sur l'ensemble du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-item\"\u003e\n \u003cdiv class=\"shn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"shn-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Vous pouvez compléter avec un \u003cstrong\u003eaprès-shampoing solide\u003c\/strong\u003e si vos longueurs ont besoin d'un supplément de nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-tip\"\u003e\n \u003cspan class=\"shn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e 2 à 3 lavages par semaine. Entre les utilisations, laissez sécher le galet sur un porte-savon ajouré pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"shn-section\"\u003e\n \u003ch2\u003eLes bienfaits au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"shn-grid\"\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e👶 Convient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes, enfants, bébés dès la naissance, femmes enceintes et allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🫧 Mousse riche et onctueuse\u003c\/h3\u003e\n \u003cp\u003eSe rince facilement, même en eau calcaire, sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e✨ Cheveux souples et brillants\u003c\/h3\u003e\n \u003cp\u003eLégers et sans résidu dès le premier lavage pour un toucher naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e⏳ Espace les lavages\u003c\/h3\u003e\n \u003cp\u003eLe cuir chevelu retrouve son équilibre naturel au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e✈️ Parfait en voyage\u003c\/h3\u003e\n \u003cp\u003eFormat compact, autorisé en bagage cabine, zéro risque de fuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"shn-section\"\u003e\n \u003ch2\u003eUn engagement éthique et écologique\u003c\/h2\u003e\n \u003cdiv class=\"shn-grid-compact\"\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🇫🇷 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eCertifié vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-card\"\u003e\n \u003ch3\u003e🌿 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"shn-highlight-box\" style=\"margin-top:1.25rem;\"\u003e\n \u003cp\u003eSon emballage en kraft est \u003cstrong\u003erecyclable et compostable : zéro plastique\u003c\/strong\u003e, de la fabrication jusqu'à votre salle de bain. Un seul galet de 70 g équivaut à environ \u003cstrong\u003edeux bouteilles de 200 ml\u003c\/strong\u003e de shampoing liquide classique, ce qui en fait l'un des \u003cstrong\u003emeilleurs shampoings solides\u003c\/strong\u003e en termes de rapport qualité-durabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"shn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"shn-accordion\"\u003e\n \u003cdetails class=\"shn-accordion-item\" open\u003e\n \u003csummary class=\"shn-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n \u003cdiv class=\"shn-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas d'allergie aux fruits à coque, consultez votre médecin avant utilisation. Ce produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"shn-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --shn-cream: #faf6f1;\n --shn-white: #ffffff;\n --shn-primary: #c4956a;\n --shn-primary-dark: #8b5e3c;\n --shn-primary-light: #f5ebe0;\n --shn-secondary: #d4a574;\n --shn-accent: #e8c9a8;\n --shn-text: #1a1a1a;\n --shn-text-light: #5a5a5a;\n --shn-border: #e8ddd2;\n --shn-shadow: 0 4px 24px rgba(139, 94, 60, .08);\n --shn-shadow-lg: 0 12px 48px rgba(139, 94, 60, .15);\n --shn-radius: 20px;\n --shn-radius-sm: 12px;\n}\n\n.shn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--shn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.shn-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e3c 0%, #c4956a 50%, #d4a574 100%);\n border-radius: var(--shn-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(--shn-shadow-lg);\n}\n\n.shn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.shn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.shn-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.shn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.shn-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(--shn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.shn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.shn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.shn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.shn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.shn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--shn-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.shn-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(--shn-primary), var(--shn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.shn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--shn-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.shn-card {\n background: var(--shn-white);\n border-radius: var(--shn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--shn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.shn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shn-shadow-lg);\n border-color: var(--shn-primary);\n}\n\n.shn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--shn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.shn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--shn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.shn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.shn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.shn-grid-compact .shn-card {\n padding: 1rem;\n}\n\n.shn-grid-compact .shn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.shn-grid-compact .shn-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.shn-highlight-box {\n background: var(--shn-white);\n border-radius: var(--shn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--shn-shadow);\n border-left: 4px solid var(--shn-primary);\n margin-bottom: 1.5rem;\n}\n\n.shn-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--shn-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.shn-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.shn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.shn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.shn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--shn-primary), var(--shn-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.shn-timeline-content {\n flex: 1;\n background: var(--shn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--shn-radius-sm);\n box-shadow: var(--shn-shadow);\n}\n\n.shn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--shn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.shn-timeline-content p {\n font-size: 14px;\n color: var(--shn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.shn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--shn-primary-light);\n border-radius: var(--shn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.shn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.shn-tip p {\n font-size: 14px;\n color: var(--shn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.shn-accordion {\n background: var(--shn-white);\n border-radius: var(--shn-radius);\n box-shadow: var(--shn-shadow);\n overflow: hidden;\n}\n\n.shn-accordion-item {\n border-bottom: 1px solid var(--shn-border);\n margin: 0;\n padding: 0;\n}\n\n.shn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.shn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--shn-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.shn-accordion-header:hover {\n background: var(--shn-primary-light);\n}\n\n.shn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.shn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--shn-primary);\n transition: transform .2s ease;\n}\n\n.shn-accordion-item[open] .shn-accordion-header::after {\n content: '−';\n}\n\n.shn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--shn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.shn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.shn-disclaimer {\n font-size: 12px;\n color: var(--shn-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 .shn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .shn-card {\n padding: 1.125rem;\n }\n\n .shn-section {\n margin-bottom: 1.75rem;\n }\n\n .shn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--shn-radius-sm);\n }\n\n .shn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .shn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .shn-grid-compact {\n gap: .625rem;\n }\n\n .shn-grid-compact .shn-card {\n padding: .75rem;\n }\n\n .shn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .shn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .shn-timeline-content h3 {\n font-size: 14px;\n }\n\n .shn-timeline-content p {\n font-size: 13px;\n }\n\n .shn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .shn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .shn-highlight-box {\n padding: 1.25rem;\n }\n\n .shn-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .shn-card {\n animation: shnFadeInUp .5s ease backwards;\n }\n .shn-card:nth-child(1) { animation-delay: .05s; }\n .shn-card:nth-child(2) { animation-delay: .1s; }\n .shn-card:nth-child(3) { animation-delay: .15s; }\n .shn-card:nth-child(4) { animation-delay: .2s; }\n .shn-card:nth-child(5) { animation-delay: .25s; }\n .shn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes shnFadeInUp {\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 .shn-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":45755185397917,"sku":"NBAICAV0083","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing_noisette_comme_avant_pain_70grammes_1_11zon.jpg?v=1759483910"},{"product_id":"demaquillant-solide-a-lhuile-de-jojoba-bio-pot-kraft-40-g-comme-avant","title":"Démaquillant Solide à l'Huile de Jojoba Bio - 40 g - Comme avant","description":"\u003cdiv class=\"dj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dj-hero\"\u003e\n \u003cdiv class=\"dj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dj-hero-content\"\u003e\n \u003cdiv class=\"dj-badges-top\"\u003e\n \u003cspan class=\"dj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dj-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"dj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"dj-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dj-hero-title\"\u003eDémaquillant solide à l'huile de Jojoba bio\u003c\/span\u003e\n \u003cp class=\"dj-subtitle\"\u003e40 g · Comme Avant\u003c\/p\u003e\n \u003cp class=\"dj-description\"\u003eSeulement 4 ingrédients pour un démaquillage doux, efficace et zéro déchet. Même le maquillage waterproof ne lui résiste pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eDémaquillant solide à l'huile de Jojoba bio : un soin doux et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"dj-section-intro\"\u003eVous cherchez un démaquillant solide vraiment efficace, respectueux de votre peau et de l'environnement ?\u003c\/p\u003e\n \u003cdiv class=\"dj-grid-compact\"\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e✨ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eDissout le maquillage — même waterproof — et les impuretés en un seul geste, sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🧴 Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement 4 ingrédients : sans tensioactif, sans parfum, sans conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🤲 Confort optimal\u003c\/h3\u003e\n \u003cp\u003eVotre peau est propre, souple et confortable, sans tiraillement ni film gras après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, labellisé Slow Cosmétique, vegan et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est idéale pour se démaquiller ?\u003c\/h2\u003e\n \u003cp class=\"dj-section-intro\"\u003eL'huile de jojoba possède une structure proche du sébum naturel de la peau. C'est ce qui en fait un démaquillant si performant.\u003c\/p\u003e\n \u003cdiv class=\"dj-grid\"\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e💧 Dissout le maquillage\u003c\/h3\u003e\n \u003cp\u003eY compris le mascara et le fond de teint longue tenue, grâce à son affinité avec les corps gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e⚖️ Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eAdaptée aussi bien aux peaux sèches qu'aux peaux mixtes ou grasses, elle rééquilibre naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🌸 Nourrit sans obstruer\u003c\/h3\u003e\n \u003cp\u003eLaisse la peau douce et équilibrée après chaque utilisation, sans boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🛡️ Non comédogène\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les peaux sensibles ou sujettes aux imperfections, elle respecte tous les épidermes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eComposition complète : seulement 4 ingrédients\u003c\/h2\u003e\n \u003cp class=\"dj-section-intro\"\u003eCe nettoyant solide visage mise sur la transparence et la simplicité. Voici sa liste INCI complète.\u003c\/p\u003e\n \u003cdiv class=\"dj-grid\"\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eSimmondsia Chinensis Seed Oil\u003c\/p\u003e\n \u003cp\u003eIngrédient star : elle nettoie et nourrit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eTheobroma Cacao Seed Butter\u003c\/p\u003e\n \u003cp\u003eApporte onctuosité et hydratation, protège la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eCera Alba\u003c\/p\u003e\n \u003cp\u003eDonne sa texture solide au produit tout en adoucissant la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Oxyde de zinc\u003c\/h3\u003e\n \u003cp class=\"dj-inci\"\u003eZinc Oxide\u003c\/p\u003e\n \u003cp\u003eApaisant naturel, il calme les rougeurs et renforce la protection cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-tip\"\u003e\n \u003cspan class=\"dj-tip-icon\"\u003e🔍\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parfum, sans colorant, sans sulfate, sans conservateur.\u003c\/strong\u003e Une formule que vous pouvez lire et comprendre d'un seul coup d'œil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eComment utiliser ce démaquillant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"dj-timeline\"\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eFaites fondre le produit\u003c\/h3\u003e\n \u003cp\u003eFaites fondre une petite quantité entre vos doigts propres et secs, ou frottez le galet directement sur la peau sèche du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur l'ensemble du visage, les yeux et les lèvres pour dissoudre le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eRincez ou essuyez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède ou retirez le soin à l'aide d'un tissu lavable humide pour un geste encore plus éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-item\"\u003e\n \u003cdiv class=\"dj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dj-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eAprès usage, laissez sécher le galet à l'air libre dans son pot kraft pour préserver sa longévité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-tip\"\u003e\n \u003cspan class=\"dj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn galet de \u003cstrong\u003e40 g\u003c\/strong\u003e équivaut à environ \u003cstrong\u003edeux mois\u003c\/strong\u003e d'utilisation quotidienne : une alternative très économique aux flacons de démaquillant liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dj-section\"\u003e\n \u003ch2\u003eUn choix éco-responsable et éthique\u003c\/h2\u003e\n \u003cdiv class=\"dj-grid-compact\"\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e♻️ Emballage kraft\u003c\/h3\u003e\n \u003cp\u003ePot kraft recyclable et compostable, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Marseille\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale à Marseille, origine France garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic et labellisé Slow Cosmétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eFormule vegan, cire d'abeille issue d'apiculture responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dj-tip\"\u003e\n \u003cspan class=\"dj-tip-icon\"\u003e🤲\u003c\/span\u003e\n \u003cp\u003eCe soin convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux réactives et le contour des yeux sensible. En cas de doute ou d'allergie connue, testez le produit sur une petite zone avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dj-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine beauté minimaliste, efficace et respectueuse de votre peau comme de la planète. Seulement 4 ingrédients, zéro compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dj-disclaimer\"\u003eCe cosmétique ne remplace pas un avis dermatologique en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dj-cream: #faf8f5;\n --dj-white: #ffffff;\n --dj-primary: #8b7355;\n --dj-primary-dark: #5c4a32;\n --dj-primary-light: #f3efe9;\n --dj-secondary: #6b8f5e;\n --dj-accent: #a3c48f;\n --dj-text: #1a1a1a;\n --dj-text-light: #5a5a5a;\n --dj-border: #e4ddd4;\n --dj-shadow: 0 4px 24px rgba(92,74,50,.08);\n --dj-shadow-lg: 0 12px 48px rgba(92,74,50,.15);\n --dj-radius: 20px;\n --dj-radius-sm: 12px;\n}\n\n.dj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dj-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a32 0%, #8b7355 50%, #6b8f5e 100%);\n border-radius: var(--dj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dj-shadow-lg);\n}\n\n.dj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n opacity: 1;\n}\n\n.dj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.dj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.dj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.dj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.dj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dj-primary), var(--dj-secondary));\n border-radius: 2px;\n}\n\n.dj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.dj-card {\n background: var(--dj-white);\n border-radius: var(--dj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dj-shadow-lg);\n border-color: var(--dj-primary);\n}\n\n.dj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.dj-card-ingredient .dj-inci {\n font-size: 12px;\n font-style: italic;\n color: var(--dj-primary);\n margin-bottom: .5rem;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.dj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dj-grid-compact .dj-card {\n padding: 1rem;\n}\n\n.dj-grid-compact .dj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dj-grid-compact .dj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dj-primary), var(--dj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.dj-timeline-content {\n flex: 1;\n background: var(--dj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dj-radius-sm);\n box-shadow: var(--dj-shadow);\n}\n\n.dj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dj-timeline-content p {\n font-size: 14px;\n color: var(--dj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dj-primary-light);\n border-radius: var(--dj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dj-tip p {\n font-size: 14px;\n color: var(--dj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.dj-cta-box {\n background: linear-gradient(135deg, var(--dj-primary) 0%, var(--dj-primary-dark) 100%);\n border-radius: var(--dj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.dj-disclaimer {\n font-size: 12px;\n color: var(--dj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dj-card {\n padding: 1.125rem;\n }\n\n .dj-section {\n margin-bottom: 1.75rem;\n }\n\n .dj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dj-radius-sm);\n }\n\n .dj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dj-grid-compact {\n gap: .625rem;\n }\n\n .dj-grid-compact .dj-card {\n padding: .75rem;\n }\n\n .dj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dj-timeline-content h3 {\n font-size: 14px;\n }\n\n .dj-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dj-card {\n animation: djFadeInUp .5s ease backwards;\n }\n .dj-card:nth-child(1) { animation-delay: .05s; }\n .dj-card:nth-child(2) { animation-delay: .1s; }\n .dj-card:nth-child(3) { animation-delay: .15s; }\n .dj-card:nth-child(4) { animation-delay: .2s; }\n .dj-card:nth-child(5) { animation-delay: .25s; }\n .dj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes djFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186184349,"sku":"NBAICAV0006","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/demaquillant-solide-a-lhuile-de-jojoba-bio-40-g-comme-avant-lifestyle.webp?v=1774255566"},{"product_id":"apres-shampoing-solide-huile-de-chanvre-lait-de-coco-et-figue-bio-boite-kraft-45-g-comme-avant","title":"Après Shampoing Solide à l'huile de Chanvre - Lait de Coco \u0026 Figue - 45 G - Comme avant","description":"\u003cp\u003eDécouvrez l'\u003cstrong\u003eAprès shampoing solide huile de chanvre, lait de coco et figue BIO\u003c\/strong\u003e dans sa \u003cstrong\u003eboîte kraft de 45 g\u003c\/strong\u003e, conçu par la marque éthique \u003cstrong\u003eComme Avant\u003c\/strong\u003e. Cet après-shampoing révolutionnaire mélange des ingrédients naturels soigneusement sélectionnés pour apporter douceur et nutrition à vos cheveux tout en respectant l'environnement. Adapté à tous types de cheveux, il est particulièrement bénéfique pour les cheveux secs et abîmés grâce à ses propriétés nourrissantes et réparatrices.\u003c\/p\u003e\n\u003ch2\u003eIngrédients et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de chanvre BIO\u003c\/strong\u003e : Riche en acides gras essentiels, elle nourrit et répare les cheveux en profondeur, leur apportant brillance et souplesse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLait de coco BIO\u003c\/strong\u003e : Hydrate intensément, renforce la fibre capillaire et adoucit les cheveux secs et cassants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFigue BIO\u003c\/strong\u003e : Connue pour ses propriétés antioxydantes et hydratantes, elle contribue à protéger et revitaliser vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003ePour une utilisation optimale, mouillez d'abord vos cheveux. Frottez doucement l'\u003cstrong\u003eaprès-shampoing solide\u003c\/strong\u003e dans vos mains ou directement sur vos longueurs et pointes. Répartissez bien le produit en massant vos cheveux et laissez poser quelques minutes pour que les ingrédients actifs puissent bien pénétrer. Rincez abondamment à l'eau tiède.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eHuile de chanvre BIO, lait de coco BIO, figue BIO. Sans silicone, sans parabène, sans sulfate, et sans parfum artificiel.\u003c\/p\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France dans un atelier artisanal signataire de la charte \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e, cet après-shampoing solide respecte des méthodes d'élaboration écologiques et durables. Le produit est conditionné dans une boîte kraft écologique, réduisant ainsi au minimum son empreinte environnementale.\u003c\/p\u003e\n\u003ch2\u003ePourquoi adopter cet après-shampoing solide ?\u003c\/h2\u003e\n\u003cp\u003eEn choisissant cet après-shampoing solide, vous faites le choix d'un produit efficace et écoresponsable. Il permet de réduire les déchets plastiques, consomme moins d'eau dans sa fabrication et transporte moins d'emballage par rapport aux flacons traditionnels. Un geste simple et naturel pour votre bien-être et celui de la planète !\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 45 g\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755187429533,"sku":"NBAICAV0066","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apres-shampoing-solide-a-lhuile-de-chanvre-lait-coco-figues-packshot_11zon.jpg?v=1758784518"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-brocolis-poudre-de-jujubier-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux bouclés à l'huile de Brocolis - 70g - Comme avant","description":"\u003cdiv class=\"sb-premium\"\u003e\n\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eShampoing solide à l'huile de brocoli\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003eLe soin naturel pensé pour sublimer vos boucles\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003e70 g · Cheveux bouclés, ondulés \u0026amp; colorés · Équivalent 2 flacons de shampoing liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eShampoing solide cheveux bouclés : le soin bio à l'huile de brocoli\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eVos boucles méritent un soin qui les comprend vraiment. Ce \u003cstrong\u003eshampoing solide cheveux bouclés\u003c\/strong\u003e Comme Avant, formulé à l'huile de brocoli et à la poudre de jujubier, nettoie en douceur tout en nourrissant la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eTensioactifs végétaux qui respectent le cuir chevelu et la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✨ Boucles sublimées\u003c\/h3\u003e\n \u003cp\u003eDéfinition, souplesse et rebond dès le séchage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabellisé COSMOS Organic, vegan et Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🤍 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans silicones, sans conservateurs de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de brocoli est idéale pour les cheveux bouclés\u003c\/h2\u003e\n \u003cdiv class=\"sb-highlight-box\"\u003e\n \u003cp class=\"sb-highlight-label\"\u003e🥦 Le « silicone végétal »\u003c\/p\u003e\n \u003cp\u003eL'huile de graines de brocoli est souvent surnommée le \u003cstrong\u003e« silicone végétal »\u003c\/strong\u003e. Riche en acide érucique, elle gaine naturellement le cheveu, apporte de la \u003cstrong\u003ebrillance\u003c\/strong\u003e et de l'\u003cstrong\u003eélasticité\u003c\/strong\u003e sans jamais alourdir.\u003c\/p\u003e\n \u003cp\u003ePour les cheveux bouclés, ondulés ou frisés, cela se traduit par des boucles mieux définies, souples et rebondies dès le séchage. Contrairement aux silicones classiques, elle ne crée aucun effet d'accumulation et laisse le cuir chevelu respirer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eSeulement 4 ingrédients, 100 % d'origine naturelle dont 15 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧪 Sodium Cocoyl Glutamate \u0026amp; Coco-glucoside\u003c\/h3\u003e\n \u003cp\u003eTensioactifs doux d'origine végétale qui nettoient sans agresser ni dessécher la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🥦 Huile de brocoli\u003c\/h3\u003e\n \u003cp\u003eBrassica Oleracea Italica Seed Oil : nourrit, lisse les écailles et apporte un éclat naturel aux boucles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧈 Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras conditionneur qui facilite le démêlage et gaine le cheveu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 Poudre de jujubier\u003c\/h3\u003e\n \u003cp\u003eZiziphus Jujuba Leaf Extract : apaise le cuir chevelu, réduit les démangeaisons et procure un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-tip\"\u003e\n \u003cspan class=\"sb-tip-icon\"\u003e💚\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sulfates, sans silicones, sans conservateurs de synthèse.\u003c\/strong\u003e Une formule minimaliste et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing pour cheveux bouclés\u003c\/h2\u003e\n \u003cdiv class=\"sb-timeline\"\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet directement sur le cuir chevelu ou entre vos mains pour créer une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du bout des doigts en insistant sur les racines, puis laissez la mousse glisser sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. En période de transition, un second lavage peut être utile les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-tip\"\u003e\n \u003cspan class=\"sb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 2 à 3 fois par semaine. Pour encore plus de définition, appliquez un \u003cstrong\u003eaprès-shampoing cheveux bouclés\u003c\/strong\u003e naturel sur les pointes après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eLes vrais bienfaits au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💫 Boucles dessinées et rebondies\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'effet gainant de l'huile de brocoli, vos boucles retrouvent définition et rebond naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧘 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eLa poudre de jujubier calme les irritations et démangeaisons pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🪶 Nourri sans alourdir\u003c\/h3\u003e\n \u003cp\u003eCheveux nourris en profondeur sans être alourdis, même les plus fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🎨 Adapté aux cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eLe pH équilibré (≈ 6) préserve l'éclat de votre couleur lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✋ Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eDès le rinçage, les doigts glissent dans les cheveux sans accrocher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💰 Économique et nomade\u003c\/h3\u003e\n \u003cp\u003eUn galet de 70 g remplace environ deux flacons de 200 ml. Compact, léger, autorisé en cabine avion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eDes engagements concrets\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eCe \u003cstrong\u003eshampoing solide pour cheveux bouclés\u003c\/strong\u003e incarne une démarche responsable à chaque étape.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e📦 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft compostable, zéro plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, formule 100 % végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n \u003cp\u003eFormule entièrement biodégradable, respectueuse des milieux aquatiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sb-accordion\"\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e👶 Pour qui est-il adapté ?\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, ainsi qu'aux femmes enceintes et allaitantes. Usage externe uniquement — ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le galet au sec entre deux utilisations pour prolonger sa durée de vie. Utilisez un porte-savon aéré ou un filet de rangement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical en cas de problème dermatologique. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sb-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos boucles le soin naturel qu'elles méritent.\u003cbr\u003e4 ingrédients, zéro superflu, des résultats visibles dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sb-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état de vos cheveux. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sb-cream: #f7f4ef;\n --sb-white: #ffffff;\n --sb-primary: #8a9a5b;\n --sb-primary-dark: #5c6b3a;\n --sb-primary-light: #eef2e4;\n --sb-secondary: #b5c48c;\n --sb-accent: #c9a96e;\n --sb-text: #1a1a1a;\n --sb-text-light: #5a5a5a;\n --sb-border: #e0ddd6;\n --sb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #5c6b3a 0%, #8a9a5b 50%, #b5c48c 100%);\n border-radius: var(--sb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.06) 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n opacity: .5;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sb-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.sb-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.sb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sb-primary), var(--sb-secondary));\n border-radius: 2px;\n}\n\n.sb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card {\n padding: 1rem;\n}\n\n.sb-grid-compact .sb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sb-grid-compact .sb-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sb-highlight-box {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 5px solid var(--sb-primary);\n}\n\n.sb-highlight-label {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.sb-highlight-box p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--sb-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.sb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.sb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sb-primary-light);\n border-radius: var(--sb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sb-tip p {\n font-size: 14px;\n color: var(--sb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sb-accordion-header:hover {\n background: var(--sb-primary-light);\n}\n\n.sb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after {\n content: '−';\n}\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sb-cta-box {\n background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);\n border-radius: var(--sb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sb-disclaimer {\n font-size: 12px;\n color: var(--sb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sb-card {\n padding: 1.125rem;\n }\n\n .sb-section {\n margin-bottom: 1.75rem;\n }\n\n .sb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n\n .sb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sb-grid-compact {\n gap: .625rem;\n }\n\n .sb-grid-compact .sb-card {\n padding: .75rem;\n }\n\n .sb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sb-timeline-content h3 {\n font-size: 14px;\n }\n\n .sb-timeline-content p {\n font-size: 13px;\n }\n\n .sb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sb-highlight-box {\n padding: 1.25rem;\n }\n\n .sb-highlight-box p {\n font-size: 14px;\n }\n\n .sb-highlight-label {\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card {\n animation: sbFadeInUp .5s ease backwards;\n }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755187855517,"sku":"NBAICAV0060","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-cheveux-boucles-a-lhuile-de-brocolis-70g-co-lifestyle_546975f9-558a-40c9-b3ea-fcdc513a5581.webp?v=1775311240"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-sesame-et-rhassoul-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux gras à l'Huile de Sésame - Comme avant","description":"\u003cdiv class=\"ss-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ss-hero\"\u003e\n \u003cdiv class=\"ss-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ss-hero-content\"\u003e\n \u003cdiv class=\"ss-badges-top\"\u003e\n \u003cspan class=\"ss-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ss-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"ss-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"ss-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ss-hero-title\"\u003eShampoing solide cheveux gras à l'huile de sésame\u003c\/span\u003e\n \u003cp class=\"ss-subtitle\"\u003eComme Avant — Version 1\u003c\/p\u003e\n \u003cp class=\"ss-description\"\u003e4 ingrédients seulement pour purifier en douceur, réguler le sébum et espacer vos lavages. Un galet de 70 g qui remplace 2 bouteilles de shampoing liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eShampoing solide bio pour cheveux gras : retrouvez légèreté et équilibre\u003c\/h2\u003e\n \u003cp class=\"ss-section-intro\"\u003eVos racines regraissent dès le lendemain du lavage ? Vous cherchez le \u003cstrong\u003emeilleur shampoing pour cheveux gras\u003c\/strong\u003e qui purifie sans assécher vos longueurs ?\u003c\/p\u003e\n \u003cdiv class=\"ss-grid-compact\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame \u0026amp; rhassoul\u003c\/h3\u003e\n \u003cp\u003eUne formule minimaliste qui régule naturellement le sébum tout en respectant votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✨ Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle, 10 % bio. Sans sulfate, sans silicone, sans parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🪶 Légèreté retrouvée\u003c\/h3\u003e\n \u003cp\u003eDes cheveux frais, légers et propres plus longtemps, dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e⏳ Lavages espacés\u003c\/h3\u003e\n \u003cp\u003eVotre cuir chevelu retrouve son rythme naturel au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003ePourquoi ce shampoing convient aux cheveux gras ?\u003c\/h2\u003e\n \u003cp class=\"ss-section-intro\"\u003eQuand on a les \u003cstrong\u003echeveux gras\u003c\/strong\u003e, le réflexe est souvent de multiplier les lavages avec des shampoings décapants. Mais c'est un cercle vicieux : plus vous agressez le cuir chevelu, plus il produit de sébum pour se défendre. Ce shampoing solide adopte l'approche inverse.\u003c\/p\u003e\n \u003cdiv class=\"ss-grid\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🏔️ Le rhassoul\u003c\/h3\u003e\n \u003cp\u003eArgile volcanique marocaine qui absorbe l'excès de sébum en douceur, sans irriter ni dessécher. Un purifiant naturel reconnu depuis des siècles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌿 L'huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en antioxydants, elle nourrit sans alourdir et aide à rééquilibrer la production de sébum au fil des semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🫧 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eSodium Cocoyl Glutamate et Coco-glucoside nettoient efficacement tout en produisant une mousse généreuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-tip\"\u003e\n \u003cspan class=\"ss-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn utilisant ce \u003cstrong\u003eshampoing pour cheveux gras\u003c\/strong\u003e régulièrement, vous constaterez que vos lavages s'espacent progressivement. Votre cuir chevelu retrouve son rythme naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"ss-grid\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux, dérivé de la noix de coco. Nettoie en respectant le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌱 Coco-glucoside\u003c\/h3\u003e\n \u003cp\u003eCo-tensioactif végétal qui renforce la mousse pour un lavage agréable et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌾 Sesamum Indicum Seed Oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame bio, nourrissante et régulatrice de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🏔️ Moroccan Lava Clay\u003c\/h3\u003e\n \u003cp\u003eRhassoul, argile purifiante naturelle d'origine volcanique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✋ Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras naturel qui facilite le démêlage, sans silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-tip\"\u003e\n \u003cspan class=\"ss-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % d'origine naturelle, 10 % bio.\u003c\/strong\u003e Sans sulfate, sans silicone, sans parfum, sans colorant, sans huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampoing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"ss-timeline\"\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eMouillez vos cheveux sous l'eau tiède pour bien préparer le cuir chevelu au lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eFrottez et moussez\u003c\/h3\u003e\n \u003cp\u003eFrottez le galet directement sur le cuir chevelu ou entre vos mains pour créer une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eMassez les racines\u003c\/h3\u003e\n \u003cp\u003eMassez du bout des doigts en insistant sur les racines grasses. Un deuxième passage peut être utile lors des premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-item\"\u003e\n \u003cdiv class=\"ss-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ss-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire jusqu'à ce que l'eau soit limpide. Vos cheveux sont frais et légers !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-tip\"\u003e\n \u003cspan class=\"ss-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e 2 à 3 fois par semaine. Vous pourrez espacer les lavages au fil du temps. Après usage, laissez sécher le galet à l'air libre sur un porte-savon pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eLes avantages concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"ss-grid\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e⚖️ Régulation progressive du sébum\u003c\/h3\u003e\n \u003cp\u003eVos cheveux restent frais plus longtemps, lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🫧 Mousse onctueuse\u003c\/h3\u003e\n \u003cp\u003eSe rince facilement, même sur les cheveux longs et épais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e💆 Longueurs douces et souples\u003c\/h3\u003e\n \u003cp\u003eSans avoir besoin d'après-shampoing grâce à la formule nourrissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✨ Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eGrâce au behenyl alcohol, sans silicones ni agents chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🧬 pH adapté (~6)\u003c\/h3\u003e\n \u003cp\u003eProche de celui du cuir chevelu pour un respect optimal de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e✈️ Format voyage ultra compact\u003c\/h3\u003e\n \u003cp\u003eAutorisé en bagage cabine. Un galet de 70 g ≈ 2 bouteilles de shampoing liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003eUn choix éthique et écologique\u003c\/h2\u003e\n \u003cdiv class=\"ss-grid-compact\"\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🏭 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille dans une démarche zéro déchet cohérente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, jamais testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients simples et traçables qui respectent les écosystèmes aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ss-card\"\u003e\n \u003ch3\u003e📦 Emballage kraft compostable\u003c\/h3\u003e\n \u003cp\u003eRéduisez concrètement votre consommation de plastique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ss-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ss-accordion\"\u003e\n \u003cdetails class=\"ss-accordion-item\"\u003e\n \u003csummary class=\"ss-accordion-header\"\u003e👨‍👩‍👧 Convient à toute la famille\u003c\/summary\u003e\n \u003cdiv class=\"ss-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisable dès 3 ans, y compris par les femmes enceintes et allaitantes. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ss-accordion-item\"\u003e\n \u003csummary class=\"ss-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"ss-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact direct avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ss-accordion-item\"\u003e\n \u003csummary class=\"ss-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ss-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de problème dermatologique persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ss-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ss-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez un rituel capillaire naturel et minimaliste.\u003cbr\u003e4 ingrédients, 0 plastique, des cheveux frais et légers plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ss-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un suivi dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ss-cream: #faf5f0;\n --ss-white: #ffffff;\n --ss-primary: #c4856c;\n --ss-primary-dark: #8b4f3b;\n --ss-primary-light: #f5ebe4;\n --ss-secondary: #d4a574;\n --ss-accent: #a67c5b;\n --ss-text: #1a1a1a;\n --ss-text-light: #5a5a5a;\n --ss-border: #e8ddd4;\n --ss-shadow: 0 4px 24px rgba(139,79,59,.08);\n --ss-shadow-lg: 0 12px 48px rgba(139,79,59,.15);\n --ss-radius: 20px;\n --ss-radius-sm: 12px;\n}\n\n.ss-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ss-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ss-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4f3b 0%, #c4856c 50%, #d4a574 100%);\n border-radius: var(--ss-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ss-shadow-lg);\n}\n\n.ss-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.ss-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ss-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.ss-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ss-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ss-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ss-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ss-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ss-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ss-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ss-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ss-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.ss-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ss-primary), var(--ss-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ss-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ss-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ss-card {\n background: var(--ss-white);\n border-radius: var(--ss-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ss-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ss-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ss-shadow-lg);\n border-color: var(--ss-primary);\n}\n\n.ss-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ss-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ss-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ss-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ss-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ss-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ss-grid-compact .ss-card {\n padding: 1rem;\n}\n\n.ss-grid-compact .ss-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ss-grid-compact .ss-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ss-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ss-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ss-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ss-primary), var(--ss-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ss-timeline-content {\n flex: 1;\n background: var(--ss-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ss-radius-sm);\n box-shadow: var(--ss-shadow);\n}\n\n.ss-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ss-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ss-timeline-content p {\n font-size: 14px;\n color: var(--ss-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ss-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ss-primary-light);\n border-radius: var(--ss-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ss-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ss-tip p {\n font-size: 14px;\n color: var(--ss-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ss-accordion {\n background: var(--ss-white);\n border-radius: var(--ss-radius);\n box-shadow: var(--ss-shadow);\n overflow: hidden;\n}\n\n.ss-accordion-item {\n border-bottom: 1px solid var(--ss-border);\n margin: 0;\n padding: 0;\n}\n\n.ss-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ss-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ss-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ss-accordion-header:hover {\n background: var(--ss-primary-light);\n}\n\n.ss-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ss-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ss-primary);\n transition: transform .2s ease;\n}\n\n.ss-accordion-item[open] .ss-accordion-header::after {\n content: '−';\n}\n\n.ss-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ss-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ss-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ss-cta-box {\n background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-primary-dark) 100%);\n border-radius: var(--ss-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ss-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ss-disclaimer {\n font-size: 12px;\n color: var(--ss-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ss-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ss-card {\n padding: 1.125rem;\n }\n\n .ss-section {\n margin-bottom: 1.75rem;\n }\n\n .ss-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ss-radius-sm);\n }\n\n .ss-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ss-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ss-grid-compact {\n gap: .625rem;\n }\n\n .ss-grid-compact .ss-card {\n padding: .75rem;\n }\n\n .ss-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ss-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ss-timeline-content h3 {\n font-size: 14px;\n }\n\n .ss-timeline-content p {\n font-size: 13px;\n }\n\n .ss-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ss-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ss-testimonial {\n padding: 1.25rem;\n }\n\n .ss-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ss-card {\n animation: ssFadeInUp .5s ease backwards;\n }\n .ss-card:nth-child(1) { animation-delay: .05s; }\n .ss-card:nth-child(2) { animation-delay: .1s; }\n .ss-card:nth-child(3) { animation-delay: .15s; }\n .ss-card:nth-child(4) { animation-delay: .2s; }\n .ss-card:nth-child(5) { animation-delay: .25s; }\n .ss-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ssFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ss-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755188215965,"sku":"NBAICAV0059","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-cheveux-gras-a-lhuile-de-sesame-comme-avant-lifestyle.webp?v=1775311213"},{"product_id":"shampoing-solide-a-lhuile-de-noisette-argan-et-poudre-dorange-bio-boite-kraft-70-g-comme-avant","title":"Shampoing Solide Cheveux secs à l'huile d'Argan - Comme avant","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐌 Slow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eShampoing solide cheveux secs à l'huile d'argan\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eComme Avant — Version 2\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003e4 ingrédients nobles, 100 % d'origine naturelle. Un galet artisanal qui nourrit, répare et sublime vos cheveux secs dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eShampoing solide à l'huile d'argan : le soin nourrissant pour cheveux secs\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVos cheveux sont secs, ternes ou cassants ? Vous cherchez un \u003cstrong\u003eshampoing pour cheveux secs\u003c\/strong\u003e qui nourrit vraiment, sans ingrédients superflus ? Le \u003cstrong\u003eshampoing solide bio à l'huile d'argan Comme Avant\u003c\/strong\u003e a été conçu précisément pour répondre à ce besoin. Sa formule courte, certifiée COSMOS Organic et 100 % d'origine naturelle, apporte nutrition et douceur dès le premier lavage, sans jamais alourdir la fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs vont l'adorer\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eQuand on a les \u003cstrong\u003echeveux secs\u003c\/strong\u003e, choisir le bon shampoing change tout. Ce \u003cstrong\u003eshampoing solide\u003c\/strong\u003e ne se contente pas de nettoyer : il répare et protège activement vos longueurs grâce à l'huile d'argan bio, reconnue pour sa richesse en acides gras essentiels et en vitamine E.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫶 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eLes cheveux déshydratés ou abîmés retrouvent leur souplesse et leur vitalité grâce aux acides gras essentiels de l'argan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Brillance et douceur\u003c\/h3\u003e\n \u003cp\u003eApporte un éclat naturel sans effet gras ni résidu, pour des longueurs soyeuses au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💆 Démêlage naturel\u003c\/h3\u003e\n \u003cp\u003eLe behenyl alcohol, agent conditionneur végétal, facilite le démêlage sans après-shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧪 pH doux de 6\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux cuirs chevelus sensibles ou secs. Respecte l'équilibre naturel du scalp.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤰 Sans parfum ni huile essentielle\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux réactives, aux femmes enceintes et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⏳ Espace les lavages\u003c\/h3\u003e\n \u003cp\u003eCertains utilisateurs constatent que les cheveux restent propres et légers plus longtemps, permettant d'espacer les shampoings.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe shampoing solide peut faire office d'alternative à un \u003cstrong\u003eaprès-shampoing solide\u003c\/strong\u003e pour les cheveux fins qui s'alourdissent facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa force de ce \u003cstrong\u003eshampoing solide bio\u003c\/strong\u003e réside dans sa formule minimaliste. Seulement \u003cstrong\u003e4 ingrédients actifs\u003c\/strong\u003e, 100 % d'origine naturelle, dont 25 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n \u003cp\u003eTensioactif très doux dérivé de la noix de coco. Nettoie en douceur sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌱 Coco-Glucoside\u003c\/h3\u003e\n \u003cp\u003eAgent lavant d'origine végétale, non irritant. Produit une mousse onctueuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eArgania Spinosa Kernel Oil\u003c\/em\u003e — Nourrit, répare et protège la fibre capillaire grâce à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Behenyl Alcohol\u003c\/h3\u003e\n \u003cp\u003eAlcool gras naturel qui facilite le démêlage et adoucit la chevelure sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🍊 Poudre d'orange\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus Aurantium Dulcis Peel Powder\u003c\/em\u003e — Ravive l'éclat et stimule la microcirculation du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eAucun sulfate agressif, aucun silicone, aucun conservateur synthétique. Juste l'essentiel pour vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003ePassez vos cheveux sous l'eau tiède pour bien les imbiber avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eFrottez le galet\u003c\/h3\u003e\n \u003cp\u003eFrottez le shampoing directement sur votre cuir chevelu ou entre vos mains pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMassez et répartissez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu, puis répartissez la mousse sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eSi vos cheveux sont très secs, laissez agir une minute avant de rincer pour profiter pleinement des bienfaits nourrissants de l'argan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après utilisation, laissez sécher votre galet sur un porte-savon aéré pour prolonger sa durée de vie. \u003cstrong\u003eDeux à trois lavages par semaine\u003c\/strong\u003e suffisent généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eUn choix écologique et économique\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏅 Triple certification\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic, Slow Cosmétique, Vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage en carton kraft compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💰 Ultra économique\u003c\/h3\u003e\n \u003cp\u003e70 g = environ 2 flacons de 200 ml, soit plusieurs mois d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eCompact et léger, idéal en bagage cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle, sans ingrédients polluants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eTolérance et précautions\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e👶 Pour qui est-il adapté ?\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eCe shampoing convient aux adultes, aux enfants dès 3 ans, ainsi qu'aux femmes enceintes et allaitantes. Sa formule sans parfum ni huile essentielle le rend idéal pour les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre galet au sec entre deux utilisations, de préférence sur un porte-savon aéré. Évitez de le laisser dans un fond d'eau stagnante pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux secs le soin naturel qu'ils méritent.\u003cbr\u003eSeulement 4 ingrédients, une efficacité prouvée, un geste écoresponsable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sa-cream: #faf6f0;\n --sa-white: #ffffff;\n --sa-primary: #c8944a;\n --sa-primary-dark: #8b6331;\n --sa-primary-light: #f5ead8;\n --sa-secondary: #d4a85c;\n --sa-accent: #d4785c;\n\n \/* Textes *\/\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sa-border: #e8ddd0;\n --sa-shadow: 0 4px 24px rgba(139,99,49,.08);\n --sa-shadow-lg: 0 12px 48px rgba(139,99,49,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6331 0%, #c8944a 50%, #d4a85c 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755188445341,"sku":"NBAICAV0058","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-solide-argan-comme-avant_4_11zon.webp?v=1758532789"},{"product_id":"eau-micellaire-eclat-de-rose-bio-500-ml-centifolia","title":"Eau Micellaire Eclat de Rose Bio - 500 Ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Micellaire Eclat de Rose Bio - 500 Ml - Centifolia\nPalette détectée:\n - Primaire: #E8B4B8 (rose poudré doux du packaging)\n - Secondaire: #C9A4A9 (rose plus soutenu)\n - Accent: #7D9E7D (vert botanique du logo Cosmos)\n - Primaire-dark: #9C7579 (rose foncé pour textes)\n - Primaire-light: #FDF5F6 (rose très pâle pour backgrounds)\nAmbiance: Naturel\/Bio, féminin, délicat, élégant, botanique, cosmétique premium française\nPréfixe CSS: emr (eau micellaire rose)\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Une eau micellaire démaquillante complète pour le visage, les yeux et les lèvres\"\n 2. \"Pourquoi choisir cette eau micellaire rose plutôt qu'une autre ?\"\n 3. \"Une formule certifiée bio et respectueuse de votre peau\"\n 4. \"Liste complète des ingrédients (INCI)\"\n 5. \"Comment utiliser cette eau micellaire démaquillante ?\"\n 6. \"Pour qui est faite cette eau micellaire ?\"\n 7. \"Le format 500 ml : un choix économique et pratique\"\n 8. \"Centifolia : l'expertise française de la cosmétique botanique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"emr-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"emr-hero\"\u003e\n \u003cdiv class=\"emr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"emr-hero-content\"\u003e\n \u003cdiv class=\"emr-badges-top\"\u003e\n \u003cspan class=\"emr-badge\"\u003e🌹 Rose Centifolia\u003c\/span\u003e\n \u003cspan class=\"emr-badge\"\u003e🧪 99% naturel\u003c\/span\u003e\n \u003cspan class=\"emr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"emr-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"emr-hero-title\"\u003eEau Micellaire Éclat de Rose Bio\u003c\/span\u003e\n \u003cp class=\"emr-subtitle\"\u003eCentifolia • 500 ml\u003c\/p\u003e\n \u003cp class=\"emr-description\"\u003eLa puissance nettoyante des micelles alliée à la douceur de la rose, de l'acide hyaluronique et de la vitamine C. Une peau parfaitement démaquillée, lumineuse et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003eUne eau micellaire démaquillante complète pour le visage, les yeux et les lèvres\u003c\/h2\u003e\n \u003cp class=\"emr-section-intro\"\u003eSpécialement formulée pour répondre à tous vos besoins de nettoyage quotidien, elle élimine en un seul geste :\u003c\/p\u003e\n \u003cdiv class=\"emr-grid\"\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e💧 Maquillage waterproof\u003c\/h3\u003e\n \u003cp\u003eÉlimine même le mascara le plus tenace sans frotter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e✨ Impuretés quotidiennes\u003c\/h3\u003e\n \u003cp\u003eNettoie les résidus accumulés au fil de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🏙️ Traces de pollution\u003c\/h3\u003e\n \u003cp\u003eLibère la peau des particules qui ternissent le teint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e⚖️ Excès de sébum\u003c\/h3\u003e\n \u003cp\u003eMatifie en douceur sans dessécher l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-tip\"\u003e\n \u003cspan class=\"emr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans rinçage nécessaire\u003c\/strong\u003e — Elle simplifie votre routine beauté tout en respectant la délicatesse du contour des yeux et des lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette eau micellaire rose plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cp class=\"emr-section-intro\"\u003eUn trio d'actifs précieux aux vertus complémentaires distingue cette formule des eaux micellaires classiques :\u003c\/p\u003e\n \u003cdiv class=\"emr-grid\"\u003e\n \u003cdiv class=\"emr-card emr-card-highlight\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia\u003c\/h3\u003e\n \u003cp\u003eLa rose aux cent pétales, reconnue pour ses propriétés apaisantes et régénérantes. Son parfum délicat adoucit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card emr-card-highlight\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eL'actif star de l'hydratation capte l'eau et la retient dans l'épiderme, éliminant les sensations de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card emr-card-highlight\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eAntioxydante puissante, elle ravive l'éclat du teint et protège la peau des agressions extérieures quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"emr-highlight-text\"\u003eCe cocktail d'actifs fait de cette eau micellaire bio bien plus qu'un simple démaquillant : c'est un véritable soin quotidien pour votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003eUne formule certifiée bio et respectueuse de votre peau\u003c\/h2\u003e\n \u003cdiv class=\"emr-grid-compact\"\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eNi sulfates, ni parabènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTous types de peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003e50% plastique recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"emr-accordion\"\u003e\n \u003cdetails class=\"emr-accordion-item\" open\u003e\n \u003csummary class=\"emr-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"emr-accordion-content\"\u003e\n \u003cp\u003eAqua, Rosa Centifolia Flower Water*, Glycerin, Coco-Glucoside, Sodium Cocoyl Glutamate, Sodium Hyaluronate, Ascorbyl Glucoside, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum, Limonene, Citronellol, Geraniol, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau micellaire démaquillante ?\u003c\/h2\u003e\n \u003cdiv class=\"emr-timeline\"\u003e\n \u003cdiv class=\"emr-timeline-item\"\u003e\n \u003cspan class=\"emr-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"emr-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n \u003cp\u003eImprégnez un coton d'eau micellaire et passez-le délicatement sur l'ensemble du visage pour éliminer les résidus de la nuit et préparer votre peau au soin de jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-timeline-item\"\u003e\n \u003cspan class=\"emr-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"emr-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003eCommencez par le démaquillage des yeux en maintenant le coton quelques secondes sur les paupières fermées, puis nettoyez le reste du visage et le cou par mouvements doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-timeline-item\"\u003e\n \u003cspan class=\"emr-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"emr-timeline-content\"\u003e\n \u003ch3\u003e✨ Finition\u003c\/h3\u003e\n \u003cp\u003eAucun rinçage nécessaire. Appliquez directement votre sérum ou crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-tip\"\u003e\n \u003cspan class=\"emr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un maquillage waterproof très résistant, n'hésitez pas à utiliser deux cotons successifs sur la zone des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003ePour qui est faite cette eau micellaire ?\u003c\/h2\u003e\n \u003cp class=\"emr-section-intro\"\u003eL'Eau Micellaire Éclat de Rose Bio convient particulièrement si vous :\u003c\/p\u003e\n \u003cdiv class=\"emr-grid\"\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🤍 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eSupporte mal les démaquillants classiques ou réactive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e⚡ Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eRecherchez un produit tout-en-un efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e💧 Maquillage waterproof\u003c\/h3\u003e\n \u003cp\u003ePortez du maquillage résistant au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🌿 Naturel \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eSouhaitez une formule clean sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eDésirez retrouver un teint plus éclatant et unifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003eLe format 500 ml : un choix économique et pratique\u003c\/h2\u003e\n \u003cdiv class=\"emr-grid-compact\"\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e📅 Plusieurs mois\u003c\/h3\u003e\n \u003cp\u003eD'utilisation quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e🌍 Éco-friendly\u003c\/h3\u003e\n \u003cp\u003eMoins d'achats, moins d'impact\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eExcellent rapport qualité-prix\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"emr-card\"\u003e\n \u003ch3\u003e✅ Toujours prête\u003c\/h3\u003e\n \u003cp\u003eNe jamais être à court\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"emr-section\"\u003e\n \u003ch2\u003eCentifolia : l'expertise française de la cosmétique botanique\u003c\/h2\u003e\n \u003cdiv class=\"emr-testimonial\"\u003e\n \u003cp class=\"emr-testimonial-text\"\u003eDepuis plus de 35 ans, Centifolia s'engage à créer des soins cosmétiques alliant efficacité et respect de la nature. La marque tire son nom de la rose Centifolia, la rose aux cent pétales cultivée à Grasse, symbole de son attachement aux trésors botaniques. Chaque produit est conçu et fabriqué en France, avec une attention particulière portée à la sélection des matières premières et à la réduction de l'empreinte écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"emr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"emr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau la douceur de la rose Centifolia\u003cbr\u003eUn démaquillage efficace, naturel et respectueux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"emr-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --emr-cream: #FFFBFC;\n --emr-white: #ffffff;\n --emr-primary: #E8B4B8;\n --emr-primary-dark: #9C7579;\n --emr-primary-light: #FDF5F6;\n --emr-secondary: #C9A4A9;\n --emr-accent: #7D9E7D;\n --emr-text: #1a1a1a;\n --emr-text-light: #5a5a5a;\n --emr-border: #f0e6e7;\n --emr-shadow: 0 4px 24px rgba(156,117,121,.08);\n --emr-shadow-lg: 0 12px 48px rgba(156,117,121,.15);\n --emr-radius: 20px;\n --emr-radius-sm: 12px;\n}\n\n.emr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--emr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.emr-hero {\n position: relative;\n background: linear-gradient(135deg, #E8B4B8 0%, #D4A5A9 40%, #C9A4A9 70%, #B89599 100%);\n border-radius: var(--emr-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(--emr-shadow-lg);\n}\n\n.emr-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 4-6 8-10 8s-8-4-10-8c2 4 2 10 0 14 4-2 10-2 14 0-4-2-8-6-8-10s4-8 8-10c-4 2-8 2-10 0 2 2 6 4 10 4s8-2 10-4c-2 2-6 2-10 0 4 2 8 6 8 10s-4 8-8 10c4-2 10-2 14 0-2-4-2-10 0-14-2 4-6 8-10 8s-8-4-10-8' fill='%23ffffff' fill-opacity='0.08' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.emr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.emr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.emr-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(--emr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.emr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.emr-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.emr-subtitle {\n color: rgba(255,255,255,.9);\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.emr-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.emr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.emr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--emr-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.emr-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(--emr-primary), var(--emr-secondary));\n border-radius: 2px;\n}\n\n.emr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--emr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.emr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.emr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.emr-card {\n background: var(--emr-white);\n border-radius: var(--emr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--emr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.emr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--emr-shadow-lg);\n border-color: var(--emr-primary);\n}\n\n.emr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--emr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.emr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--emr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.emr-card-highlight {\n background: linear-gradient(135deg, var(--emr-white) 0%, var(--emr-primary-light) 100%);\n border: 2px solid var(--emr-primary);\n}\n\n.emr-grid-compact .emr-card {\n padding: 1rem;\n}\n\n.emr-grid-compact .emr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.emr-grid-compact .emr-card p {\n font-size: 12px;\n}\n\n.emr-highlight-text {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--emr-primary-dark);\n font-weight: 600;\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n background: var(--emr-primary-light);\n border-radius: var(--emr-radius-sm);\n border-left: 4px solid var(--emr-primary);\n}\n\n.emr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.emr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.emr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--emr-primary), var(--emr-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(232,180,184,.4);\n}\n\n.emr-timeline-content {\n flex: 1;\n background: var(--emr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--emr-radius-sm);\n box-shadow: var(--emr-shadow);\n}\n\n.emr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--emr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.emr-timeline-content p {\n font-size: 14px;\n color: var(--emr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.emr-testimonial {\n background: var(--emr-white);\n border-radius: var(--emr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--emr-shadow);\n border-left: 4px solid var(--emr-primary);\n}\n\n.emr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--emr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.emr-accordion {\n background: var(--emr-white);\n border-radius: var(--emr-radius);\n box-shadow: var(--emr-shadow);\n overflow: hidden;\n}\n\n.emr-accordion-item {\n border-bottom: 1px solid var(--emr-border);\n margin: 0;\n padding: 0;\n}\n\n.emr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.emr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--emr-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.emr-accordion-header:hover {\n background: var(--emr-primary-light);\n}\n\n.emr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.emr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--emr-primary);\n transition: transform .2s ease;\n}\n\n.emr-accordion-item[open] .emr-accordion-header::after {\n content: '−';\n}\n\n.emr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--emr-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.emr-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.emr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.emr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--emr-primary-light);\n border-radius: var(--emr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.emr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.emr-tip p {\n font-size: 14px;\n color: var(--emr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.emr-cta-box {\n background: linear-gradient(135deg, var(--emr-primary) 0%, var(--emr-secondary) 50%, var(--emr-primary-dark) 100%);\n border-radius: var(--emr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.emr-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.emr-disclaimer {\n font-size: 12px;\n color: var(--emr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .emr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .emr-card {\n padding: 1.125rem;\n }\n \n .emr-section {\n margin-bottom: 1.75rem;\n }\n \n .emr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--emr-radius-sm);\n }\n \n .emr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .emr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .emr-grid-compact {\n gap: .625rem;\n }\n \n .emr-grid-compact .emr-card {\n padding: .75rem;\n }\n \n .emr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .emr-timeline-content {\n padding: .875rem 1rem;\n }\n \n .emr-timeline-content h3 {\n font-size: 14px;\n }\n \n .emr-timeline-content p {\n font-size: 13px;\n }\n \n .emr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .emr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .emr-testimonial {\n padding: 1.25rem;\n }\n \n .emr-testimonial-text {\n font-size: 14px;\n }\n \n .emr-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n \n .emr-tip-icon {\n font-size: 20px;\n }\n \n .emr-tip p {\n font-size: 13px;\n }\n \n .emr-highlight-text {\n font-size: 14px;\n padding: .875rem 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .emr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .emr-card:nth-child(1) { animation-delay: .05s; }\n .emr-card:nth-child(2) { animation-delay: .1s; }\n .emr-card:nth-child(3) { animation-delay: .15s; }\n .emr-card:nth-child(4) { animation-delay: .2s; }\n .emr-card:nth-child(5) { animation-delay: .25s; }\n .emr-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 .emr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":45755224522909,"sku":"CE0409","price":9.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-micellaire-eclat-de-rose-bio-500ml-centifolia-min.jpg?v=1732182559"},{"product_id":"shampoojade-shampoing-traitant-doux-250-ml-jade-recherche","title":"Shampoojade - Shampoing Traitant Doux - 250 Ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoojade - Shampoing Traitant Doux\nPalette détectée:\n - Primaire: #E8B84A (doré\/jaune miel des ondulations sur le packaging)\n - Secondaire: #7AB356 (vert nature du logo Jade Recherche)\n - Accent: #4A9B7F (vert jade, référence au nom de marque)\nAmbiance: Naturel, doux, épuré, cosmétique naturelle française, clean beauty\nPréfixe CSS: sj\n--\u003e\n\n\u003cdiv class=\"sj-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sj-hero\"\u003e\n \u003cdiv class=\"sj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-hero-content\"\u003e\n \u003cdiv class=\"sj-badges-top\"\u003e\n \u003cspan class=\"sj-badge\"\u003e🌿 Sans sulfates\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"sj-badge\"\u003e✨ Silicium organique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sj-hero-title\"\u003eShampoojade\u003c\/span\u003e\n \u003cp class=\"sj-subtitle\"\u003eShampoing traitant doux au silicium organique\u003c\/p\u003e\n \u003cp class=\"sj-description\"\u003eLa douceur d'un soin naturel, l'efficacité d'un traitement professionnel. Pour des cheveux souples, brillants et pleins de vitalité.\u003c\/p\u003e\n \u003cdiv class=\"sj-hero-stats\"\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-number\"\u003e250\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-stat\"\u003e\n \u003cspan class=\"sj-stat-number\"\u003e0%\u003c\/span\u003e\n \u003cspan class=\"sj-stat-label\"\u003eSulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI SANS SULFATES --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un shampoing sans sulfates ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-intro-box\"\u003e\n \u003cp\u003eLes sulfates présents dans de nombreux shampoings conventionnels peuvent agresser le cuir chevelu, provoquer des irritations et fragiliser la fibre capillaire sur le long terme. En optant pour le Shampoojade, vous préservez l'équilibre naturel de votre cuir chevelu tout en bénéficiant d'un nettoyage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-grid sj-grid-4\"\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e😣\u003c\/span\u003e\n \u003ch3\u003eCuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eSujet aux démangeaisons ou aux irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e💔\u003c\/span\u003e\n \u003ch3\u003eCheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eTernes, cassants ou abîmés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e❄️\u003c\/span\u003e\n \u003ch3\u003ePellicules\u003c\/h3\u003e\n \u003cp\u003eTendance aux pellicules ou rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-need-card\"\u003e\n \u003cspan class=\"sj-need-icon\"\u003e🎨\u003c\/span\u003e\n \u003ch3\u003eCheveux colorés\u003c\/h3\u003e\n \u003cp\u003eNécessitant un soin délicat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIFS PRINCIPAUX --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eUn complexe d'actifs naturels hautement concentré\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid sj-grid-3\"\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eSilicium organique\u003c\/h3\u003e\n \u003cp class=\"sj-ingredient-benefit\"\u003eRenforce \u0026amp; stimule\u003c\/p\u003e\n \u003cp\u003eCet oligo-élément essentiel renforce la structure du cheveu, améliore son élasticité et contribue à la bonne santé du cuir chevelu. Il aide à lutter contre la chute des cheveux en stimulant leur ancrage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-icon\"\u003e🧈\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité\u003c\/h3\u003e\n \u003cp class=\"sj-ingredient-benefit\"\u003eNourrit \u0026amp; protège\u003c\/p\u003e\n \u003cp\u003eReconnu pour ses vertus nourrissantes exceptionnelles, il gaine le cheveu, lui redonne souplesse et éclat tout en protégeant des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-ingredient-card\"\u003e\n \u003cdiv class=\"sj-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n \u003cp class=\"sj-ingredient-benefit\"\u003ePurifie \u0026amp; équilibre\u003c\/p\u003e\n \u003cp\u003eSélectionnées pour leurs propriétés purifiantes et équilibrantes, elles assainissent le cuir chevelu et laissent un parfum frais et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES FORMULE --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eLes atouts de la formule Shampoojade\u003c\/h2\u003e\n \u003cdiv class=\"sj-grid sj-grid-2\"\u003e\n \u003cdiv class=\"sj-feature-card\"\u003e\n \u003cdiv class=\"sj-feature-header\"\u003e\n \u003cspan class=\"sj-feature-icon\"\u003e🫧\u003c\/span\u003e\n \u003ch3\u003eBase lavante ultra douce\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eContrairement aux shampoings classiques qui moussent abondamment grâce aux sulfates agressifs, le Shampoojade utilise une base lavante douce qui produit une mousse fine et légère. Cette texture respectueuse nettoie parfaitement sans décaper ni dessécher. Vos cheveux restent hydratés et votre cuir chevelu apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-feature-card\"\u003e\n \u003cdiv class=\"sj-feature-header\"\u003e\n \u003cspan class=\"sj-feature-icon\"\u003e🚫\u003c\/span\u003e\n \u003ch3\u003eSans ingrédients controversés\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe shampoing est formulé sans sulfates, sans silicones et sans parabènes. Tous les ingrédients sont d'origine naturelle, pour un soin qui respecte autant vos cheveux que l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"sj-sans-badges\"\u003e\n \u003cspan class=\"sj-sans-badge\"\u003eSans sulfates\u003c\/span\u003e\n \u003cspan class=\"sj-sans-badge\"\u003eSans silicones\u003c\/span\u003e\n \u003cspan class=\"sj-sans-badge\"\u003eSans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComment utiliser le Shampoojade ?\u003c\/h2\u003e\n \u003cdiv class=\"sj-steps\"\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eHumidifiez vos cheveux à l'eau tiède pour ouvrir les écailles et permettre une meilleure pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit grâce à sa formule concentrée. Répartissez dans vos mains avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires du bout des doigts pendant 2 à 3 minutes. Ce massage stimule la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour permettre aux principes actifs d'agir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-step\"\u003e\n \u003cdiv class=\"sj-step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sj-step-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire jusqu'à élimination complète. Renouvelez si nécessaire pour les cheveux très sales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-tip-box\"\u003e\n \u003cp\u003e💡 Ce shampoing convient à un \u003cstrong\u003eusage fréquent\u003c\/strong\u003e, même quotidien, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003ePour quels types de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"sj-section-intro\"\u003eLe Shampoojade s'adapte à tous les types de cheveux, mais sera particulièrement apprécié pour :\u003c\/p\u003e\n \u003cdiv class=\"sj-grid sj-grid-3\"\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🔴\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu irrité\u003c\/h3\u003e\n \u003cp\u003eLa formule apaisante calme les démangeaisons et réduit les sensations d'inconfort dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🪶\u003c\/div\u003e\n \u003ch3\u003eCheveux fins et fragiles\u003c\/h3\u003e\n \u003cp\u003eLe silicium organique renforce la fibre capillaire sans l'alourdir, pour des cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🏜️\u003c\/div\u003e\n \u003ch3\u003eCheveux secs et abîmés\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité nourrit intensément et redonne douceur et brillance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eCheveux à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles purifiantes aident à réguler la production de sébum pour des cheveux frais plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e🎨\u003c\/div\u003e\n \u003ch3\u003eCheveux colorés\u003c\/h3\u003e\n \u003cp\u003eSans sulfates ni silicones, ce shampoing préserve l'éclat de votre couleur tout en prenant soin de vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-profile-card\"\u003e\n \u003cdiv class=\"sj-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eSa formule douce et naturelle le rend adapté à tous, y compris aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"sj-composition-box\"\u003e\n \u003cp class=\"sj-inci\" style=\"font-size:0.6em;\"\u003eAqua, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin, Butyrospermum Parkii Butter (Beurre de Karité), Methylsilanol Mannuronate (Silicium Organique), Parfum, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp class=\"sj-composition-note\"\u003eCette formule concentre le meilleur des actifs naturels dans une base lavante respectueuse, sans aucun produit de synthèse nocif pour le cuir chevelu ou l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MARQUE --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eJade Recherche : l'expertise française\u003c\/h2\u003e\n \u003cdiv class=\"sj-brand-box\"\u003e\n \u003cdiv class=\"sj-brand-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"sj-brand-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eJade Recherche\u003c\/strong\u003e est un laboratoire français spécialisé dans le développement de soins capillaires et cosmétiques à base de silicium organique et d'ingrédients naturels.\u003c\/p\u003e\n \u003cp\u003eDepuis de nombreuses années, la marque s'engage à proposer des formules efficaces, respectueuses de la santé et de l'environnement. Chaque produit est élaboré avec rigueur, en sélectionnant des actifs de qualité et en privilégiant des procédés de fabrication respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CARACTÉRISTIQUES --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"sj-specs-grid\"\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eShampoing traitant doux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eTous types de cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eSulfates, silicones, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sj-spec\"\u003e\n \u003cspan class=\"sj-spec-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"sj-spec-label\"\u003eActifs principaux\u003c\/span\u003e\n \u003cspan class=\"sj-spec-value\"\u003eSilicium, karité, HE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"sj-section\"\u003e\n \u003cdiv class=\"sj-warning-box\"\u003e\n \u003cspan class=\"sj-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sj-cta-box\"\u003e\n \u003cdiv class=\"sj-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sj-cta-content\"\u003e\n \u003cspan class=\"sj-cta-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eOffrez à vos cheveux la douceur qu'ils méritent.\u003cbr\u003eLe Shampoojade, c'est l'alliance parfaite entre naturalité et efficacité pour une chevelure resplendissante au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sj-cream: #FDF8F1;\n --sj-white: #ffffff;\n --sj-primary: #E8B84A;\n --sj-primary-dark: #C9982E;\n --sj-primary-light: #FDF6E3;\n --sj-secondary: #7AB356;\n --sj-secondary-dark: #5A9336;\n --sj-accent: #4A9B7F;\n --sj-text: #1a1a1a;\n --sj-text-light: #5a5a5a;\n --sj-border: #e8e4dc;\n --sj-shadow: 0 4px 24px rgba(0,0,0,.06);\n --sj-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --sj-radius: 20px;\n --sj-radius-sm: 12px;\n}\n\n.sj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sj-text);\n line-height: 1.6;\n}\n\n.sj-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.sj-hero {\n position: relative;\n background: linear-gradient(135deg, #F5E6B8 0%, #E8B84A 40%, #C9982E 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 Q45 20 30 35 Q15 20 30 5' fill='none' stroke='%23fff' stroke-width='1' opacity='0.15'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .4;\n}\n\n.sj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sj-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 58px);\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.sj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.sj-hero .sj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.sj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.sj-stat {\n text-align: center;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--sj-radius-sm);\n border: 1px solid rgba(255,255,255,.3);\n}\n\n.sj-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.sj-stat-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.sj-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.sj-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--sj-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sj-primary), var(--sj-secondary));\n border-radius: 2px;\n}\n\n.sj-section-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--sj-text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n\/* === GRILLES === *\/\n.sj-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.sj-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.sj-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.sj-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === INTRO BOX === *\/\n.sj-intro-box {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n margin-bottom: 2rem;\n border-left: 4px solid var(--sj-primary);\n}\n\n.sj-intro-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--sj-text);\n line-height: 1.8;\n}\n\n\/* === NEED CARDS === *\/\n.sj-need-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sj-need-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-primary);\n}\n\n.sj-need-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n.sj-need-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .5rem 0;\n}\n\n.sj-need-card p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.sj-ingredient-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sj-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-secondary);\n}\n\n.sj-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--sj-primary-light) 0%, #FEF3D6 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin: 0 auto 1rem;\n}\n\n.sj-ingredient-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .5rem 0;\n}\n\n.sj-ingredient-benefit {\n display: inline-block;\n background: linear-gradient(135deg, var(--sj-secondary), var(--sj-accent));\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n.sj-ingredient-card p:last-child {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === FEATURE CARDS === *\/\n.sj-feature-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-feature-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-feature-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.sj-feature-icon {\n width: 50px;\n height: 50px;\n background: var(--sj-primary-light);\n border-radius: var(--sj-radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.sj-feature-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0;\n}\n\n.sj-feature-card p {\n font-size: 15px;\n color: var(--sj-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.sj-sans-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.sj-sans-badge {\n background: linear-gradient(135deg, #E8F5E9, #C8E6C9);\n color: var(--sj-secondary-dark);\n font-size: 12px;\n font-weight: 700;\n padding: 6px 12px;\n border-radius: 999px;\n}\n\n\/* === STEPS === *\/\n.sj-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto 2rem;\n}\n\n.sj-step {\n display: flex;\n gap: 1.5rem;\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-step:hover {\n transform: translateX(8px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--sj-primary), var(--sj-primary-dark));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.sj-step-content {\n flex: 1;\n}\n\n.sj-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .25rem 0;\n}\n\n.sj-step-content p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.sj-tip-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--sj-primary-light), #FEF9E7);\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n max-width: 800px;\n margin: 0 auto;\n border: 2px solid var(--sj-primary);\n}\n\n.sj-tip-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.sj-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--sj-text);\n}\n\n\/* === PROFILE CARDS === *\/\n.sj-profile-card {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sj-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sj-shadow-lg);\n border-color: var(--sj-accent);\n}\n\n.sj-profile-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n.sj-profile-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-text);\n margin: 0 0 .5rem 0;\n}\n\n.sj-profile-card p {\n font-size: 14px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.sj-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-faq-item {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-faq-item:hover {\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-faq-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sj-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.sj-faq-item p {\n font-size: 15px;\n color: var(--sj-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION === *\/\n.sj-composition-box {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sj-shadow);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-inci {\n font-size: 13px;\n color: var(--sj-text-light);\n background: var(--sj-cream);\n padding: 1.5rem;\n border-radius: var(--sj-radius-sm);\n margin: 0 0 1rem 0;\n font-family: 'Courier New', monospace;\n line-height: 1.8;\n}\n\n.sj-composition-note {\n font-size: 14px;\n color: var(--sj-text);\n margin: 0;\n font-style: italic;\n}\n\n\/* === BRAND BOX === *\/\n.sj-brand-box {\n display: flex;\n gap: 2rem;\n align-items: center;\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sj-shadow);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-brand-icon {\n font-size: 4rem;\n flex-shrink: 0;\n}\n\n.sj-brand-content p {\n font-size: 15px;\n color: var(--sj-text);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.sj-brand-content p:last-child {\n margin: 0;\n color: var(--sj-text-light);\n}\n\n\/* === SPECS === *\/\n.sj-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-spec {\n background: var(--sj-white);\n border-radius: var(--sj-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--sj-shadow);\n transition: all .3s ease;\n}\n\n.sj-spec:hover {\n transform: translateY(-4px);\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-spec-icon {\n font-size: 1.75rem;\n display: block;\n margin-bottom: .5rem;\n}\n\n.sj-spec-label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n color: var(--sj-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.sj-spec-value {\n display: block;\n font-size: 14px;\n font-weight: 800;\n color: var(--sj-text);\n}\n\n\/* === WARNING === *\/\n.sj-warning-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: #FFF8E1;\n border: 2px solid #FFE082;\n border-radius: var(--sj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.sj-warning-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.sj-warning-box p {\n font-size: 13px;\n color: #8D6E00;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA BOX === *\/\n.sj-cta-box {\n background: linear-gradient(135deg, var(--sj-secondary) 0%, var(--sj-accent) 100%);\n border-radius: var(--sj-radius);\n padding: clamp(3rem, 6vw, 4.5rem) clamp(2rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sj-shadow-lg);\n}\n\n.sj-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='%23fff' opacity='0.1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n}\n\n.sj-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sj-cta-icon {\n font-size: 3rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.sj-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sj-grid-2,\n .sj-grid-3,\n .sj-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .sj-brand-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sj-step {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n \n .sj-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sj-need-card,\n .sj-ingredient-card,\n .sj-feature-card,\n .sj-profile-card,\n .sj-spec {\n animation: sjFadeInUp .6s ease backwards;\n }\n \n .sj-need-card:nth-child(1),\n .sj-ingredient-card:nth-child(1),\n .sj-profile-card:nth-child(1),\n .sj-spec:nth-child(1) { animation-delay: .1s; }\n \n .sj-need-card:nth-child(2),\n .sj-ingredient-card:nth-child(2),\n .sj-profile-card:nth-child(2),\n .sj-spec:nth-child(2) { animation-delay: .2s; }\n \n .sj-need-card:nth-child(3),\n .sj-ingredient-card:nth-child(3),\n .sj-profile-card:nth-child(3),\n .sj-spec:nth-child(3) { animation-delay: .3s; }\n \n .sj-need-card:nth-child(4),\n .sj-profile-card:nth-child(4),\n .sj-spec:nth-child(4) { animation-delay: .4s; }\n \n .sj-profile-card:nth-child(5),\n .sj-spec:nth-child(5) { animation-delay: .5s; }\n \n .sj-profile-card:nth-child(6),\n .sj-spec:nth-child(6) { animation-delay: .6s; }\n \n .sj-step {\n animation: sjSlideIn .5s ease backwards;\n }\n \n .sj-step:nth-child(1) { animation-delay: .1s; }\n .sj-step:nth-child(2) { animation-delay: .2s; }\n .sj-step:nth-child(3) { animation-delay: .3s; }\n .sj-step:nth-child(4) { animation-delay: .4s; }\n .sj-step:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes sjFadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes sjSlideIn {\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 .sj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sj-premium {\n --sj-text: #000000;\n --sj-text-light: #333333;\n }\n \n .sj-badge,\n .sj-sans-badge,\n .sj-ingredient-benefit {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755229536413,"sku":"JADESHAMPOO","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoo-jade_jaderecherche_11zon.jpg?v=1766658855"},{"product_id":"shampoing-anti-pelliculaire-bio-200-ml-florame","title":"Shampooing antipelliculaire sans sulfate bio - Florame","description":"\u003cdiv class=\"flr-premium\"\u003e\n\n \u003cdiv class=\"flr-hero\"\u003e\n \u003cdiv class=\"flr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flr-hero-content\"\u003e\n \u003cdiv class=\"flr-badges-top\"\u003e\n \u003cspan class=\"flr-badge\"\u003e🌿 97 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🚫 Sans sulfate · Sans silicone · Sans paraben\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🏅 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flr-hero-title\"\u003eShampooing antipelliculaire sans sulfate bio\u003c\/span\u003e\n \u003cp class=\"flr-subtitle\"\u003eFlorame — Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"flr-description\"\u003eÉliminez les pellicules et rééquilibrez votre cuir chevelu grâce à la puissance des prébiotiques et du romarin bio. Un soin certifié bio, doux et efficace, pour retrouver confort et légèreté dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eShampooing antipelliculaire bio Florame : un soin sans sulfate pour un cuir chevelu purifié\u003c\/h2\u003e\n \u003cp class=\"flr-section-intro\"\u003eLes pellicules vous gâchent la vie ? Le \u003cstrong\u003eshampooing antipelliculaire Florame\u003c\/strong\u003e offre une réponse naturelle et efficace à ce désagrément quotidien. Formulé \u003cstrong\u003esans sulfate, sans silicone et sans paraben\u003c\/strong\u003e, ce soin capillaire certifié bio élimine les pellicules visibles tout en respectant profondément l'équilibre de votre cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌱 97 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle pour un soin respectueux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🧴 Sans sulfate\u003c\/h3\u003e\n \u003cp\u003eNettoyage doux sans décaper la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🔬 20 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Provence par Florame depuis plus de 30 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003ePourquoi les pellicules apparaissent-elles ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-testimonial\"\u003e\n \u003cp class=\"flr-testimonial-text\"\u003eLes pellicules résultent souvent d'un déséquilibre du microbiote du cuir chevelu : stress, pollution, utilisation de produits trop agressifs ou riches en tensioactifs sulfatés. Contrairement aux shampooings conventionnels qui décapent la fibre capillaire, ce \u003cstrong\u003eshampooing sans sulfate\u003c\/strong\u003e Florame mise sur des actifs doux et ciblés pour traiter le problème à la source, sans irriter ni assécher vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌳 Extrait de jujubier\u003c\/h3\u003e\n \u003cp\u003eCet actif végétal possède une action antipelliculaire reconnue. Il apaise les démangeaisons et purifie le cuir chevelu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🦠 Prébiotiques naturels\u003c\/h3\u003e\n \u003cp\u003eIls rééquilibrent le microbiote capillaire pour limiter la prolifération des micro-organismes responsables des pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌿 Hydrolat de romarin bio\u003c\/h3\u003e\n \u003cp\u003eTonifiant et assainissant, il stimule la microcirculation et redonne vitalité au cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🍃 Huile essentielle d'eucalyptus\u003c\/h3\u003e\n \u003cp\u003eElle procure une agréable sensation de fraîcheur durable et renforce l'effet purifiant du shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et adoucissant, il protège la fibre capillaire et évite l'effet desséchant souvent reproché aux soins antipelliculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing antipelliculaire bio ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-timeline\"\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003ePassez abondamment vos cheveux sous l'eau tiède pour ouvrir les écailles et préparer le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de produit\u003c\/h3\u003e\n \u003cp\u003eRépartissez le shampooing directement sur le cuir chevelu, pas sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de petits mouvements circulaires du bout des doigts pour activer la microcirculation et favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 1 à 2 minutes\u003c\/h3\u003e\n \u003cp\u003eCe temps de pause permet aux prébiotiques et au jujubier d'agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour des résultats optimaux, utilisez-le \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e pendant au moins 3 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-tip\"\u003e\n \u003cspan class=\"flr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampooing sans silicone, sans sulfate et sans paraben\u003c\/strong\u003e convient parfaitement à un usage régulier, y compris sur cheveux colorés ou sensibilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eCertification et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert, le plus haut standard de la cosmétique bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌾 20 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eEngagement environnemental et circuits courts en Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🕰️ +30 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eFlorame, pionnière de la cosmétique bio française depuis Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"flr-section-intro\" style=\"margin-top:1.25rem;\"\u003eVous cherchez un \u003cstrong\u003eshampooing antipelliculaire en parapharmacie\u003c\/strong\u003e qui soit à la fois naturel et performant ? Celui-ci coche toutes les cases.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🎯 Pellicules sèches ou grasses\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui cherchent une alternative naturelle et douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🧴 Transition sans sulfate\u003c\/h3\u003e\n \u003cp\u003eIdéal pour passer à un shampooing sans sulfate sans sacrifier l'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🩹 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eParfait pour les cuirs chevelus irrités ou sujets aux démangeaisons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e💇 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, lisses ou bouclés : ce soin s'adapte à toutes les natures capillaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste simple pour retrouver confort et légèreté\u003c\/h2\u003e\n \u003cdiv class=\"flr-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eshampooing antipelliculaire bio Florame\u003c\/strong\u003e, offrez à vos cheveux un soin complet qui purifie, apaise et rééquilibre durablement votre cuir chevelu. Les résultats sont visibles dès les premières utilisations : moins de pellicules, moins de démangeaisons, et une chevelure plus saine et plus légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"flr-disclaimer\"\u003eCe produit ne se substitue pas à un avis médical en cas de troubles persistants du cuir chevelu.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --flr-cream: #f4f7f6;\n --flr-white: #ffffff;\n --flr-primary: #1a8a7d;\n --flr-primary-dark: #0e5e54;\n --flr-primary-light: #e6f5f2;\n --flr-secondary: #c8963e;\n --flr-accent: #d4a948;\n --flr-text: #1a1a1a;\n --flr-text-light: #5a5a5a;\n --flr-border: #d8e4e1;\n --flr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --flr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --flr-radius: 20px;\n --flr-radius-sm: 12px;\n}\n\n.flr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flr-hero {\n position: relative;\n background: linear-gradient(135deg, #0e5e54 0%, #1a8a7d 45%, #2ba393 70%, #c8963e 100%);\n border-radius: var(--flr-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(--flr-shadow-lg);\n}\n\n.flr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,150,62,.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.flr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.flr-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.flr-subtitle {\n color: var(--flr-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.flr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.flr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.flr-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(--flr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.flr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flr-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.flr-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(--flr-primary), var(--flr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.flr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flr-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.flr-card {\n background: var(--flr-white);\n border-radius: var(--flr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.flr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flr-shadow-lg);\n border-color: var(--flr-primary);\n}\n\n.flr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.flr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.flr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.flr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.flr-grid-compact .flr-card {\n padding: 1rem;\n}\n\n.flr-grid-compact .flr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.flr-grid-compact .flr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.flr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.flr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.flr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flr-primary), var(--flr-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.flr-timeline-content {\n flex: 1;\n background: var(--flr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flr-radius-sm);\n box-shadow: var(--flr-shadow);\n}\n\n.flr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.flr-timeline-content p {\n font-size: 14px;\n color: var(--flr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flr-testimonial {\n background: var(--flr-white);\n border-radius: var(--flr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--flr-shadow);\n border-left: 4px solid var(--flr-primary);\n}\n\n.flr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flr-primary-light);\n border-radius: var(--flr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.flr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.flr-tip p {\n font-size: 14px;\n color: var(--flr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.flr-cta-box {\n background: linear-gradient(135deg, var(--flr-primary) 0%, var(--flr-primary-dark) 100%);\n border-radius: var(--flr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.flr-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.flr-disclaimer {\n font-size: 12px;\n color: var(--flr-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 .flr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .flr-card {\n padding: 1.125rem;\n }\n\n .flr-section {\n margin-bottom: 1.75rem;\n }\n\n .flr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flr-radius-sm);\n }\n\n .flr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .flr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .flr-grid-compact {\n gap: .625rem;\n }\n\n .flr-grid-compact .flr-card {\n padding: .75rem;\n }\n\n .flr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .flr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .flr-timeline-content h3 {\n font-size: 14px;\n }\n\n .flr-timeline-content p {\n font-size: 13px;\n }\n\n .flr-testimonial {\n padding: 1.25rem;\n }\n\n .flr-testimonial-text {\n font-size: 14px;\n }\n\n .flr-badges-top {\n gap: 6px;\n }\n\n .flr-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .flr-card {\n animation: flrFadeInUp .5s ease backwards;\n }\n .flr-card:nth-child(1) { animation-delay: .05s; }\n .flr-card:nth-child(2) { animation-delay: .1s; }\n .flr-card:nth-child(3) { animation-delay: .15s; }\n .flr-card:nth-child(4) { animation-delay: .2s; }\n .flr-card:nth-child(5) { animation-delay: .25s; }\n .flr-card:nth-child(6) { animation-delay: .3s; }\n\n .flr-timeline-item {\n animation: flrFadeInUp .5s ease backwards;\n }\n .flr-timeline-item:nth-child(1) { animation-delay: .05s; }\n .flr-timeline-item:nth-child(2) { animation-delay: .1s; }\n .flr-timeline-item:nth-child(3) { animation-delay: .15s; }\n .flr-timeline-item:nth-child(4) { animation-delay: .2s; }\n .flr-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes flrFadeInUp {\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 .flr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755234123933,"sku":"FM0595","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-antipelliculaire-sans-sulfate-bio-florame-packshothd.webp?v=1775199110"},{"product_id":"shampoing-doux-bio-au-miel-et-bambou-200-ml-propolia-apimab","title":"Shampoing Doux Bio Miel \u0026 Bambou - 200ml - Propolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Doux Bio Miel \u0026 Bambou - 200ml - Propolia\nPalette détectée:\n - Primaire: #D4A853 (doré miel, couleur dominante du produit et du packaging)\n - Secondaire: #D4968A (rose poudré\/beige rosé du bandeau packaging)\n - Accent: #7BAE3E (vert bio\/nature pour le label)\nAmbiance: Naturel, doux, bio, apicole\/ruche, féminin-neutre, chaleureux et gourmand\nPréfixe CSS: sd\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Avantages et caractéristiques\"\n 2. \"Conseils d'utilisation\"\n 3. \"Origine et fabrication\"\n 4. \"Pourquoi choisir ce shampoing au Miel et Bambou de Propolia ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sd-hero\"\u003e\n \u003cdiv class=\"sd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sd-hero-content\"\u003e\n \u003cdiv class=\"sd-badges-top\"\u003e\n \u003cspan class=\"sd-badge\"\u003e🐝 Miel bio\u003c\/span\u003e\n \u003cspan class=\"sd-badge\"\u003e🎋 Extrait de bambou\u003c\/span\u003e\n \u003cspan class=\"sd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sd-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sd-hero-title\"\u003eShampoing doux bio miel \u0026amp; bambou\u003c\/span\u003e\n \u003cp class=\"sd-subtitle\"\u003ePropolia — 200 ml\u003c\/p\u003e\n \u003cp class=\"sd-description\"\u003eUn soin capillaire naturel et respectueux, enrichi en miel bio et en extrait de bambou, pour des cheveux doux, brillants et fortifiés. Sans sulfates ni parabènes, idéal pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sd-section\"\u003e\n \u003ch2\u003eAvantages et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"sd-grid\"\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux et efficace\u003c\/h3\u003e\n \u003cp\u003eLa base lavante naturelle, issue de sucres végétaux, élimine en douceur les impuretés et l'excès de sébum sans agresser le cuir chevelu, pour une chevelure propre et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e💧 Hydratation et souplesse\u003c\/h3\u003e\n \u003cp\u003eLe miel bio est reconnu pour ses vertus hydratantes et adoucissantes, nourrissant en profondeur les cheveux secs et apportant souplesse et douceur à la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e💪 Renforcement capillaire\u003c\/h3\u003e\n \u003cp\u003eL'extrait de bambou, riche en silice, aide à renforcer la structure du cheveu, prévenant la casse et favorisant une chevelure plus forte et résistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🌿 Formule naturelle et bio\u003c\/h3\u003e\n \u003cp\u003eComposé à 99 % d'ingrédients d'origine naturelle, ce shampoing est certifié bio par Ecocert, garantissant un soin respectueux de votre santé et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates ni parabènes\u003c\/h3\u003e\n \u003cp\u003eFormulé sans agents moussants agressifs, silicones ou composants chimiques, il convient parfaitement aux cuirs chevelus sensibles et aux cheveux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sd-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sd-timeline\"\u003e\n \u003cdiv class=\"sd-timeline-item\"\u003e\n \u003cdiv class=\"sd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eHumidifiez abondamment votre chevelure à l'eau tiède pour ouvrir les écailles du cheveu et faciliter la pénétration du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-item\"\u003e\n \u003cdiv class=\"sd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing dans le creux de la main, puis répartissez sur le cuir chevelu et les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-item\"\u003e\n \u003cdiv class=\"sd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez le cuir chevelu du bout des doigts en mouvements circulaires, puis faites glisser la mousse sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-item\"\u003e\n \u003cdiv class=\"sd-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sd-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Renouvelez si nécessaire. Convient à un usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-tip\"\u003e\n \u003cspan class=\"sd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un maximum de douceur, terminez le rinçage par un jet d'eau fraîche afin de refermer les écailles et sublimer la brillance naturelle de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sd-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"sd-testimonial\"\u003e\n \u003cp class=\"sd-testimonial-text\"\u003eFabriqué en France par Propolia, ce shampoing bio est élaboré à partir d'ingrédients rigoureusement sélectionnés, issus de l'agriculture biologique. Propolia est une marque pionnière dans l'apithérapie, spécialisée dans les produits de soins à base de propolis, miel et autres trésors de la ruche, garantissant des produits de qualité, éthiques et respectueux de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-grid-compact\"\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🌱 Certifié Ecocert\u003c\/h3\u003e\n \u003cp\u003eLabel bio reconnu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🐝 Apithérapie\u003c\/h3\u003e\n \u003cp\u003eTrésors de la ruche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eRespectueux de la nature\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing au Miel et Bambou de Propolia ?\u003c\/h2\u003e\n \u003cp class=\"sd-section-intro\"\u003eCe shampoing doux bio est idéal pour ceux qui recherchent un soin naturel, doux et respectueux pour prendre soin de leurs cheveux au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"sd-grid-compact\"\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e✨ Brillance\u003c\/h3\u003e\n \u003cp\u003eDes cheveux éclatants et lumineux dès le premier lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🤲 Douceur extrême\u003c\/h3\u003e\n \u003cp\u003eUne formule qui respecte le cuir chevelu et la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e🎋 Force naturelle\u003c\/h3\u003e\n \u003cp\u003eLe bambou fortifie et prévient la casse au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de cheveux, usage fréquent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sd-cta-box\"\u003e\n \u003cp\u003e🐝 Offrez à vos cheveux un soin d'exception issu des trésors de la ruche.\u003cbr\u003eDouceur, brillance et force naturelle — au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sd-disclaimer\"\u003eCosmétique certifié bio. 99 % d'ingrédients d'origine naturelle. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sd-cream: #FDF8F0;\n --sd-white: #ffffff;\n --sd-primary: #D4A853;\n --sd-primary-dark: #8B6914;\n --sd-primary-light: #FFF5E0;\n --sd-secondary: #D4968A;\n --sd-accent: #7BAE3E;\n --sd-text: #1a1a1a;\n --sd-text-light: #5a5a5a;\n --sd-border: #e8dfd3;\n --sd-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --sd-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --sd-radius: 20px;\n --sd-radius-sm: 12px;\n}\n\n.sd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sd-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A853 0%, #C4883A 40%, #D4968A 100%);\n border-radius: var(--sd-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(--sd-shadow-lg);\n}\n\n.sd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sd-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.sd-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sd-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sd-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(--sd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sd-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.sd-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(--sd-primary), var(--sd-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.sd-card {\n background: var(--sd-white);\n border-radius: var(--sd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sd-shadow-lg);\n border-color: var(--sd-primary);\n}\n\n.sd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sd-grid-compact .sd-card {\n padding: 1rem;\n}\n\n.sd-grid-compact .sd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sd-grid-compact .sd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sd-primary), var(--sd-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.sd-timeline-content {\n flex: 1;\n background: var(--sd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sd-radius-sm);\n box-shadow: var(--sd-shadow);\n}\n\n.sd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sd-timeline-content p {\n font-size: 14px;\n color: var(--sd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sd-testimonial {\n background: var(--sd-white);\n border-radius: var(--sd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sd-shadow);\n border-left: 4px solid var(--sd-primary);\n margin-bottom: 1.25rem;\n}\n\n.sd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sd-primary-light);\n border-radius: var(--sd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sd-tip p {\n font-size: 14px;\n color: var(--sd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA === *\/\n.sd-cta-box {\n background: linear-gradient(135deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);\n border-radius: var(--sd-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.sd-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.sd-disclaimer {\n font-size: 12px;\n color: var(--sd-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 .sd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sd-card {\n padding: 1.125rem;\n }\n\n .sd-section {\n margin-bottom: 1.75rem;\n }\n\n .sd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sd-radius-sm);\n }\n\n .sd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sd-grid-compact {\n gap: .625rem;\n }\n\n .sd-grid-compact .sd-card {\n padding: .75rem;\n }\n\n .sd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sd-timeline-content h3 {\n font-size: 14px;\n }\n\n .sd-timeline-content p {\n font-size: 13px;\n }\n\n .sd-testimonial {\n padding: 1.25rem;\n }\n\n .sd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sd-card {\n animation: sdFadeInUp .5s ease backwards;\n }\n .sd-card:nth-child(1) { animation-delay: .05s; }\n .sd-card:nth-child(2) { animation-delay: .1s; }\n .sd-card:nth-child(3) { animation-delay: .15s; }\n .sd-card:nth-child(4) { animation-delay: .2s; }\n .sd-card:nth-child(5) { animation-delay: .25s; }\n .sd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sdFadeInUp {\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 .sd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755234746525,"sku":"AP0172","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/propolia-shampoing-doux-200-ml_11zon.jpg?v=1770992126"},{"product_id":"bandes-de-cire-froide-corps-bio-soin-sos-apaisant-20-bandes-acorelle","title":"Bandes de Cire Froide Corps Bio + Soin Sos Apaisant - 20 Bandes - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bandes de Cire Froide Corps Bio + Soin Sos Apaisant - 20 Bandes - Acorelle\nPalette détectée:\n - Primaire: #7CB342 (vert aloe vera\/nature du packaging)\n - Secondaire: #8BC34A (vert clair feuilles)\n - Accent: #558B2F (vert foncé profond)\n - Neutre: #F5F5F0 (blanc cassé crème)\nAmbiance: Naturel\/Bio, féminin doux, épuré, clean beauty, minimaliste scandinave\nPréfixe CSS: aco\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bandes de cire froide corps bio Acorelle : une épilation douce et efficace\"\n 2. \"Pourquoi choisir ces bandes de cire froide bio pour le corps ?\"\n 3. \"Des ingrédients bio qui font la différence\"\n 4. \"Zones d'application recommandées\"\n 5. \"Comment utiliser vos bandes de cire froide ?\"\n 6. \"Le petit plus : le soin SOS apaisant offert\"\n 7. \"Composition complète (INCI)\"\n 8. \"Questions fréquentes sur les bandes de cire froide\"\n 9. \"Contenu du coffret\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"aco-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"aco-hero\"\u003e\n \u003cdiv class=\"aco-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aco-hero-content\"\u003e\n \u003cdiv class=\"aco-badges-top\"\u003e\n \u003cspan class=\"aco-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"aco-badge\"\u003e🐝 Cire d'abeille bio\u003c\/span\u003e\n \u003cspan class=\"aco-badge\"\u003e✨ Hypoallergénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"aco-hero-title\"\u003eBandes de Cire Froide Corps Bio\u003c\/span\u003e\n \u003cp class=\"aco-subtitle\"\u003eAcorelle • 20 bandes + Soin SOS Apaisant offert\u003c\/p\u003e\n \u003cp class=\"aco-description\"\u003eL'épilation douce et efficace, certifiée bio, qui respecte les peaux les plus sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eBandes de cire froide corps bio Acorelle : une épilation douce et efficace\u003c\/h2\u003e\n \u003cp class=\"aco-section-intro\"\u003eVous cherchez des bandes de cire froide vraiment respectueuses de votre peau ? Ces bandes Acorelle vont vous réconcilier avec l'épilation à domicile.\u003c\/p\u003e\n \u003cdiv class=\"aco-highlight-box\"\u003e\n \u003cp\u003eFormulées avec des \u003cstrong\u003eingrédients 100% naturels\u003c\/strong\u003e et certifiées bio, elles offrent une solution pratique pour éliminer les poils dès \u003cstrong\u003e2 mm\u003c\/strong\u003e, tout en prenant soin de votre épiderme.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; margin-bottom: 0;\"\u003eCe kit complet comprend \u003cstrong\u003e20 bandes prêtes à l'emploi\u003c\/strong\u003e ainsi qu'un soin huile SOS apaisant pour un confort optimal après chaque séance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces bandes de cire froide bio pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"aco-section-intro\"\u003eContrairement aux bandes cire froide classiques du commerce, ces bandes Acorelle se distinguent par leur formulation respectueuse et leur efficacité sur les peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"aco-grid\"\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🛡️ Hypoallergéniques\u003c\/h3\u003e\n \u003cp\u003eSans parfum, sans paraben, sans colophane\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e✂️ Efficaces sur poils courts\u003c\/h3\u003e\n \u003cp\u003eCapturent les poils dès 2 mm de longueur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e⏱️ Résultats longue durée\u003c\/h3\u003e\n \u003cp\u003ePeau douce pendant 3 à 4 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e👩‍⚕️ Testées dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eAdaptées aux peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e⚡ Prêtes à l'emploi\u003c\/h3\u003e\n \u003cp\u003eAucun appareil de chauffe nécessaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🌱 Certifiées bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio garanti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eDes ingrédients bio qui font la différence\u003c\/h2\u003e\n \u003cp class=\"aco-section-intro\"\u003eL'efficacité de ces bandes repose sur une combinaison d'actifs naturels soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"aco-grid\"\u003e\n \u003cdiv class=\"aco-card aco-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eAssure une adhérence optimale aux poils tout en respectant la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card aco-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise immédiatement, hydrate et prévient les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card aco-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNourrit et adoucit l'épiderme après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card aco-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eFacilite le retrait de la bande et protège la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eZones d'application recommandées\u003c\/h2\u003e\n \u003cp class=\"aco-section-intro\"\u003eCes bandes de cire froide jambes sont parfaitement dimensionnées pour les grandes zones du corps.\u003c\/p\u003e\n \u003cdiv class=\"aco-grid-compact\"\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🦵 Jambes\u003c\/h3\u003e\n \u003cp\u003eMollets \u0026amp; cuisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e💪 Bras\u003c\/h3\u003e\n \u003cp\u003eBras \u0026amp; avant-bras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🙆‍♀️ Aisselles\u003c\/h3\u003e\n \u003cp\u003eZone sensible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e👙 Maillot\u003c\/h3\u003e\n \u003cp\u003eEn découpant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-tip\"\u003e\n \u003cspan class=\"aco-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour les zones plus délicates comme le maillot ou le visage, Acorelle propose des formats spécifiques mieux adaptés. Ces bandes corps restent toutefois utilisables sur le maillot en les découpant à la bonne taille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eComment utiliser vos bandes de cire froide ?\u003c\/h2\u003e\n \u003cp class=\"aco-section-intro\"\u003ePour une épilation réussie et confortable, suivez ces étapes simples.\u003c\/p\u003e\n \u003cdiv class=\"aco-timeline\"\u003e\n \u003cdiv class=\"aco-timeline-item\"\u003e\n \u003cspan class=\"aco-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"aco-timeline-content\"\u003e\n \u003ch3\u003eRéchauffer\u003c\/h3\u003e\n \u003cp\u003eFrottez la bande entre vos mains pendant quelques secondes pour la réchauffer légèrement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-timeline-item\"\u003e\n \u003cspan class=\"aco-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"aco-timeline-content\"\u003e\n \u003ch3\u003eSéparer\u003c\/h3\u003e\n \u003cp\u003eSéparez délicatement les deux feuillets pour obtenir 2 bandes utilisables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-timeline-item\"\u003e\n \u003cspan class=\"aco-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"aco-timeline-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eAppliquez la bande sur la zone à épiler et lissez fermement dans le sens du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-timeline-item\"\u003e\n \u003cspan class=\"aco-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"aco-timeline-content\"\u003e\n \u003ch3\u003eRetirer\u003c\/h3\u003e\n \u003cp\u003eMaintenez la peau tendue et retirez d'un geste vif à contre-sens du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-timeline-item\"\u003e\n \u003cspan class=\"aco-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"aco-timeline-content\"\u003e\n \u003ch3\u003eChanger\u003c\/h3\u003e\n \u003cp\u003eChangez de bande lorsqu'elle est saturée de poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-tip\"\u003e\n \u003cspan class=\"aco-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAprès l'épilation :\u003c\/strong\u003e appliquez généreusement le soin huile SOS inclus pour éliminer les résidus de cire et calmer instantanément votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eLe petit plus : le soin SOS apaisant offert\u003c\/h2\u003e\n \u003cp class=\"aco-section-intro\"\u003eChaque boîte contient une huile apaisante post-épilation pour un confort optimal.\u003c\/p\u003e\n \u003cdiv class=\"aco-grid-compact\"\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🧴 Retire les résidus\u003c\/h3\u003e\n \u003cp\u003eÉlimine facilement la cire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e😌 Calme\u003c\/h3\u003e\n \u003cp\u003eApaise les tiraillements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e💧 Hydrate\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau épilée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n \u003cp\u003ePrévient les boutons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"aco-accordion\"\u003e\n \u003cdetails class=\"aco-accordion-item\"\u003e\n \u003csummary class=\"aco-accordion-header\"\u003e🧪 Ingrédients des bandes\u003c\/summary\u003e\n \u003cdiv class=\"aco-accordion-content\"\u003e\n \u003cp\u003eGlyceryl Rosinate, Ricinus Communis Seed Oil, Cera Alba*, Argania Spinosa Kernel Oil*, Helianthus Annuus Seed Oil*, Aloe Barbadensis Leaf Extract*\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aco-accordion-item\"\u003e\n \u003csummary class=\"aco-accordion-header\"\u003e📊 Pourcentages\u003c\/summary\u003e\n \u003cdiv class=\"aco-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e d'ingrédients d'origine naturelle\u003cbr\u003e\n \u003cstrong\u003e10%\u003c\/strong\u003e d'ingrédients issus de l'agriculture biologique\u003cbr\u003e\n Certifié \u003cstrong\u003eCosmébio\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"aco-section\"\u003e\n \u003ch2\u003eNos réponses à vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"aco-accordion\"\u003e\n \u003cdetails class=\"aco-accordion-item\"\u003e\n \u003csummary class=\"aco-accordion-header\"\u003eLes bandes de cire froide sont-elles vraiment efficaces ?\u003c\/summary\u003e\n \u003cdiv class=\"aco-accordion-content\"\u003e\n \u003cp\u003eOui, à condition de bien réchauffer la bande entre vos mains et de tirer d'un geste franc. Ces bandes Acorelle sont particulièrement performantes car elles adhèrent au poil sans coller à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aco-accordion-item\"\u003e\n \u003csummary class=\"aco-accordion-header\"\u003ePuis-je réutiliser les bandes ?\u003c\/summary\u003e\n \u003cdiv class=\"aco-accordion-content\"\u003e\n \u003cp\u003eChaque bande peut être utilisée plusieurs fois sur la même séance, tant qu'elle n'est pas saturée de poils. Une fois l'épilation terminée, les bandes ne sont plus réutilisables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aco-accordion-item\"\u003e\n \u003csummary class=\"aco-accordion-header\"\u003eCes bandes conviennent-elles aux peaux très sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"aco-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Leur formule hypoallergénique, enrichie en aloe vera apaisant, a été spécialement conçue pour les épidermes délicats et réactifs à la chaleur.\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=\"aco-section\"\u003e\n \u003ch2\u003eContenu du coffret\u003c\/h2\u003e\n \u003cdiv class=\"aco-grid-compact\"\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e📦 20 bandes\u003c\/h3\u003e\n \u003cp\u003e10 doubles feuillets cire froide corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aco-card\"\u003e\n \u003ch3\u003e🎁 1 soin SOS\u003c\/h3\u003e\n \u003cp\u003eHuile apaisante post-épilation offerte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"aco-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"aco-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau une épilation douce, naturelle et efficace avec les bandes de cire froide bio Acorelle ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"aco-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation persistante, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --aco-cream: #F9FAF7;\n --aco-white: #ffffff;\n --aco-primary: #7CB342;\n --aco-primary-dark: #558B2F;\n --aco-primary-light: #E8F5E9;\n --aco-secondary: #8BC34A;\n --aco-accent: #4CAF50;\n --aco-text: #1a1a1a;\n --aco-text-light: #5a5a5a;\n --aco-border: #e0e0e0;\n --aco-shadow: 0 4px 24px rgba(0,0,0,.08);\n --aco-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --aco-radius: 20px;\n --aco-radius-sm: 12px;\n}\n\n.aco-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--aco-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.aco-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #8BC34A 50%, #558B2F 100%);\n border-radius: var(--aco-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(--aco-shadow-lg);\n}\n\n.aco-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-5 2-5 5s2.5 5 5 5 5-2 5-5-2.5-5-5-5zm15 15c-2.5 0-5 2-5 5s2.5 5 5 5 5-2 5-5-2.5-5-5-5zm-30 0c-2.5 0-5 2-5 5s2.5 5 5 5 5-2 5-5-2.5-5-5-5zm15 15c-2.5 0-5 2-5 5s2.5 5 5 5 5-2 5-5-2.5-5-5-5z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.aco-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.aco-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.aco-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(--aco-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.aco-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.aco-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.aco-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.aco-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.aco-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aco-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--aco-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.aco-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(--aco-primary), var(--aco-secondary));\n border-radius: 2px;\n}\n\n.aco-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aco-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.aco-highlight-box {\n background: var(--aco-white);\n border-radius: var(--aco-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--aco-shadow);\n border-left: 4px solid var(--aco-primary);\n}\n\n.aco-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--aco-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.aco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.aco-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.aco-card {\n background: var(--aco-white);\n border-radius: var(--aco-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--aco-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.aco-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--aco-shadow-lg);\n border-color: var(--aco-primary);\n}\n\n.aco-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--aco-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.aco-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--aco-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.aco-card-ingredient {\n border-left: 3px solid var(--aco-secondary);\n}\n\n.aco-grid-compact .aco-card {\n padding: 1rem;\n}\n\n.aco-grid-compact .aco-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.aco-grid-compact .aco-card p {\n font-size: 12px;\n}\n\n.aco-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.aco-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.aco-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--aco-primary), var(--aco-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.aco-timeline-content {\n flex: 1;\n background: var(--aco-white);\n padding: 1rem 1.25rem;\n border-radius: var(--aco-radius-sm);\n box-shadow: var(--aco-shadow);\n}\n\n.aco-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--aco-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.aco-timeline-content p {\n font-size: 14px;\n color: var(--aco-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.aco-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--aco-primary-light);\n border-radius: var(--aco-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.aco-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.aco-tip p {\n font-size: 14px;\n color: var(--aco-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.aco-accordion {\n background: var(--aco-white);\n border-radius: var(--aco-radius);\n box-shadow: var(--aco-shadow);\n overflow: hidden;\n}\n\n.aco-accordion-item {\n border-bottom: 1px solid var(--aco-border);\n margin: 0;\n padding: 0;\n}\n\n.aco-accordion-item:last-child {\n border-bottom: none;\n}\n\n.aco-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--aco-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.aco-accordion-header:hover {\n background: var(--aco-primary-light);\n}\n\n.aco-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.aco-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--aco-primary);\n transition: transform .2s ease;\n}\n\n.aco-accordion-item[open] .aco-accordion-header::after {\n content: '−';\n}\n\n.aco-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--aco-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.aco-accordion-content p {\n margin: 0;\n}\n\n.aco-cta-box {\n background: linear-gradient(135deg, var(--aco-primary) 0%, var(--aco-primary-dark) 100%);\n border-radius: var(--aco-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.aco-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.aco-disclaimer {\n font-size: 12px;\n color: var(--aco-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .aco-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .aco-card {\n padding: 1.125rem;\n }\n \n .aco-section {\n margin-bottom: 1.75rem;\n }\n \n .aco-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--aco-radius-sm);\n }\n \n .aco-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .aco-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .aco-grid-compact {\n gap: .625rem;\n }\n \n .aco-grid-compact .aco-card {\n padding: .75rem;\n }\n \n .aco-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .aco-timeline-content {\n padding: .875rem 1rem;\n }\n \n .aco-timeline-content h3 {\n font-size: 14px;\n }\n \n .aco-timeline-content p {\n font-size: 13px;\n }\n \n .aco-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .aco-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .aco-highlight-box {\n padding: 1.25rem;\n }\n \n .aco-tip {\n padding: .875rem 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .aco-card {\n animation: fadeInUp .5s ease backwards;\n }\n .aco-card:nth-child(1) { animation-delay: .05s; }\n .aco-card:nth-child(2) { animation-delay: .1s; }\n .aco-card:nth-child(3) { animation-delay: .15s; }\n .aco-card:nth-child(4) { animation-delay: .2s; }\n .aco-card:nth-child(5) { animation-delay: .25s; }\n .aco-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 .aco-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755241889949,"sku":"LL0025","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bandes-de-cire-froide-corps-bio-soin-sos-apaisant-20-bandes--lifestyle.webp?v=1769850897"},{"product_id":"gel-intime-apaisant-bio-coslys","title":"Gel toilette intime apaisant Bio - 250 ml Coslys","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel toilette intime apaisant Bio - 250 ml Coslys\nPalette détectée:\n - Primaire: #E8A317 (jaune orangé des fleurs de calendula)\n - Secondaire: #4AAFC7 (bleu ciel des bandeaux du packaging)\n - Accent: #2D6A4F (vert des feuilles de calendula)\n - Background: #FDF6EC (crème chaud rappelant le fond pêche de la photo)\nAmbiance: Naturel\/bio, féminin, doux, apaisant, certifié — univers cosmétique bio française\nPréfixe CSS: gi\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Une formule bio aux actifs apaisants\"\n 2. \"Une composition naturelle et respectueuse\"\n 3. \"Conseils d'utilisation\"\n 4. \"Engagement qualité Coslys\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gi-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gi-hero\"\u003e\n \u003cdiv class=\"gi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gi-hero-content\"\u003e\n \u003cdiv class=\"gi-badges-top\"\u003e\n \u003cspan class=\"gi-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"gi-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gi-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"gi-badge\"\u003e🧪 pH 8 apaisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gi-hero-title\"\u003eGel toilette intime apaisant Bio\u003c\/span\u003e\n \u003cp class=\"gi-subtitle\"\u003eCoslys — 250 ml\u003c\/p\u003e\n \u003cp class=\"gi-description\"\u003eSpécialement conçu pour l'hygiène intime féminine, ce gel doux à la fleur de calendula bio et au magnésium apaise les sensations d'inconfort tout en préservant l'équilibre naturel de votre flore intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gi-section\"\u003e\n \u003ch2\u003eUne formule bio aux actifs apaisants\u003c\/h2\u003e\n \u003cp class=\"gi-section-intro\"\u003eTrois actifs soigneusement sélectionnés pour offrir douceur, protection et confort au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"gi-grid\"\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🌼 Calendula bio\u003c\/h3\u003e\n \u003cp\u003eConnu pour ses propriétés adoucissantes et anti-inflammatoires, il calme les irritations et apporte une sensation de bien-être immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e✨ Magnésium\u003c\/h3\u003e\n \u003cp\u003eUn oligo-élément essentiel qui contribue à la protection de la peau et à la réduction des réactions inflammatoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e💧 Eau florale de reine-des-prés\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus apaisantes et purifiantes, elle complète idéalement l'action du calendula.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-tip\"\u003e\n \u003cspan class=\"gi-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eGrâce à son \u003cstrong\u003epH alcalin (8)\u003c\/strong\u003e, ce gel intime limite la prolifération bactérienne et protège contre les désagréments tels que les mycoses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gi-section\"\u003e\n \u003ch2\u003eUne composition naturelle et respectueuse\u003c\/h2\u003e\n \u003cdiv class=\"gi-grid-compact\"\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eTolérance optimale pour les muqueuses sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🧴 Sans savon\u003c\/h3\u003e\n \u003cp\u003eRespect de l'équilibre naturel de la flore intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e👩‍⚕️ Testé gynécologiquement\u003c\/h3\u003e\n \u003cp\u003eValidé sous contrôle dermatologique et gynécologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; certifié Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié bio par Ecocert, formulation éthique et responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gi-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gi-timeline\"\u003e\n \u003cdiv class=\"gi-timeline-item\"\u003e\n \u003cdiv class=\"gi-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-content\"\u003e\n \u003ch3\u003ePrélever une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité de gel dans le creux de la main et faites mousser délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-item\"\u003e\n \u003cdiv class=\"gi-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-content\"\u003e\n \u003ch3\u003eAppliquer localement\u003c\/h3\u003e\n \u003cp\u003eAppliquer sur la zone intime externe uniquement, en effectuant des gestes doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-item\"\u003e\n \u003cdiv class=\"gi-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-content\"\u003e\n \u003ch3\u003eRincer soigneusement\u003c\/h3\u003e\n \u003cp\u003eRincer à l'eau tiède pour éliminer toute trace de gel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-item\"\u003e\n \u003cdiv class=\"gi-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gi-timeline-content\"\u003e\n \u003ch3\u003eEn cas de gêne\u003c\/h3\u003e\n \u003cp\u003eUtiliser \u003cstrong\u003edeux fois par jour pendant 21 jours\u003c\/strong\u003e pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-tip\"\u003e\n \u003cspan class=\"gi-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eÉvitez l'utilisation d'un gant de toilette pour ne pas déséquilibrer la flore intime. Préférez toujours le contact direct avec vos mains propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagement qualité Coslys\u003c\/h2\u003e\n \u003cdiv class=\"gi-grid\"\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🏷️ Label Cosmébio\u003c\/h3\u003e\n \u003cp\u003eUne formulation respectueuse de votre corps et de l'environnement, garantie par le label de référence en cosmétique bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🌿 98% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eLa quasi-totalité des ingrédients provient directement de la nature, pour une efficacité en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-card\"\u003e\n \u003ch3\u003e🌾 10,5% bio\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients issus de l'Agriculture Biologique certifiée, pour un soin qui respecte la terre comme votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gi-cta-box\"\u003e\n \u003cp\u003e🌼 Un geste doux et naturel pour votre intimité — Prenez soin de vous avec la douceur du calendula bio et la fiabilité d'une formule certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gi-disclaimer\"\u003eComplément d'hygiène. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gi-cream: #FDF6EC;\n --gi-white: #ffffff;\n --gi-primary: #E8A317;\n --gi-primary-dark: #B8800D;\n --gi-primary-light: #FFF5E0;\n --gi-secondary: #4AAFC7;\n --gi-accent: #2D6A4F;\n --gi-text: #1a1a1a;\n --gi-text-light: #5a5a5a;\n --gi-border: #e8e0d4;\n --gi-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gi-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gi-radius: 20px;\n --gi-radius-sm: 12px;\n}\n\n.gi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gi-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A317 0%, #F5C34A 40%, #4AAFC7 100%);\n border-radius: var(--gi-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(--gi-shadow-lg);\n}\n\n.gi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gi-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.gi-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gi-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gi-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(--gi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gi-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.gi-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(--gi-primary), var(--gi-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gi-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gi-card {\n background: var(--gi-white);\n border-radius: var(--gi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gi-shadow-lg);\n border-color: var(--gi-primary);\n}\n\n.gi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gi-grid-compact .gi-card {\n padding: 1rem;\n}\n\n.gi-grid-compact .gi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gi-grid-compact .gi-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gi-primary), var(--gi-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.gi-timeline-content {\n flex: 1;\n background: var(--gi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gi-radius-sm);\n box-shadow: var(--gi-shadow);\n}\n\n.gi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gi-timeline-content p {\n font-size: 14px;\n color: var(--gi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gi-primary-light);\n border-radius: var(--gi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gi-tip p {\n font-size: 14px;\n color: var(--gi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gi-cta-box {\n background: linear-gradient(135deg, var(--gi-primary) 0%, var(--gi-primary-dark) 100%);\n border-radius: var(--gi-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.gi-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.gi-disclaimer {\n font-size: 12px;\n color: var(--gi-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 .gi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gi-card {\n padding: 1.125rem;\n }\n\n .gi-section {\n margin-bottom: 1.75rem;\n }\n\n .gi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gi-radius-sm);\n }\n\n .gi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gi-grid-compact {\n gap: .625rem;\n }\n\n .gi-grid-compact .gi-card {\n padding: .75rem;\n }\n\n .gi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gi-timeline-content h3 {\n font-size: 14px;\n }\n\n .gi-timeline-content p {\n font-size: 13px;\n }\n\n .gi-tip {\n padding: .875rem 1rem;\n }\n\n .gi-tip-icon {\n font-size: 20px;\n }\n\n .gi-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gi-card {\n animation: giFadeInUp .5s ease backwards;\n }\n .gi-card:nth-child(1) { animation-delay: .05s; }\n .gi-card:nth-child(2) { animation-delay: .1s; }\n .gi-card:nth-child(3) { animation-delay: .15s; }\n .gi-card:nth-child(4) { animation-delay: .2s; }\n .gi-card:nth-child(5) { animation-delay: .25s; }\n .gi-card:nth-child(6) { animation-delay: .3s; }\n\n .gi-timeline-item {\n animation: giFadeInUp .5s ease backwards;\n }\n .gi-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gi-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gi-timeline-item:nth-child(3) { animation-delay: .15s; }\n .gi-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes giFadeInUp {\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 .gi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":45755249033373,"sku":"CS0210","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-apaisant-toilette-intime-coslys-250-ml-ambiance-min.jpg?v=1739528489"},{"product_id":"cire-royale-bio-100-g-acorelle","title":"Cire Royale Bio - 100 G - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cire Royale Bio Acorelle\nPalette détectée:\n - Primaire: #E87722 (orange vif du packaging et du bandeau supérieur)\n - Secondaire: #F5A623 (doré miel des alvéoles)\n - Accent: #5B8C3A (vert du label bio)\n - Crème: #FFF8F0 (beige chaud évoquant la cire d'abeille)\nAmbiance: Naturel\/bio, chaleureux, féminin, professionnel mais accessible\nPréfixe CSS: cr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"La Cire Royale Bio Acorelle : l'épilation naturelle sans compromis\"\n 2. \"Pourquoi choisir une cire épilation bio plutôt qu'une cire classique ?\"\n 3. \"Les atouts de cette cire épilation naturelle bio\"\n 4. \"Composition complète de la Cire Royale Bio Acorelle\"\n 5. \"Comment utiliser la Cire Royale Acorelle : guide pas à pas\"\n 6. \"Astuces pour une épilation réussie avec une cire sans bandes\"\n 7. \"Pour quelles zones utiliser la Cire Royale ?\"\n 8. \"L'engagement Acorelle : une marque française pionnière du bio\"\n 9. \"Questions fréquentes sur la Cire Royale Bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cr-hero\"\u003e\n \u003cdiv class=\"cr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cr-hero-content\"\u003e\n \u003cdiv class=\"cr-badges-top\"\u003e\n \u003cspan class=\"cr-badge\"\u003e🐝 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"cr-badge\"\u003e✨ Sans bandes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cr-hero-title\"\u003eCire Royale Bio Acorelle\u003c\/span\u003e\n \u003cp class=\"cr-subtitle\"\u003eL'épilation professionnelle 100% naturelle\u003c\/p\u003e\n \u003cp class=\"cr-description\"\u003eCire d'abeille bio \u0026amp; extrait de lys blanc pour une peau douce jusqu'à 4 semaines. Idéale pour les zones sensibles : aisselles, maillot et visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Section 1 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eLa Cire Royale Bio Acorelle : l'épilation naturelle sans compromis\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecire épilation bio\u003c\/strong\u003e qui allie efficacité professionnelle et respect de votre peau ? La \u003cstrong\u003eCire Royale Acorelle\u003c\/strong\u003e répond exactement à cette attente.\u003c\/p\u003e\n \u003cdiv class=\"cr-grid-compact\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌸 Formule douce\u003c\/h3\u003e\n \u003cp\u003e100% d'ingrédients naturels certifiés bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🎯 Zones sensibles\u003c\/h3\u003e\n \u003cp\u003eAisselles, maillot et visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eEnrobe le poil pour une extraction nette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e⏱️ Résultat longue durée\u003c\/h3\u003e\n \u003cp\u003e3 à 4 semaines de peau douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 2 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePourquoi choisir une cire épilation bio plutôt qu'une cire classique ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eLes cires conventionnelles contiennent souvent de la colophane, des colorants synthétiques et des parfums artificiels potentiellement irritants. Avec la Cire Royale Acorelle, vous évitez tous ces ingrédients problématiques.\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🚫 Sans colophane\u003c\/h3\u003e\n \u003cp\u003eMinimise les risques d'allergie et de rougeurs sur les peaux les plus sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🛡️ Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormule saine et respectueuse de votre équilibre cutané naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🎨 Sans colorants artificiels\u003c\/h3\u003e\n \u003cp\u003eUniquement la couleur naturelle et dorée de la cire d'abeille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e✅ Certifiée Cosmebio\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formulation bio rigoureusement contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 3 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eLes atouts de cette cire épilation naturelle bio\u003c\/h2\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🍯 Texture pelable\u003c\/h3\u003e\n \u003cp\u003ePas besoin de bandes ! Retirez directement la cire durcie pour réduire les déchets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e⚡ Chauffage rapide\u003c\/h3\u003e\n \u003cp\u003eSeulement 2 minutes au micro-ondes pour obtenir la consistance idéale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🎯 Application précise\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les petites zones : aisselles, maillot, lèvre supérieure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e📏 Efficace dès 2 mm\u003c\/h3\u003e\n \u003cp\u003eCapture les poils courts pour une épilation possible même entre deux séances\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eProduite dans le Sud-Ouest selon des standards d'excellence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e♻️ Réutilisable\u003c\/h3\u003e\n \u003cp\u003eRéchauffez le pot plusieurs fois sans perte d'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 4 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eComposition complète de la Cire Royale Bio Acorelle\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eUne formule minimaliste et transparente avec uniquement des ingrédients d'origine végétale issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eForme une pellicule protectrice sur la peau tout en enrobant parfaitement le poil pour une extraction nette et propre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌺 Extrait de lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eApaise immédiatement la peau après l'arrachage grâce à ses propriétés anti-inflammatoires naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation cutanée et laisse la peau souple après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌿 Colophonium hydrogéné\u003c\/h3\u003e\n \u003cp\u003eRésine végétale modifiée pour une meilleure adhérence sans effet allergisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 5 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eComment utiliser la Cire Royale Acorelle : guide pas à pas\u003c\/h2\u003e\n \n \u003ch3 style=\"color: var(--cr-primary-dark); font-size: 18px; margin: 1.5rem 0 1rem; text-align: center;\"\u003ePréparation\u003c\/h3\u003e\n \u003cdiv class=\"cr-timeline\"\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eVérifiez la longueur\u003c\/h3\u003e\n \u003cp\u003eVos poils doivent mesurer au moins 2 mm (idéalement 5 mm pour une première utilisation)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eNettoyez la zone\u003c\/h3\u003e\n \u003cp\u003eUtilisez un savon doux et séchez parfaitement la peau avant application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eChauffez la cire\u003c\/h3\u003e\n \u003cp\u003eRetirez le couvercle et placez le pot au micro-ondes 2 minutes à puissance moyenne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eTestez la température\u003c\/h3\u003e\n \u003cp\u003eSur votre poignet : la cire doit être chaude mais jamais brûlante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 style=\"color: var(--cr-primary-dark); font-size: 18px; margin: 2rem 0 1rem; text-align: center;\"\u003eApplication et retrait\u003c\/h3\u003e\n \u003cdiv class=\"cr-timeline\"\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003ePrélevez la cire\u003c\/h3\u003e\n \u003cp\u003eÀ l'aide de la spatule, prenez une petite quantité de cire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eÉtalez uniformément\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche de 2-3 mm dans le sens de la pousse du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e7\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eLaissez durcir\u003c\/h3\u003e\n \u003cp\u003eAttendez quelques secondes jusqu'à ce que la cire soit souple mais non collante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-item\"\u003e\n \u003cdiv class=\"cr-timeline-number\"\u003e8\u003c\/div\u003e\n \u003cdiv class=\"cr-timeline-content\"\u003e\n \u003ch3\u003eRetirez d'un geste sec\u003c\/h3\u003e\n \u003cp\u003eSoulevez un bord et tirez parallèlement à la peau, sens inverse de la pousse, en maintenant la peau tendue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 style=\"color: var(--cr-primary-dark); font-size: 18px; margin: 2rem 0 1rem; text-align: center;\"\u003eAprès l'épilation\u003c\/h3\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🧴 Hydratez\u003c\/h3\u003e\n \u003cp\u003eAppliquez une huile apaisante ou une crème hydratante bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e☀️ Protégez\u003c\/h3\u003e\n \u003cp\u003eÉvitez l'exposition au soleil pendant 24 heures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🧽 Patientez\u003c\/h3\u003e\n \u003cp\u003eAttendez 48 heures avant de faire un gommage sur la zone épilée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 6 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eAstuces pour une épilation réussie avec une cire sans bandes\u003c\/h2\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌡️ Ne réchauffez pas trop\u003c\/h3\u003e\n \u003cp\u003eUne cire trop liquide sera difficile à retirer et moins efficace sur les poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e📐 Travaillez par petites zones\u003c\/h3\u003e\n \u003cp\u003eSurtout sur le maillot et les aisselles : 5 cm² maximum pour un retrait optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌬️ Respirez au bon moment\u003c\/h3\u003e\n \u003cp\u003eExpirez en arrachant la cire : cela diminue naturellement la sensation de douleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e♻️ Conservez les restes\u003c\/h3\u003e\n \u003cp\u003eLa cire peut être réchauffée plusieurs fois sans perdre ses propriétés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-tip\"\u003e\n \u003cspan class=\"cr-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution importante :\u003c\/strong\u003e réalisez un test cutané 24 heures avant la première utilisation. N'appliquez jamais cette cire sur une peau irritée, abîmée, présentant des varices ou des coups de soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 7 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003ePour quelles zones utiliser la Cire Royale ?\u003c\/h2\u003e\n \u003cp class=\"cr-section-intro\"\u003eCette cire a été spécifiquement formulée pour les zones où la peau est plus fine et plus réactive.\u003c\/p\u003e\n \u003cdiv class=\"cr-grid\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e💪 Aisselles\u003c\/h3\u003e\n \u003cp\u003eSa texture pelable s'adapte parfaitement aux courbes de cette zone délicate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e👙 Maillot\u003c\/h3\u003e\n \u003cp\u003eSuffisamment douce pour cette zone très sensible, permet une épilation intégrale ou classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eIdéale pour la lèvre supérieure, le menton ou les sourcils grâce à sa précision d'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-tip\"\u003e\n \u003cspan class=\"cr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour les jambes et les grandes surfaces, privilégiez une cire en roll-on qui facilitera l'application sur de plus larges zones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Section 8 --\u003e\n \u003csection class=\"cr-section\"\u003e\n \u003ch2\u003eL'engagement Acorelle : une marque française pionnière du bio\u003c\/h2\u003e\n \u003cdiv class=\"cr-testimonial\"\u003e\n \u003cp class=\"cr-testimonial-text\"\u003e\"Depuis sa création, Acorelle s'engage à proposer des produits cosmétiques et d'hygiène respectueux de la peau et de l'environnement. La marque, implantée dans le Gers, sélectionne rigoureusement ses ingrédients auprès de producteurs bio certifiés.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🌍 Circuits courts\u003c\/h3\u003e\n \u003cp\u003eApprovisionnement local privilégié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e♻️ Emballages recyclables\u003c\/h3\u003e\n \u003cp\u003eEngagement environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🤝 Production éthique\u003c\/h3\u003e\n \u003cp\u003eConditions de travail respectueuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cr-card\"\u003e\n \u003ch3\u003e🏭 Made in Gers\u003c\/h3\u003e\n \u003cp\u003eFabrication 100% française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003cp class=\"cr-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée inhabituelle, cessez l'utilisation et consultez un dermatologue.\u003c\/p\u003e\n \n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cr-cream: #FFF8F0;\n --cr-white: #ffffff;\n --cr-primary: #E87722;\n --cr-primary-dark: #C45E10;\n --cr-primary-light: #FFF3E8;\n --cr-secondary: #F5A623;\n --cr-accent: #5B8C3A;\n --cr-text: #1a1a1a;\n --cr-text-light: #5a5a5a;\n --cr-border: #f0e6dc;\n --cr-shadow: 0 4px 24px rgba(232,119,34,.08);\n --cr-shadow-lg: 0 12px 48px rgba(232,119,34,.15);\n --cr-radius: 20px;\n --cr-radius-sm: 12px;\n}\n\n.cr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cr-hero {\n position: relative;\n background: linear-gradient(135deg, #E87722 0%, #F5A623 50%, #FFB347 100%);\n border-radius: var(--cr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cr-shadow-lg);\n}\n\n.cr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 L52 17.5 L52 42.5 L30 55 L8 42.5 L8 17.5 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n opacity: .1;\n}\n\n.cr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cr-subtitle {\n color: rgba(255,255,255,.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.cr-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.cr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cr-primary), var(--cr-secondary));\n border-radius: 2px;\n}\n\n.cr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cr-card {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cr-shadow-lg);\n border-color: var(--cr-primary);\n}\n\n.cr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cr-grid-compact .cr-card {\n padding: 1rem;\n}\n\n.cr-grid-compact .cr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cr-grid-compact .cr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cr-primary), var(--cr-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(232,119,34,.3);\n}\n\n.cr-timeline-content {\n flex: 1;\n background: var(--cr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cr-radius-sm);\n box-shadow: var(--cr-shadow);\n}\n\n.cr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cr-timeline-content p {\n font-size: 14px;\n color: var(--cr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cr-testimonial {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cr-shadow);\n border-left: 4px solid var(--cr-primary);\n}\n\n.cr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cr-accordion {\n background: var(--cr-white);\n border-radius: var(--cr-radius);\n box-shadow: var(--cr-shadow);\n overflow: hidden;\n}\n\n.cr-accordion-item {\n border-bottom: 1px solid var(--cr-border);\n margin: 0;\n padding: 0;\n}\n\n.cr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cr-accordion-header:hover {\n background: var(--cr-primary-light);\n}\n\n.cr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cr-primary);\n transition: transform .2s ease;\n}\n\n.cr-accordion-item[open] .cr-accordion-header::after {\n content: '−';\n}\n\n.cr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cr-primary-light);\n border-radius: var(--cr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cr-tip p {\n font-size: 14px;\n color: var(--cr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.cr-disclaimer {\n font-size: 12px;\n color: var(--cr-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cr-card {\n padding: 1.125rem;\n }\n \n .cr-section {\n margin-bottom: 1.75rem;\n }\n \n .cr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cr-radius-sm);\n }\n \n .cr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cr-grid-compact {\n gap: .625rem;\n }\n \n .cr-grid-compact .cr-card {\n padding: .75rem;\n }\n \n .cr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .cr-timeline-content {\n padding: .875rem 1rem;\n }\n \n .cr-timeline-content h3 {\n font-size: 14px;\n }\n \n .cr-timeline-content p {\n font-size: 13px;\n }\n \n .cr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cr-testimonial {\n padding: 1.25rem;\n }\n \n .cr-testimonial-text {\n font-size: 14px;\n }\n \n .cr-tip {\n padding: .875rem 1rem;\n }\n \n .cr-tip-icon {\n font-size: 20px;\n }\n \n .cr-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cr-card:nth-child(1) { animation-delay: .05s; }\n .cr-card:nth-child(2) { animation-delay: .1s; }\n .cr-card:nth-child(3) { animation-delay: .15s; }\n .cr-card:nth-child(4) { animation-delay: .2s; }\n .cr-card:nth-child(5) { animation-delay: .25s; }\n .cr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes 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 .cr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755251884189,"sku":"LL0020","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cire-royale-bio-100-g-acorelle-lifestyle.webp?v=1769850404"},{"product_id":"huile-sos-apaisante-bio-100-ml-acorelle","title":"Huile Sos Apaisante Bio - 100 Ml - Acorelle","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🐰 Vegan\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eHuile SOS Apaisante Bio\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eAcorelle • 100 ml\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eLe concentré d'huiles précieuses qui apaise, répare et sublime votre peau après chaque épilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eHuile SOS Apaisante Bio Acorelle : le soin réparateur après épilation\u003c\/h2\u003e\n\u003cdiv class=\"sos-intro-card\"\u003e\n\u003cp\u003eVotre peau tiraille, rougit ou vous démange après l'épilation ? Vous cherchez \u003cstrong\u003equelle huile après épilation\u003c\/strong\u003e choisir pour apaiser immédiatement ces inconforts ? L'\u003cstrong\u003eHuile SOS Apaisante Bio d'Acorelle\u003c\/strong\u003e est la réponse à vos besoins.\u003c\/p\u003e\n\u003cp\u003eCe concentré d'huiles végétales précieuses associe les vertus réparatrices du \u003cstrong\u003erosier muscat\u003c\/strong\u003e, de l'\u003cstrong\u003eargan\u003c\/strong\u003e et du \u003cstrong\u003eBoswellia Serrata\u003c\/strong\u003e pour offrir à votre peau un soin complet, naturel et véritablement efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi utiliser une huile après épilation ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eL'épilation, qu'elle soit à la cire, au rasoir ou à l'épilateur électrique, constitue une agression pour votre peau. Les follicules pileux irrités provoquent souvent :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔴 Rougeurs\u003c\/h3\u003e\n\u003cp\u003ePersistantes et visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😣 Tiraillements\u003c\/h3\u003e\n\u003cp\u003eSensations désagréables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🤚 Démangeaisons\u003c\/h3\u003e\n\u003cp\u003eParfois intenses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏜️ Dessèchement\u003c\/h3\u003e\n\u003cp\u003ePeau inconfortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à l'\u003cstrong\u003ehuile de coco après épilation\u003c\/strong\u003e utilisée seule, qui peut parfois être comédogène, cette huile SOS combine plusieurs actifs synergiques pour une action apaisante et réparatrice immédiate, sans boucher les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes trésors végétaux de cette huile apaisante\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌹 Huile de Rosier Muscat Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa régénératrice\u003c\/p\u003e\n\u003cp\u003eVéritable or liquide pour la peau, naturellement riche en \u003cstrong\u003eoméga 3 et 6\u003c\/strong\u003e. Ces acides gras essentiels favorisent la régénération cellulaire et restaurent la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🥜 Huile d'Argan Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa protectrice\u003c\/p\u003e\n\u003cp\u003eRestaure la fonction barrière de l'épiderme tout en apportant une nutrition profonde. Ses propriétés anti-oxydantes préservent le capital jeunesse de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌳 Extrait de Boswellia Serrata\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eL'apaisant\u003c\/p\u003e\n\u003cp\u003eCet extrait de résine possède des \u003cstrong\u003evertus apaisantes remarquables\u003c\/strong\u003e. Associé au bisabolol, il calme les rougeurs quasi instantanément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUne huile multi-usages pour toutes les situations\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCette huile SOS ne se limite pas à un usage post-épilatoire. Voici toutes les occasions où elle deviendra votre alliée :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✨ Après épilation cire\u003c\/h3\u003e\n\u003cp\u003eApaise immédiatement les irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👙 Après épilation maillot\u003c\/h3\u003e\n\u003cp\u003eCalme cette zone particulièrement sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Après soleil\u003c\/h3\u003e\n\u003cp\u003eNourrit et répare la peau asséchée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🚿 Soin quotidien\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, satine et protège\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💧 Zones sèches\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent leur douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile SOS Apaisante ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eAprès l'épilation\u003c\/h3\u003e\n\u003cp\u003ePrélevez quelques gouttes dans le creux de votre main et massez délicatement la zone épilée. Insistez sur les parties les plus sensibles comme le maillot ou les aisselles. L'effet apaisant est quasi immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin corporel quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez l'huile sur peau légèrement humide après la douche. Cette technique permet une meilleure pénétration des actifs et laisse un film protecteur satiné sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n\u003cp\u003eMassez les zones particulièrement sèches ou irritées matin et soir jusqu'à amélioration visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUn parfum délicat et 100% naturel\u003c\/h2\u003e\n\u003cdiv class=\"sos-fragrance-card\"\u003e\n\u003cdiv class=\"sos-fragrance-notes\"\u003e\n\u003cspan class=\"sos-note\"\u003e🌹 Rose\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🍦 Vanille\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🪵 Santal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eAu-delà de son efficacité, cette huile offre une véritable expérience sensorielle. Son parfum aux notes de \u003cstrong\u003erose, de vanille et de santal\u003c\/strong\u003e enveloppe votre peau d'une fragrance douce et réconfortante. Entièrement composé d'ingrédients naturels, ce parfum subtil ne masque pas mais accompagne délicatement votre soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"sos-stats-bar\"\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e100%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e52%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eAgriculture bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌻 Huiles végétales nourrissantes\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHelianthus Annuus Seed Oil*\u003c\/strong\u003e : huile de tournesol bio, base nourrissante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRosa Canina Fruit Oil*\u003c\/strong\u003e : huile de rosier muscat bio, régénérante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e : huile d'argan bio, protectrice\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧴 Agents de texture \u0026amp; émollients\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaprylic\/Capric Triglycerides\u003c\/strong\u003e : émollient d'origine végétale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoco-Caprylate\u003c\/strong\u003e : agent de texture d'origine coco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSqualane\u003c\/strong\u003e : hydratant biomimétique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIsostearyl Alcohol\u003c\/strong\u003e : émollient végétal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e✨ Actifs apaisants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBoswellia Serrata Gum\u003c\/strong\u003e : extrait apaisant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol*\u003c\/strong\u003e : actif anti-rougeurs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e : vitamine E, antioxydant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌸 Parfum naturel\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum\u003c\/strong\u003e : fragrance 100% naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitronellol, Linalool\u003c\/strong\u003e : composants naturels du parfum\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-warning-grid\"\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e👁️\u003c\/span\u003e\n\u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e✋\u003c\/span\u003e\n\u003cp\u003eAppliquez uniquement sur une peau saine, non lésée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🚫\u003c\/span\u003e\n\u003cp\u003eUsage externe uniquement, ne pas avaler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes engagements Acorelle\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eEn choisissant cette huile SOS, vous optez pour une marque française engagée dans une cosmétique responsable :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eFormulation bio exigeante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e♻️ Flacon verre\u003c\/h3\u003e\n\u003cp\u003eRecyclable \u0026amp; protecteur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎋 Bouchon bambou\u003c\/h3\u003e\n\u003cp\u003eNaturel \u0026amp; durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe format généreux de \u003cstrong\u003e100 ml\u003c\/strong\u003e vous accompagne pendant plusieurs mois, que ce soit pour un usage post-épilatoire ponctuel ou un soin corporel quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF9F5;\n --sos-white: #ffffff;\n --sos-primary: #C9A87C;\n --sos-primary-dark: #8B7355;\n --sos-primary-light: #F5EDE4;\n --sos-secondary: #E8D4C4;\n --sos-accent: #D4A574;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8e0d8;\n --sos-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sos-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A87C 0%, #E8D4C4 50%, #D4A574 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-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.1'%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.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sos-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-primary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.sos-intro-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-intro-card p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sos-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-featured {\n text-align: left;\n}\n\n.sos-card-subtitle {\n display: inline-block;\n font-size: 12px !important;\n font-weight: 700;\n color: var(--sos-primary) !important;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem !important;\n padding: 4px 10px;\n background: var(--sos-primary-light);\n border-radius: 999px;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-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.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FRAGRANCE CARD === *\/\n.sos-fragrance-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n text-align: center;\n}\n\n.sos-fragrance-notes {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: .75rem;\n margin-bottom: 1.5rem;\n}\n\n.sos-note {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, var(--sos-primary-light), var(--sos-secondary));\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n}\n\n.sos-fragrance-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sos-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === STATS BAR === *\/\n.sos-stats-bar {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.sos-stat {\n text-align: center;\n}\n\n.sos-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--sos-primary);\n line-height: 1;\n}\n\n.sos-stat-label {\n font-size: 13px;\n color: var(--sos-text-light);\n font-weight: 600;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: .5rem 0 0 0;\n}\n\n.sos-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sos-accordion-content li {\n margin-bottom: .5rem;\n}\n\n\/* === WARNING GRID === *\/\n.sos-warning-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-warning-item {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: var(--sos-white);\n padding: 1rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-warning-item span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.sos-warning-item p {\n font-size: 13px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-card-featured {\n text-align: center;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-intro-card {\n padding: 1.25rem;\n }\n \n .sos-fragrance-card {\n padding: 1.25rem;\n }\n \n .sos-note {\n padding: 8px 14px;\n font-size: 13px;\n }\n \n .sos-stats-bar {\n gap: 1.5rem;\n }\n \n .sos-warning-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .sos-warning-item {\n padding: .875rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-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 .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755255619741,"sku":"LL0100","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-sos-apaisante-bio-100-ml-acorelle-lifestyle.webp?v=1769502690"},{"product_id":"apres-shampoing-cheveux-colores-et-meches-250-ml-coslys","title":"Après-shampoing Cheveux Colorés et Méchés - 250 ml - Coslys","description":"\u003cp\u003eL'\u003cstrong\u003eaprès-shampoing cheveux colorés et méchés Coslys\u003c\/strong\u003e est la solution idéale pour prolonger l'éclat de votre couleur et prendre soin de vos cheveux sensibilisés. Enrichi en ingrédients naturels et bio, cet après-shampoing aide à renforcer et hydrater vos cheveux tout en préservant la vivacité de votre couleur. Avec sa formule douce, il convient parfaitement aux cheveux colorés ou méchés, leur apportant brillance et souplesse sans les alourdir.\u003c\/p\u003e\n\u003cp\u003eNourrissez vos cheveux colorés et méchés avec l'\u003cstrong\u003eaprès-shampoing Coslys\u003c\/strong\u003e. Ce soin capillaire est formulé avec des extraits naturels de \u003cem\u003emirabelle de Lorraine\u003c\/em\u003e, enrichis en antioxydants pour protéger et raviver votre couleur. La \u003cstrong\u003eprotéine de riz\u003c\/strong\u003e renforce la fibre capillaire, tandis que les aminoacides végétaux apportent une hydratation en profondeur, laissant vos cheveux doux, brillants et faciles à démêler.\u003c\/p\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAprès avoir lavé vos cheveux avec un shampoing doux, appliquez une noix d'après-shampoing Coslys sur les cheveux humides, en insistant sur les longueurs et les pointes.\u003c\/li\u003e\n\u003cli\u003eLaissez poser pendant 3 à 5 minutes pour permettre aux actifs de bien pénétrer la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003eRincez abondamment à l'eau tiède.\u003c\/li\u003e\n\u003cli\u003ePour un résultat optimal, utilisez en complément les autres produits de la gamme Coslys pour cheveux colorés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eL'\u003cstrong\u003eaprès-shampoing Coslys\u003c\/strong\u003e est fabriqué en France avec des ingrédients soigneusement sélectionnés pour leur qualité et leur pureté. Certifiés bio par Ecocert, nos produits respectent votre santé et la nature. Nos procédés de fabrication éthiques garantissent un produit fini respectueux de l'environnement et de vos cheveux.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eChez Coslys, nous croyons en la \u003cstrong\u003epureté des ingrédients\u003c\/strong\u003e. Cet après-shampoing pour cheveux colorés est élaboré avec des composants d'origine naturelle et bio, sélectionnés pour leurs propriétés bénéfiques :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAqua (Eau)\u003c\/li\u003e\n\u003cli\u003eCetearyl Alcohol (Emollient)\u003c\/li\u003e\n\u003cli\u003eGlycerin (Hydratant)\u003c\/li\u003e\n\u003cli\u003eIsoamyl Laurate (Conditionneur)\u003c\/li\u003e\n\u003cli\u003ePrunus Domestica Fruit Extract (Extrait de mirabelle)\u003c\/li\u003e\n\u003cli\u003eOryza Sativa (Rice) Protein (Protéine de riz)\u003c\/li\u003e\n\u003cli\u003eGlyceryl Stearate SE (Émulsifiant)\u003c\/li\u003e\n\u003cli\u003eBenzyl Alcohol (Conservateur)\u003c\/li\u003e\n\u003cli\u003eParfum (Fragrance d'origine naturelle)\u003c\/li\u003e\n\u003cli\u003eSodium Benzoate (Conservateur)\u003c\/li\u003e\n\u003cli\u003ePotassium Sorbate (Conservateur)\u003c\/li\u003e\n\u003cli\u003ePCA Glyceryl Oleate (Conditionneur capillaire)\u003c\/li\u003e\n\u003cli\u003eLactic Acid (Régulateur de pH)\u003c\/li\u003e\n\u003cli\u003eLimonene (Limonène naturel)\u003c\/li\u003e\n\u003cli\u003eLinalool (Linalol naturel)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cstrong\u003eAvec l'après-shampoing cheveux colorés et méchés Coslys, offrez à votre chevelure le meilleur de la nature, pour des cheveux éclatants de santé et de couleur.\u003c\/strong\u003e\u003c\/p\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":45755259060381,"sku":"CS0120","price":13.4,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Apres-shampoing-Cheveux-colores-et-meches-250-ml-APRESSH-834017.jpg?v=1732719476"},{"product_id":"bandes-de-cire-froide-aisselles-et-maillot-bio-20-bandes-acorelle","title":"Bandes de Cire Froide Aisselles \u0026 Maillot Bio - 20 Bandes - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bandes de Cire Froide Aisselles \u0026 Maillot Bio - 20 Bandes - Acorelle\nPalette détectée:\n - Primaire: #7CB342 (vert nature\/aloe vera dominant du packaging)\n - Secondaire: #558B2F (vert foncé des feuilles d'aloe)\n - Accent: #8BC34A (vert clair frais)\n - Neutre: #F5F5F5 (fond clair du packaging)\nAmbiance: Naturel\/Bio, féminin, frais, doux, hypoallergénique, cosmétique clean\nPréfixe CSS: ac\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bandes de cire froide bio pour aisselles et maillot : l'épilation douce et efficace\"\n 2. \"Pourquoi choisir ces bandes d'épilation Acorelle ?\"\n 3. \"Une formule naturelle enrichie en actifs apaisants\"\n 4. \"Comment utiliser vos bandes de cire froide ?\"\n 5. \"Contenu du coffret\"\n 6. \"Composition complète (INCI)\"\n 7. \"Questions fréquentes sur les bandes de cire froide\"\n 8. \"Nos conseils pour une épilation réussie\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ac-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🐝 Cire d'abeille bio\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e✨ Hypoallergénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eBandes de Cire Froide\u003cbr\u003eAisselles \u0026amp; Maillot Bio\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eL'épilation douce, efficace et certifiée bio\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003e20 bandes prêtes à l'emploi enrichies en aloe vera et cire d'abeille bio pour une peau douce jusqu'à 4 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eBandes de cire froide bio pour aisselles et maillot : l'épilation douce et efficace\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous recherchez une solution d'épilation cire froide qui respecte votre peau sensible tout en offrant des résultats impeccables ? Les bandes de cire froide Acorelle spéciales aisselles et maillot sont conçues pour vous offrir une épilation précise, hygiénique et durable.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧴 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eFormule testée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eHypoallergénique, sans parfum ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✅ Prêt à l'emploi\u003c\/h3\u003e\n \u003cp\u003eAucune préparation nécessaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💚 Zones délicates\u003c\/h3\u003e\n \u003cp\u003eFormat adapté aisselles et maillot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces bandes d'épilation Acorelle ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e📐 Format adapté aux zones sensibles\u003c\/h3\u003e\n \u003cp\u003eLa taille des bandes est spécialement étudiée pour épouser les courbes des aisselles et du maillot, permettant une application précise et un retrait efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⚡ Efficacité sur poils courts\u003c\/h3\u003e\n \u003cp\u003ePas besoin d'attendre ! Ces bandes capturent même les poils dès 2 mm pour un résultat net et soigné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e📅 Résultats durables\u003c\/h3\u003e\n \u003cp\u003eEn arrachant le poil avec sa racine, l'épilation dure entre 3 et 4 semaines. La repousse devient plus fine au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🚿 Prêtes à l'emploi\u003c\/h3\u003e\n \u003cp\u003eAucun appareil à chauffer, aucune préparation. Vous gagnez du temps et évitez les risques de brûlure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧼 Usage unique et hygiénique\u003c\/h3\u003e\n \u003cp\u003eChaque bande s'utilise une seule fois, garantissant une hygiène parfaite à chaque épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💆‍♀️ Confort optimal\u003c\/h3\u003e\n \u003cp\u003eFini les irritations et rougeurs persistantes grâce à la formule hypoallergénique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eUne formule naturelle enrichie en actifs apaisants\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eCe qui distingue cette cire épilation froide des produits conventionnels, c'est sa composition 100% d'origine naturelle avec des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eAssure une adhérence optimale sur le poil tout en formant un film protecteur sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus hydratantes et apaisantes, il calme les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et réparatrice, elle contribue à maintenir la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eFacilite le retrait de la cire tout en laissant la peau douce et soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parfum ajouté\u003c\/strong\u003e, cette formule minimise les risques d'allergies et convient même aux peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment utiliser vos bandes de cire froide ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez la bande\u003c\/h3\u003e\n \u003cp\u003eFrottez-la entre vos mains pendant quelques secondes pour activer la cire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eSéparez délicatement\u003c\/h3\u003e\n \u003cp\u003eDivisez la bande en deux parties distinctes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur la zone\u003c\/h3\u003e\n \u003cp\u003ePosez la bande sur la zone à épiler (aisselle ou maillot), peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eLissez fermement\u003c\/h3\u003e\n \u003cp\u003eDans le sens de la pousse des poils pour bien faire adhérer la cire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eRetirez d'un geste vif\u003c\/h3\u003e\n \u003cp\u003eMaintenez la peau tendue et tirez à contre-poil, au plus près de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eChangez de bande\u003c\/h3\u003e\n \u003cp\u003eLorsqu'elle est saturée de poils et n'adhère plus correctement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Si des résidus de cire subsistent, utilisez la lingette de soin après épilation incluse, ou appliquez quelques gouttes d'huile végétale pour les éliminer en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eContenu du coffret\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n \u003ch3\u003e📦 20 bandes de cire froide\u003c\/h3\u003e\n \u003cp\u003eSoit 10 doubles bandes au format spécial aisselles et maillot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n \u003ch3\u003e🧴 1 soin après épilation\u003c\/h3\u003e\n \u003cp\u003ePour apaiser la peau et éliminer les résidus de cire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eGLYCERYL ROSINATE, RICINUS COMMUNIS SEED OIL, CERA ALBA*, ARGANIA SPINOSA KERNEL OIL*, HELIANTHUS ANNUUS SEED OIL*, ALOE BARBADENSIS LEAF EXTRACT*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🌿 Garanties naturelles\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle\u003cbr\u003e\n \u003cstrong\u003e10%\u003c\/strong\u003e du total des ingrédients sont issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eRéponses à vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🌸 La cire froide est-elle adaptée aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eOui, cette formule hypoallergénique a été spécialement développée pour minimiser les réactions cutanées. L'absence de parfum et la présence d'aloe vera bio en font un choix idéal pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e📏 Quelle longueur de poils faut-il pour une épilation efficace ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eCes bandes d'épilation sont efficaces dès 2 mm de longueur de poils, ce qui vous permet de vous épiler plus régulièrement sans attendre une repousse trop visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⏱️ Combien de temps durent les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eEn arrachant le poil à la racine, les résultats durent généralement entre 3 et 4 semaines. Au fil des épilations, vous constaterez que la repousse devient plus fine et plus douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e👩 Puis-je utiliser ces bandes sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eCes bandes sont spécifiquement conçues pour les zones aisselles et maillot. Pour l'épilation du visage, nous vous recommandons d'opter pour des bandes épilation visage au format adapté à cette zone délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eNos conseils pour une épilation réussie\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧽 Exfoliez votre peau\u003c\/h3\u003e\n \u003cp\u003e24 à 48 heures avant l'épilation pour libérer les poils incarnés et faciliter leur extraction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🚫 Évitez crèmes et huiles\u003c\/h3\u003e\n \u003cp\u003eAvant l'épilation : la peau doit être parfaitement propre et sèche pour une adhérence optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👆 Tendez bien la peau\u003c\/h3\u003e\n \u003cp\u003eAu moment du retrait pour limiter l'inconfort et améliorer l'efficacité de l'arrachage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💧 Hydratez ensuite\u003c\/h3\u003e\n \u003cp\u003eDans les jours qui suivent l'épilation, en évitant les 24 premières heures pour ne pas irriter les follicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ac-cta-box\"\u003e\n \u003cp\u003e🌿 L'épilation bio, douce et efficace pour une peau soyeuse jusqu'à 4 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de doute concernant votre type de peau ou si vous suivez un traitement dermatologique, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #FAFDF7;\n --ac-white: #ffffff;\n --ac-primary: #7CB342;\n --ac-primary-dark: #558B2F;\n --ac-primary-light: #E8F5E9;\n --ac-secondary: #9CCC65;\n --ac-accent: #AED581;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e0e0e0;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #558B2F 50%, #33691E 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='%23ffffff' fill-opacity='0.1'\/%3E%3Cpath d='M10 35 Q15 45 10 55 Q5 45 10 35' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(26px, 6vw, 48px);\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.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.ac-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.6;\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(20px, 4.5vw, 32px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-ingredient {\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-card-highlight {\n background: linear-gradient(135deg, var(--ac-primary-light) 0%, var(--ac-white) 100%);\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-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(124, 179, 66, .3);\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.ac-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.ac-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ac-card {\n padding: 1.125rem;\n }\n \n .ac-section {\n margin-bottom: 1.75rem;\n }\n \n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n \n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ac-grid-compact {\n gap: .625rem;\n }\n \n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n \n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ac-timeline-content h3 {\n font-size: 14px;\n }\n \n .ac-timeline-content p {\n font-size: 13px;\n }\n \n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ac-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n \n .ac-tip-icon {\n font-size: 20px;\n }\n \n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755265384605,"sku":"LL0035","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bandes-de-cire-froide-aisselles-maillot-bio-20-bandes-acorel-ingredients.webp?v=1769850115"},{"product_id":"savon-du-baroudeur-5-en-1-homme-bio-100-g-florame","title":"Savon de Rasage Bio Homme 5 en 1 – Le Savon du Baroudeur Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon du Baroudeur 5-en-1 Florame\nPalette détectée:\n - Primaire: #3D3D3D (gris anthracite foncé du packaging - élégance masculine)\n - Secondaire: #C9A86A (or\/doré de la typographie et moustache - luxe naturel)\n - Accent: #D4A853 (orange\/ambre des textes bio - énergie naturelle)\nAmbiance: Masculine premium, naturel artisanal provençal, bio-luxe, aventurier raffiné\nPréfixe CSS: brd\n--\u003e\n\n\u003cdiv class=\"brd-premium\"\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"brd-hero\"\u003e\n \u003cdiv class=\"brd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brd-hero-content\"\u003e\n \u003cdiv class=\"brd-badges-top\"\u003e\n \u003cspan class=\"brd-badge\"\u003e🧔 5 en 1\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brd-hero-title\"\u003eSavon du Baroudeur\u003c\/span\u003e\n \u003cp class=\"brd-subtitle\"\u003eLe savon bio multi-usages de l'homme moderne\u003c\/p\u003e\n \u003cp class=\"brd-description\"\u003eCheveux, visage, barbe, corps et rasage : un seul savon artisanal aux huiles essentielles bio de cèdre Atlas et huile d'argan. Fabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 5 Usages --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🪒 Un savon, cinq usages\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔 Rasage\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse et protectrice pour une glisse parfaite. L'huile d'argan bio limite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher. Le cèdre et citron tonifient et purifient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n \u003cp\u003eMousse généreuse pour un nettoyage tonifiant. Hydrate grâce aux huiles d'olive, coco et tournesol bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eShampooing naturel tous types de cheveux. Nettoie sans alourdir, apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbe\u003c\/h3\u003e\n \u003cp\u003eAssouplit les poils, nettoie en profondeur avec les notes fraîches et boisées des huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Bienfaits --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits clés\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003eargan, olive et coco bio\u003c\/strong\u003e pour nourrir et préserver le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🪒 Rasage confort\u003c\/h3\u003e\n \u003cp\u003eMousse protectrice naturelle qui facilite le passage de la lame et réduit les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 Parfum énergisant\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches de \u003cstrong\u003ecitron\u003c\/strong\u003e et boisées de \u003cstrong\u003ecèdre Atlas\u003c\/strong\u003e pour un réveil sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide économique : un seul savon remplace 5 produits liquides. Moins de plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Ingrédients --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🧪 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eProtection et souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eVitamine E antioxydante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 HE cèdre Atlas\u003c\/h3\u003e\n \u003cp\u003eTonifie et purifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🍋 HE citron\u003c\/h3\u003e\n \u003cp\u003eRafraîchit et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pour qui --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🏃 L'homme actif\u003c\/h3\u003e\n \u003cp\u003eSimplicité et efficacité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✈️ Le voyageur\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact idéal cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌱 L'adepte du bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ L'éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Mode d'emploi --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"brd-steps\"\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eMouillez\u003c\/span\u003e\n \u003cp\u003eHumidifiez la zone à nettoyer et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eAppliquez\u003c\/span\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur le visage, la barbe, le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eRincez\u003c\/span\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Informations complémentaires (accordéon) --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"brd-accordion\"\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eConservez le savon au sec entre les utilisations pour prolonger sa durée de vie. Utilisez un porte-savon ajouré permettant l'écoulement de l'eau. Durée d'utilisation : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement à l'eau claire. Usage externe uniquement. Testé dermatologiquement. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eFabriqué artisanalement à Saint-Rémy-de-Provence par les Laboratoires Provence Nature. Certifié Cosmos Organic par Ecocert. Sans parabènes, silicones ni sulfates. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- CTA Final --\u003e\n\u003csection class=\"brd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brd-cta-box\"\u003e\n \u003cp\u003eSimplifiez votre routine avec le Savon du Baroudeur : 5 produits en 1, qualité bio certifiée et savoir-faire artisanal provençal. L'essentiel de l'homme moderne qui privilégie authenticité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brd-cream: #f9f8f6;\n --brd-white: #ffffff;\n --brd-primary: #3D3D3D;\n --brd-primary-dark: #2a2a2a;\n --brd-primary-light: #f5f4f2;\n --brd-secondary: #C9A86A;\n --brd-accent: #D4A853;\n --brd-text: #1a1a1a;\n --brd-text-light: #5a5a5a;\n --brd-border: #e5e3df;\n --brd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brd-radius: 20px;\n --brd-radius-sm: 12px;\n}\n\n.brd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.brd-hero {\n position: relative;\n background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--brd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: radial-gradient(circle at 30% 40%, var(--brd-secondary) 1px, transparent 1px);\n background-size: 24px 24px;\n}\n\n.brd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.brd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--brd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.brd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.brd-subtitle {\n color: var(--brd-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.brd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.brd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--brd-secondary), var(--brd-accent));\n border-radius: 2px;\n}\n\n.brd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brd-card {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brd-shadow-lg);\n border-color: var(--brd-secondary);\n}\n\n.brd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-grid-compact .brd-card {\n padding: 1rem;\n}\n\n.brd-grid-compact .brd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brd-grid-compact .brd-card p {\n font-size: 12px;\n}\n\n.brd-card.brd-info h3 {\n font-size: 13px;\n color: var(--brd-text-light);\n font-weight: 600;\n margin-bottom: .25rem;\n}\n\n.brd-card.brd-info p {\n font-size: 15px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n}\n\n.brd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: 1.25rem;\n box-shadow: var(--brd-shadow);\n transition: all .3s ease;\n}\n\n.brd-step:hover {\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--brd-secondary), var(--brd-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.brd-step-content {\n flex: 1;\n}\n\n.brd-step-title {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin-bottom: .25rem;\n}\n\n.brd-step-content p {\n font-size: 14px;\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-accordion {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n box-shadow: var(--brd-shadow);\n overflow: hidden;\n}\n\n.brd-accordion-item {\n border-bottom: 1px solid var(--brd-border);\n margin: 0;\n padding: 0;\n}\n\n.brd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.brd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--brd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.brd-accordion-header:hover {\n background: var(--brd-primary-light);\n}\n\n.brd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.brd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--brd-secondary);\n transition: transform .2s ease;\n}\n\n.brd-accordion-item[open] .brd-accordion-header::after {\n content: '−';\n}\n\n.brd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--brd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.brd-accordion-content p {\n margin: 0;\n}\n\n.brd-cta-box {\n background: linear-gradient(135deg, var(--brd-primary) 0%, var(--brd-primary-dark) 100%);\n border-radius: var(--brd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .brd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .brd-grid-compact {\n gap: .625rem;\n }\n \n .brd-grid-compact .brd-card {\n padding: .75rem;\n }\n \n .brd-card {\n padding: 1.125rem;\n }\n \n .brd-section {\n margin-bottom: 1.75rem;\n }\n \n .brd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brd-radius-sm);\n }\n \n .brd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .brd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .brd-step {\n padding: 1rem;\n }\n \n .brd-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .brd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .brd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .brd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .brd-card:nth-child(1) { animation-delay: .05s; }\n .brd-card:nth-child(2) { animation-delay: .1s; }\n .brd-card:nth-child(3) { animation-delay: .15s; }\n .brd-card:nth-child(4) { animation-delay: .2s; }\n .brd-card:nth-child(5) { animation-delay: .25s; }\n .brd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .brd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755274166429,"sku":"FM0545","price":7.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-du-baroudeur-5-en-1-homme-bio-100g-florame-emballage-min-121850.jpg?v=1732721628"},{"product_id":"savon-de-la-ruche-propolis-100-g-aagaard","title":"Savon de La Ruche Propolis - 100 G - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon de La Ruche Propolis - 100 G - Aagaard\nPalette détectée:\n - Primaire: #E86A33 (orange vif du packaging - bande supérieure et médiane)\n - Secondaire: #5C3D2E (brun foncé du savon lui-même)\n - Accent: #F5C16C (doré miel - hexagone et abeille)\n - Cream: #FDF6EE (crème chaud inspiré du packaging blanc)\nAmbiance: Artisanale, naturelle, tradition apicole française, authentique, chaleureuse\nPréfixe CSS: prop\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Le savon propolis Aagaard : un soin purifiant inspiré de la ruche\"\n 2. \"Pourquoi choisir un savon à la propolis pour votre peau ?\"\n 3. \"Les bienfaits concrets du savon propolis Aagaard\"\n 4. \"Pour qui est fait ce savon au miel et propolis ?\"\n 5. \"Composition complète du savon\"\n 6. \"Comment utiliser votre savon propolis au quotidien ?\"\n 7. \"L'engagement qualité Aagaard depuis 1967\"\n 8. \"Ce qu'il faut retenir\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"prop-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"prop-hero\"\u003e\n \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"prop-hero-content\"\u003e\n \u003cdiv class=\"prop-badges-top\"\u003e\n \u003cspan class=\"prop-badge\"\u003e🐝 Depuis 1967\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"prop-badge\"\u003e🌿 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"prop-hero-title\"\u003eSavon de La Ruche Propolis\u003c\/span\u003e\n \u003cp class=\"prop-subtitle\"\u003eLe trésor purifiant des abeilles — 100 g\u003c\/p\u003e\n \u003cp class=\"prop-description\"\u003eUn savon artisanal aux vertus assainissantes, enrichi en propolis et miel pour une peau nette, douce et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLe savon propolis Aagaard : un soin purifiant inspiré de la ruche\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eVous cherchez un savon au propolis authentique, formulé avec des ingrédients naturels et fabriqué artisanalement en France ? Le Savon de la Ruche Propolis Aagaard répond à cette attente avec une formulation épurée, sans huile de palme, pensée pour les peaux en quête de pureté et d'équilibre.\u003c\/p\u003e\n \u003cdiv class=\"prop-testimonial\"\u003e\n \u003cp class=\"prop-testimonial-text\"\u003e\"Depuis 1967, la maison Aagaard perpétue un savoir-faire unique autour des trésors de la ruche. Ce savon miel et propolis de 100 g incarne cette expertise : une texture généreuse, un parfum subtil et des actifs reconnus pour leurs vertus assainissantes.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon à la propolis pour votre peau ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa propolis est une résine naturelle récoltée par les abeilles pour protéger leur ruche des agressions extérieures. Utilisée depuis l'Antiquité, elle est aujourd'hui prisée en cosmétique pour ses multiples bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n \u003cp\u003eLa propolis aide à assainir la peau et à limiter la prolifération des bactéries responsables des imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e💧 Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux mixtes à grasses qui ont tendance à briller\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌸 Effet apaisant\u003c\/h3\u003e\n \u003cp\u003eElle calme les petites irritations et favorise le confort cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✨ Resserrement des pores\u003c\/h3\u003e\n \u003cp\u003ePour un grain de peau plus affiné et uniforme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn associant la propolis au miel et à des huiles végétales de qualité, ce savon propolis offre un nettoyage efficace sans jamais agresser ni dessécher votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du savon propolis Aagaard\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eCe n'est pas un simple savon de toilette. C'est un véritable soin quotidien qui travaille pour votre peau à chaque utilisation :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🫧 Purifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés, l'excès de sébum et les résidus de pollution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e💦 Hydrate naturellement\u003c\/h3\u003e\n \u003cp\u003eGrâce à la glycérine végétale naturellement présente et à l'huile d'olive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⚖️ Respecte l'équilibre cutané\u003c\/h3\u003e\n \u003cp\u003eNe perturbe pas le film hydrolipidique de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et même toilette intime grâce à ses propriétés douces et désodorisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e🎯\u003c\/span\u003e\n \u003cp\u003eLes bienfaits du savon à la propolis se révèlent particulièrement précieux si vous avez une peau sujette aux petits boutons, aux rougeurs ou aux zones de brillance. Vous remarquerez rapidement un teint plus net et une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon au miel et propolis ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eCe savon miel propolis s'adapte à différents profils et besoins :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌙 Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003ePour réguler la production de sébum et matifier naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🔬 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eBoutons, points noirs, pores dilatés trouvent un allié de choix\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🪶 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa formule douce, sans colorants artificiels ni parfums de synthèse, respecte les épidermes réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🛁 Hygiène intime\u003c\/h3\u003e\n \u003cp\u003eSes vertus purifiantes et son pH adapté en font un soin de toilette intime sûr et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents peuvent l'utiliser au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComposition complète du savon\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eChez Aagaard, la transparence est une valeur fondamentale. Voici la liste intégrale des ingrédients de ce savon propolis :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée, nourrissante et adoucissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoate\u003c\/h3\u003e\n \u003cp\u003eHuile de coco saponifiée, pour une mousse onctueuse et un pouvoir nettoyant optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau purifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧴 Glycerin\u003c\/h3\u003e\n \u003cp\u003eGlycérine végétale, hydratante naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis Cera\u003c\/h3\u003e\n \u003cp\u003eCire de propolis, l'actif star aux vertus purifiantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🍯 Mel\u003c\/h3\u003e\n \u003cp\u003eMiel, adoucissant et protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Olea Europaea Fruit Oil\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive vierge pour nourrir en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🧂 Sodium Chloride\u003c\/h3\u003e\n \u003cp\u003eSel, agent de texture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌱 Tetrasodium Glutamate Diacetate\u003c\/h3\u003e\n \u003cp\u003eAgent chélateur d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-engagements\"\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans parabènes\u003c\/span\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans colorants artificiels\u003c\/span\u003e\n \u003cspan class=\"prop-engagement-badge\"\u003e🚫 Sans parfums de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon propolis au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003ePour profiter pleinement des bienfaits du savon propolis, suivez ces quelques conseils simples :\u003c\/p\u003e\n \u003cdiv class=\"prop-timeline\"\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage à l'eau tiède, faites mousser le savon entre vos mains puis massez délicatement en évitant le contour des yeux. Rincez abondamment et séchez en tamponnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse généreusement sur peau humide, insistez sur les zones sujettes aux impuretés (dos, épaules), puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-item\"\u003e\n \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"prop-timeline-content\"\u003e\n \u003ch3\u003ePour la toilette intime\u003c\/h3\u003e\n \u003cp\u003eUtilisez une petite quantité de mousse, nettoyez en douceur et rincez soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce\u003c\/strong\u003e : pour prolonger la durée de vie de votre savon, conservez-le sur un porte-savon aéré qui lui permet de sécher entre chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"prop-section\"\u003e\n \u003ch2\u003eL'engagement qualité Aagaard depuis 1967\u003c\/h2\u003e\n \u003cp class=\"prop-section-intro\"\u003eLa maison Aagaard est une référence française dans le domaine des produits de la ruche. Chaque savon au miel et propolis est fabriqué selon une méthode artisanale respectueuse :\u003c\/p\u003e\n \u003cdiv class=\"prop-grid\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🐝 Propolis sélectionnée avec soin\u003c\/h3\u003e\n \u003cp\u003eIssue de ruches françaises et européennes rigoureusement contrôlées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire local qui garantit traçabilité et qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌍 Engagement environnemental\u003c\/h3\u003e\n \u003cp\u003eFormules biodégradables, sans ingrédients controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-tip\"\u003e\n \u003cspan class=\"prop-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce savon, vous soutenez une entreprise familiale engagée pour la protection des abeilles et la valorisation de leur travail extraordinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"prop-grid-compact\"\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e100 grammes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🎯 Type de peau\u003c\/h3\u003e\n \u003cp\u003eMixte, grasse, à imperfections, sensible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e📍 Zones d'utilisation\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, toilette intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🌿 Actifs principaux\u003c\/h3\u003e\n \u003cp\u003ePropolis, miel, huile d'olive, huile de coco\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"prop-card\"\u003e\n \u003ch3\u003e✅ Engagements\u003c\/h3\u003e\n \u003cp\u003eSans huile de palme, sans parabènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"prop-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. 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 \/* Couleurs principales *\/\n --prop-cream: #FDF6EE;\n --prop-white: #ffffff;\n --prop-primary: #E86A33;\n --prop-primary-dark: #C4531E;\n --prop-primary-light: #FEF0E8;\n --prop-secondary: #5C3D2E;\n --prop-accent: #F5C16C;\n\n \/* Textes *\/\n --prop-text: #1a1a1a;\n --prop-text-light: #5a5a5a;\n\n \/* Effets *\/\n --prop-border: #e8ddd4;\n --prop-shadow: 0 4px 24px rgba(92,61,46,.08);\n --prop-shadow-lg: 0 12px 48px rgba(92,61,46,.15);\n --prop-radius: 20px;\n --prop-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.prop-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--prop-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.prop-hero {\n position: relative;\n background: linear-gradient(135deg, var(--prop-primary) 0%, var(--prop-secondary) 60%, #3D2A1E 100%);\n border-radius: var(--prop-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(--prop-shadow-lg);\n}\n\n.prop-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 5L45 15V35L30 45L15 35V15L30 5Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.prop-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.prop-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.prop-subtitle {\n color: var(--prop-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.prop-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.prop-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.prop-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(--prop-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.prop-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.prop-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--prop-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.prop-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(--prop-primary), var(--prop-accent));\n border-radius: 2px;\n}\n\n.prop-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prop-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.prop-card {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--prop-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.prop-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--prop-shadow-lg);\n border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--prop-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.prop-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.prop-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.prop-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.prop-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.prop-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.prop-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--prop-primary), var(--prop-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: 18px;\n box-shadow: 0 4px 12px rgba(232,106,51,.3);\n}\n\n.prop-timeline-content {\n flex: 1;\n background: var(--prop-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--prop-radius-sm);\n box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--prop-secondary);\n margin: 0 0 .35rem 0;\n}\n\n.prop-timeline-content p {\n font-size: 14px;\n color: var(--prop-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.prop-testimonial {\n background: var(--prop-white);\n border-radius: var(--prop-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--prop-shadow);\n border-left: 4px solid var(--prop-primary);\n}\n\n.prop-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--prop-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.prop-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--prop-primary-light);\n border-radius: var(--prop-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(232,106,51,.15);\n}\n\n.prop-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.prop-tip p {\n font-size: 14px;\n color: var(--prop-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ENGAGEMENTS === *\/\n.prop-engagements {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.prop-engagement-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--prop-secondary), #3D2A1E);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n box-shadow: 0 4px 12px rgba(92,61,46,.2);\n}\n\n\/* === DISCLAIMER === *\/\n.prop-disclaimer {\n font-size: 12px;\n color: var(--prop-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--prop-white);\n border-radius: var(--prop-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .prop-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .prop-card {\n padding: 1.125rem;\n }\n \n .prop-section {\n margin-bottom: 1.75rem;\n }\n \n .prop-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--prop-radius-sm);\n }\n \n .prop-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .prop-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .prop-grid-compact {\n gap: .625rem;\n }\n \n .prop-grid-compact .prop-card {\n padding: .75rem;\n }\n \n .prop-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .prop-timeline-content {\n padding: 1rem;\n }\n \n .prop-timeline-content h3 {\n font-size: 14px;\n }\n \n .prop-timeline-content p {\n font-size: 13px;\n }\n \n .prop-testimonial {\n padding: 1.25rem;\n }\n \n .prop-testimonial-text {\n font-size: 14px;\n }\n \n .prop-tip {\n padding: .875rem 1rem;\n }\n \n .prop-tip-icon {\n font-size: 20px;\n }\n \n .prop-tip p {\n font-size: 13px;\n }\n \n .prop-engagements {\n gap: .5rem;\n }\n \n .prop-engagement-badge {\n padding: 8px 14px;\n font-size: 11px;\n }\n \n .prop-badges-top {\n gap: 6px;\n }\n \n .prop-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .prop-card {\n animation: fadeInUp .5s ease backwards;\n }\n .prop-card:nth-child(1) { animation-delay: .05s; }\n .prop-card:nth-child(2) { animation-delay: .1s; }\n .prop-card:nth-child(3) { animation-delay: .15s; }\n .prop-card:nth-child(4) { animation-delay: .2s; }\n .prop-card:nth-child(5) { animation-delay: .25s; }\n .prop-card:nth-child(6) { animation-delay: .3s; }\n .prop-card:nth-child(7) { animation-delay: .35s; }\n .prop-card:nth-child(8) { animation-delay: .4s; }\n .prop-card:nth-child(9) { animation-delay: .45s; }\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 .prop-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755274559645,"sku":"NBAIAAG0006","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-la-ruche-propolis-100-g-aagaard-lifestyle_e3cb9210-6c3b-44ad-a31a-abfb67895533.webp?v=1769793406"},{"product_id":"deodorant-solide-au-beurre-de-cacao-geranium-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Menthe poivrée \u0026 Géranium Bourbon - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eMenthe poivrée \u0026amp; Géranium bourbon\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne protection naturelle et efficace toute la journée, sans sel d'aluminium ni bicarbonate. Formulé avec seulement 6 ingrédients bio, dans un tube kraft recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide bio au beurre de cacao, menthe poivrée et géranium bourbon\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Le \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e de Comme Avant associe la fraîcheur vivifiante de la \u003cstrong\u003ementhe poivrée\u003c\/strong\u003e à la douceur florale du \u003cstrong\u003egéranium bourbon\u003c\/strong\u003e. Certifié bio, vegan et fabriqué artisanalement près de Marseille, il vous accompagne toute la journée sans agresser vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Zéro sel d'aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun composant controversé : ni aluminium, ni bicarbonate de soude, ni parfum synthétique. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients soigneusement sélectionnés qui neutralisent les bactéries responsables des mauvaises odeurs, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et herbacé, ni trop fleuri ni trop sucré, convient aussi bien aux femmes qu'aux hommes. Un excellent déodorant naturel mixte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous avez déjà essayé un \u003cstrong\u003edéodorant maison naturel\u003c\/strong\u003e sans être convaincu par la tenue, celui-ci pourrait bien vous surprendre : une protection fiable même lors des journées les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète — seulement des ingrédients bio\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLa force de ce déodorant réside dans sa \u003cstrong\u003eformule courte et transparente\u003c\/strong\u003e, composée d'ingrédients 100 % d'origine naturelle et issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eBase fondante qui hydrate, adoucit et protège la peau des aisselles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et forme un film protecteur léger sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eAbsorbe naturellement l'humidité pour une sensation de sec durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation cutanée et facilite l'application du stick sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate et possède des propriétés antibactériennes puissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌸 Géranium bourbon bio\u003c\/h3\u003e\n \u003cp\u003eApporte une note florale subtile et contribue à réguler la transpiration naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Theobroma Cacao Seed Butter*, Helianthus Annuus Seed Oil*, Zea Mays Starch*, Glycerin, Mentha Piperita Oil*, Pelargonium Graveolens Oil*. \u003cem\u003e(*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePoussez le stick\u003c\/h3\u003e\n \u003cp\u003eAppuyez légèrement sur la base du tube kraft pour faire remonter le déodorant solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une fine couche\u003c\/h3\u003e\n \u003cp\u003ePassez le stick directement sur des aisselles propres et sèches, en une ou deux glissades.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques secondes avant de vous habiller pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps froid, le beurre de cacao peut durcir. Réchauffez le stick quelques instants entre vos mains pour ramollir la surface. En été, conservez-le dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn emballage zéro déchet, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Kraft recyclé\u003c\/h3\u003e\n \u003cp\u003eTube push-up en kraft recyclé et 100 % recyclable, sans plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🪶 Format nomade\u003c\/h3\u003e\n \u003cp\u003e50 g facile à glisser dans un sac ou une trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏭 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main dans les ateliers de Comme Avant, près de Marseille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Certifié\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic et labellisé Slow Cosmétique pour une transparence totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🩹 Application et réactions\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau irritée ou lésée. En cas de réaction cutanée, cessez immédiatement l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe déodorant ne constitue pas un anti-transpirant médical et ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine naturelle et zéro déchet avec le déodorant solide Comme Avant — votre peau et la planète vous diront merci.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eLes produits cosmétiques naturels ne sont pas des médicaments. Les résultats peuvent varier d'une personne à l'autre.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #f7f3ef;\n --deo-white: #ffffff;\n --deo-primary: #c4956a;\n --deo-primary-dark: #7a5a3a;\n --deo-primary-light: #f3ebe3;\n --deo-secondary: #d4a574;\n --deo-accent: #a8c5a0;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e4ddd5;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5a3a 0%, #c4956a 50%, #d4a574 100%);\n border-radius: var(--deo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--deo-shadow-lg);\n}\n\n.deo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n opacity: .5;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.deo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--deo-primary), var(--deo-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.deo-inci-box {\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-inci-box p {\n font-size: 13px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.deo-cta-box {\n background: linear-gradient(135deg, var(--deo-primary) 0%, var(--deo-primary-dark) 100%);\n border-radius: var(--deo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.deo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755279933597,"sku":"NBAICAV0052","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-menthe-poivree-geranium--packshothd.webp?v=1776174011"},{"product_id":"soin-anti-poils-incarnes-bio-acorelle","title":"Soin Anti-Poils Incarnés Bio – 50 ml – Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Anti-Poils Incarnés Bio – 50 ml – Acorelle\nPalette détectée:\n - Primaire: #D4A04A (doré miel du packaging)\n - Secondaire: #C67B30 (orange ambré des alvéoles)\n - Accent: #8B6914 (brun doré foncé)\n - Cream: #FDF8F0 (beige crème clair)\nAmbiance: Naturelle\/Bio, douce et rassurante, univers apicole\/miel, féminin mais universel\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi les poils incarnés apparaissent-ils ?\"\n 2. \"Comment agit le soin anti-poils incarnés Acorelle ?\"\n 3. \"Pour qui est fait ce soin ?\"\n 4. \"Les atouts du format spray\"\n 5. \"Comment utiliser ce soin pour des résultats optimaux ?\"\n 6. \"Liste complète des ingrédients (INCI)\"\n 7. \"Décryptage des actifs clés\"\n 8. \"Certifications et engagements qualité\"\n 9. \"Vos questions fréquentes sur les poils incarnés\"\n 10. \"Notre conseil pour maximiser l'efficacité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🐝 Extrait de miel bio\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eSoin Anti-Poils Incarnés Bio\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003eAcorelle • 50 ml\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003eLibérez votre peau des poils incarnés grâce à la douceur des AHA naturels et du miel bio. Fini les boutons, rougeurs et inconfort : retrouvez une peau lisse et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003ePourquoi les poils incarnés apparaissent-ils ?\u003c\/h2\u003e\n \u003cp class=\"api-section-intro\"\u003eLes poils incarnés se forment lorsqu'un poil se recourbe et reste piégé sous la peau, provoquant inflammations et boutons. Les zones les plus touchées : maillot, jambes, aisselles et barbe.\u003c\/p\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🧴 Cellules mortes\u003c\/h3\u003e\n \u003cp\u003eUne peau qui accumule les cellules mortes en surface bloque la sortie du poil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌀 Poil fin ou frisé\u003c\/h3\u003e\n \u003cp\u003eUn poil qui peine à percer l'épiderme se recourbe sous la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e✂️ Épilation\/rasage\u003c\/h3\u003e\n \u003cp\u003eUne épilation ou un rasage répété fragilise la peau et favorise les incarnations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👖 Vêtements serrés\u003c\/h3\u003e\n \u003cp\u003eLes frottements répétés empêchent le poil de pousser normalement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-tip\"\u003e\n \u003cspan class=\"api-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLa solution ?\u003c\/strong\u003e Un soin exfoliant doux et régulier qui aide la peau à se renouveler et libère le passage au poil lors de sa repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eComment agit le soin anti-poils incarnés Acorelle ?\u003c\/h2\u003e\n \u003cp class=\"api-section-intro\"\u003eUne formule bio triple action qui traite le problème à la source.\u003c\/p\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card api-card-highlight\"\u003e\n \u003ch3\u003e🍋 Exfoliation douce aux AHA\u003c\/h3\u003e\n \u003cp\u003eL'acide lactique élimine délicatement les cellules mortes et stimule le renouvellement cellulaire sans agresser, même sur le maillot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card api-card-highlight\"\u003e\n \u003ch3\u003e🍯 Action purifiante au miel\u003c\/h3\u003e\n \u003cp\u003eL'alcool de blé bio et le miel bio assainissent la peau et limitent la prolifération bactérienne responsable des boutons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card api-card-highlight\"\u003e\n \u003ch3\u003e🌱 Effet apaisant immédiat\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera bio calme les irritations tandis que l'arginine et la glycérine maintiennent une hydratation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003ePour qui est fait ce soin ?\u003c\/h2\u003e\n \u003cp class=\"api-section-intro\"\u003eCe soin convient à tous les types de peau, y compris les peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🦵 Après épilation\u003c\/h3\u003e\n \u003cp\u003eCire, épilateur ou rasoir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👙 Zone maillot\u003c\/h3\u003e\n \u003cp\u003eDoux pour les zones délicates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🧔 Hommes\u003c\/h3\u003e\n \u003cp\u003eIdéal pour la zone barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eCertifié et naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes atouts du format spray\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🧼 Hygiénique\u003c\/h3\u003e\n \u003cp\u003ePas de contact direct avec le produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e💧 Dosage précis\u003c\/h3\u003e\n \u003cp\u003eJuste ce qu'il faut, sans gaspillage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e✨ Homogène\u003c\/h3\u003e\n \u003cp\u003eDiffusion uniforme sur la zone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003e50 ml compact et léger\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin pour des résultats optimaux ?\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eJuste après l'épilation\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les zones épilées ou rasées. L'action purifiante prévient immédiatement les risques d'infection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eEn soin quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez une fois par jour le soir sur peau propre et sèche. La régularité est la clé du succès !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eEn cure intensive\u003c\/h3\u003e\n \u003cp\u003eSi vous avez déjà des poils incarnés, utilisez matin ET soir pendant 2 à 3 semaines pour une nette amélioration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-tip\"\u003e\n \u003cspan class=\"api-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses. N'appliquez pas sur une peau irritée ou abîmée. Réservé à l'usage externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"api-inci-box\"\u003e\n \u003cp\u003eAqua (Water), Alcohol**, Lactic Acid, Glycerin**, Parfum (Fragrance), Sodium Hydroxide, Mel (Honey)*, Arginine, Aloe Barbadensis Leaf Juice Powder*, Citronellol, Limonene, Linalool.\u003c\/p\u003e\n \u003cdiv class=\"api-inci-legend\"\u003e\n \u003cspan\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n \u003cspan\u003e**Transformés à partir d'ingrédients biologiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-stats\"\u003e\n \u003cdiv class=\"api-stat\"\u003e\n \u003cspan class=\"api-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"api-stat-label\"\u003ed'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-stat\"\u003e\n \u003cspan class=\"api-stat-number\"\u003e63%\u003c\/span\u003e\n \u003cspan class=\"api-stat-label\"\u003eissus de l'agriculture bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eDécryptage des actifs clés\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍋 Acide lactique\u003c\/h3\u003e\n \u003cp\u003eAHA naturel qui exfolie en douceur et favorise le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n \u003cp\u003eAntibactérien naturel aux vertus cicatrisantes et nourrissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate et accélère la régénération cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation et protège la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🧬 Arginine\u003c\/h3\u003e\n \u003cp\u003eAcide aminé qui favorise la cicatrisation et le confort cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌾 Alcool de blé bio\u003c\/h3\u003e\n \u003cp\u003ePurifie et assainit sans dessécher la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eEcocert \u0026amp; Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🔬 Testé dermato\u003c\/h3\u003e\n \u003cp\u003eEfficacité validée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eMinimise les réactions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🚫 Sans parabène\u003c\/h3\u003e\n \u003cp\u003eComposition clean\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e✨ Format 50 ml\u003c\/h3\u003e\n \u003cp\u003ePratique et économique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eVos questions fréquentes sur les poils incarnés\u003c\/h2\u003e\n \u003cdiv class=\"api-accordion\"\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👙 Ce soin convient-il pour le maillot intégral ?\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eOui, ce soin anti-poils incarnés maillot est parfaitement adapté à cette zone sensible. Sa formule douce et sa texture non grasse permettent une application confortable, même sur les parties les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🌸 Puis-je l'utiliser si j'ai la peau sensible ?\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Ce soin a été testé sous contrôle dermatologique et formulé pour être hypoallergénique. Si vous avez une peau très réactive, effectuez un test sur une petite zone avant la première utilisation complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eLes premiers effets (peau plus lisse, moins de boutons) sont généralement visibles après 1 à 2 semaines d'utilisation quotidienne. Pour un résultat optimal sur les poils déjà incarnés, comptez 3 à 4 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🧔 Les hommes peuvent-ils l'utiliser pour la barbe ?\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eTout à fait ! Ce soin est très apprécié des hommes qui souffrent de poils incarnés sur le visage après le rasage. Appliquez-le quotidiennement sur la zone de la barbe pour prévenir les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e💊 Quelle différence avec un produit de pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eContrairement à de nombreux soins anti-poils incarnés vendus en pharmacie, cette lotion Acorelle est 100 % d'origine naturelle et certifiée bio. Elle ne contient ni parabène, ni ingrédient de synthèse potentiellement irritant, tout en offrant une efficacité comparable voire supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 10 --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre conseil pour maximiser l'efficacité\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eExfoliez avant\u003c\/h3\u003e\n \u003cp\u003eGommage doux 24 à 48h avant l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eÉpilez propre\u003c\/h3\u003e\n \u003cp\u003eToujours sur peau propre et sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eAppliquez immédiatement\u003c\/h3\u003e\n \u003cp\u003eLe soin juste après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eContinuez chaque jour\u003c\/h3\u003e\n \u003cp\u003eJusqu'à la prochaine épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eÉvitez les frottements\u003c\/h3\u003e\n \u003cp\u003ePas de vêtements serrés après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003e🐝 Avec cette routine et le soin anti-poils incarnés Acorelle, vous mettez toutes les chances de votre côté pour une peau douce, nette et sans imperfections !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"api-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --api-cream: #FDF8F0;\n --api-white: #ffffff;\n --api-primary: #D4A04A;\n --api-primary-dark: #8B6914;\n --api-primary-light: #FFF8E7;\n --api-secondary: #C67B30;\n --api-accent: #E8B84A;\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n --api-border: #e8e0d4;\n --api-shadow: 0 4px 24px rgba(139,105,20,.08);\n --api-shadow-lg: 0 12px 48px rgba(139,105,20,.15);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A04A 0%, #C67B30 50%, #8B6914 100%);\n border-radius: var(--api-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--api-shadow-lg);\n}\n\n.api-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L45 15L45 45L30 60L15 45L15 15Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.api-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.api-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.api-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.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.api-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--api-primary), var(--api-secondary));\n border-radius: 2px;\n}\n\n.api-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--api-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.api-card-highlight {\n border-left: 4px solid var(--api-primary);\n}\n\n.api-grid-compact .api-card {\n padding: 1rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.api-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--api-primary-light);\n border-radius: var(--api-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.api-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.api-tip p {\n font-size: 14px;\n color: var(--api-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1rem 1.25rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INCI BOX === *\/\n.api-inci-box {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n margin-bottom: 1.5rem;\n}\n\n.api-inci-box \u003e p {\n font-size: 13px;\n color: var(--api-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n font-family: 'Courier New', monospace;\n}\n\n.api-inci-legend {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n font-size: 12px;\n color: var(--api-text-light);\n font-style: italic;\n}\n\n\/* === STATS === *\/\n.api-stats {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.api-stat {\n text-align: center;\n}\n\n.api-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--api-primary);\n line-height: 1;\n}\n\n.api-stat-label {\n display: block;\n font-size: 13px;\n color: var(--api-text-light);\n margin-top: .25rem;\n}\n\n\/* === ACCORDION === *\/\n.api-accordion {\n background: var(--api-white);\n border-radius: var(--api-radius);\n box-shadow: var(--api-shadow);\n overflow: hidden;\n}\n\n.api-accordion-item {\n border-bottom: 1px solid var(--api-border);\n margin: 0;\n padding: 0;\n}\n\n.api-accordion-item:last-child {\n border-bottom: none;\n}\n\n.api-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--api-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.api-accordion-header:hover {\n background: var(--api-primary-light);\n}\n\n.api-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.api-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--api-primary);\n transition: transform .2s ease;\n}\n\n.api-accordion-item[open] .api-accordion-header::after {\n content: '−';\n}\n\n.api-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--api-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.api-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.api-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.api-disclaimer {\n font-size: 12px;\n color: var(--api-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-grid-compact {\n gap: .625rem;\n }\n \n .api-grid-compact .api-card {\n padding: .75rem;\n }\n \n .api-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .api-timeline-content {\n padding: .875rem 1rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .api-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .api-stats {\n gap: 1.5rem;\n }\n \n .api-stat-number {\n font-size: 36px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .api-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755306246301,"sku":"LL0005","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-anti-poils-incarnes-bio-50-ml-acorelle-ingredients_861ce4c7-c417-4e19-997a-5efa7a96a751.webp?v=1769850203"},{"product_id":"cire-orientale-bio-sucre-et-ylang-pour-le-corps-300-g-acorelle","title":"Cire Orientale avec Bandes certifiée bio – 300g – Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cire Orientale Bio Acorelle\nPalette détectée:\n - Primaire: #8B6914 (marron doré\/caramel de la cire et du pot)\n - Secondaire: #E8A030 (orange chaud du packaging et de la fleur d'ylang)\n - Accent: #5C4A1F (marron foncé du pot)\n - Fond: #F9F6F0 (beige crème naturel)\nAmbiance: Naturel, bio, oriental, chaleureux, féminin, doux\nPréfixe CSS: co\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Informations supplémentaires\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"co-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"co-hero\"\u003e\n \u003cdiv class=\"co-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"co-hero-content\"\u003e\n \u003cdiv class=\"co-badges-top\"\u003e\n \u003cspan class=\"co-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"co-badge\"\u003e🏆 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"co-badge\"\u003e🌍 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"co-hero-title\"\u003eCire Orientale Bio\u003c\/span\u003e\n \u003cp class=\"co-subtitle\"\u003eL'épilation douce aux secrets de l'Orient\u003c\/p\u003e\n \u003cp class=\"co-description\"\u003eUne formule ancestrale enrichie en sucre de canne bio et ylang-ylang pour une peau soyeuse jusqu'à 4 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"co-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir cette cire orientale ?\u003c\/h2\u003e\n \u003cdiv class=\"co-grid\"\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulée spécialement pour les peaux fragiles et les personnes souffrant de problèmes de circulation sanguine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e⏱️ Résultats durables\u003c\/h3\u003e\n \u003cp\u003eUne épilation précise même sur les poils les plus courts, avec des résultats qui durent jusqu'à 4 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e🔥 Sans chauffage\u003c\/h3\u003e\n \u003cp\u003eTexture souple et onctueuse qui s'étale en fines couches sans chauffage préalable, zéro risque de brûlure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eBandes lavables et réutilisables jusqu'à 3 fois, pour une épilation respectueuse de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e💛 Apaisante\u003c\/h3\u003e\n \u003cp\u003eEnrichie en glycérine naturelle et huile essentielle d'ylang-ylang aux propriétés calmantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eFormat généreux de 300g idéal pour plusieurs utilisations, une solution pratique et économique\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=\"co-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"co-section-intro\"\u003ePour une consistance épaisse et optimale, chauffez la cire au micro-ondes ou au bain-marie par tranches de 10 secondes.\u003c\/p\u003e\n \u003cdiv class=\"co-timeline\"\u003e\n \u003cdiv class=\"co-timeline-item\"\u003e\n \u003cdiv class=\"co-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"co-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAssurez-vous que la peau soit propre, sèche et saine avant l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-timeline-item\"\u003e\n \u003cdiv class=\"co-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"co-timeline-content\"\u003e\n \u003ch3\u003eAppliquez la cire\u003c\/h3\u003e\n \u003cp\u003eÉtalez une petite quantité à l'aide de la spatule en respectant le sens de pousse des poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-timeline-item\"\u003e\n \u003cdiv class=\"co-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"co-timeline-content\"\u003e\n \u003ch3\u003ePositionnez la bande\u003c\/h3\u003e\n \u003cp\u003ePlacez une bande de coton sur la cire, puis appuyez fermement avec la paume de la main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-timeline-item\"\u003e\n \u003cdiv class=\"co-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"co-timeline-content\"\u003e\n \u003ch3\u003eRetirez d'un geste sec\u003c\/h3\u003e\n \u003cp\u003eTirez d'un coup sec à contre-sens de la pousse des poils, parallèlement à la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-timeline-item\"\u003e\n \u003cdiv class=\"co-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"co-timeline-content\"\u003e\n \u003ch3\u003eRincez et réutilisez\u003c\/h3\u003e\n \u003cp\u003eRincez les résidus à l'eau tiède. Les bandes peuvent être réutilisées jusqu'à 3 fois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-tip\"\u003e\n \u003cspan class=\"co-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Testez la cire sur une petite zone 24h avant la première utilisation pour vérifier la tolérance de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"co-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"co-grid\"\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e🍯 Glucose \u0026amp; Sucrose*\u003c\/h3\u003e\n \u003cp\u003eAdhérents naturels issus du sucre de canne biologique du Paraguay\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e💧 Glycerin\u003c\/h3\u003e\n \u003cp\u003eHydratant et liant naturel pour une peau douce après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e🍋 Citric Acid\u003c\/h3\u003e\n \u003cp\u003eRégule le pH de la formule pour respecter l'équilibre de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e🌼 Eau de Camomille\u003c\/h3\u003e\n \u003cp\u003eExtrait d'Anthemis Nobilis aux vertus apaisantes et anti-irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"co-card\"\u003e\n \u003ch3\u003e🌺 Huile d'Ylang-Ylang\u003c\/h3\u003e\n \u003cp\u003eParfum 100% naturel aux propriétés calmantes et relaxantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"co-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION INFORMATIONS SUPPLÉMENTAIRES --\u003e\n \u003csection class=\"co-section\"\u003e\n \u003ch2\u003eInformations supplémentaires\u003c\/h2\u003e\n \u003cdiv class=\"co-accordion\"\u003e\n \u003cdetails class=\"co-accordion-item\"\u003e\n \u003csummary class=\"co-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"co-accordion-content\"\u003e\n \u003cp\u003ePot de 300g avec spatule et bandes réutilisables incluses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"co-accordion-item\"\u003e\n \u003csummary class=\"co-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n \u003cdiv class=\"co-accordion-content\"\u003e\n \u003cp\u003eCosmos Organic certifié par ECOCERT Greenlife – garantie d'une formule 100% d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"co-accordion-item\"\u003e\n \u003csummary class=\"co-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"co-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser sur une peau irritée, lésée ou après une exposition au soleil. Respecter les instructions de chauffe et de stockage. Testez la cire avant chaque première utilisation pour éviter toute réaction allergique.\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=\"co-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"co-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le rituel de beauté oriental qu'elle mérite\u003cbr\u003e\u003cstrong\u003eUne épilation douce, naturelle et longue durée\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --co-cream: #FAF7F2;\n --co-white: #ffffff;\n --co-primary: #C4920A;\n --co-primary-dark: #8B6914;\n --co-primary-light: #FEF8E8;\n --co-secondary: #E8A030;\n --co-accent: #5C4A1F;\n --co-text: #1a1a1a;\n --co-text-light: #5a5a5a;\n --co-border: #e8e0d4;\n --co-shadow: 0 4px 24px rgba(139,105,20,.1);\n --co-shadow-lg: 0 12px 48px rgba(139,105,20,.18);\n --co-radius: 20px;\n --co-radius-sm: 12px;\n}\n\n.co-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--co-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.co-hero {\n position: relative;\n background: linear-gradient(135deg, #C4920A 0%, #E8A030 50%, #8B6914 100%);\n border-radius: var(--co-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(--co-shadow-lg);\n}\n\n.co-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-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20zm30 0c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.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.co-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.co-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.co-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(--co-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.co-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.co-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.co-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.co-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.6;\n}\n\n\/* === SECTIONS === *\/\n.co-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.co-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--co-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.co-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(--co-primary), var(--co-secondary));\n border-radius: 2px;\n}\n\n.co-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--co-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLE === *\/\n.co-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.co-card {\n background: var(--co-white);\n border-radius: var(--co-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--co-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.co-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--co-shadow-lg);\n border-color: var(--co-primary);\n}\n\n.co-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--co-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.co-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--co-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.co-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.co-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.co-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--co-primary), var(--co-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.co-timeline-content {\n flex: 1;\n background: var(--co-white);\n padding: 1rem 1.25rem;\n border-radius: var(--co-radius-sm);\n box-shadow: var(--co-shadow);\n}\n\n.co-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--co-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.co-timeline-content p {\n font-size: 14px;\n color: var(--co-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.co-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--co-primary-light);\n border-radius: var(--co-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.co-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.co-tip p {\n font-size: 14px;\n color: var(--co-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.co-accordion {\n background: var(--co-white);\n border-radius: var(--co-radius);\n box-shadow: var(--co-shadow);\n overflow: hidden;\n}\n\n.co-accordion-item {\n border-bottom: 1px solid var(--co-border);\n margin: 0;\n padding: 0;\n}\n\n.co-accordion-item:last-child {\n border-bottom: none;\n}\n\n.co-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--co-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.co-accordion-header:hover {\n background: var(--co-primary-light);\n}\n\n.co-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.co-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--co-primary);\n transition: transform .2s ease;\n}\n\n.co-accordion-item[open] .co-accordion-header::after {\n content: '−';\n}\n\n.co-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--co-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.co-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.co-cta-box {\n background: linear-gradient(135deg, var(--co-primary) 0%, var(--co-primary-dark) 100%);\n border-radius: var(--co-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.co-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.co-disclaimer {\n font-size: 12px;\n color: var(--co-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 .co-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .co-card {\n padding: 1.125rem;\n }\n \n .co-section {\n margin-bottom: 1.75rem;\n }\n \n .co-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--co-radius-sm);\n }\n \n .co-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .co-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .co-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .co-timeline-content {\n padding: .875rem 1rem;\n }\n \n .co-timeline-content h3 {\n font-size: 14px;\n }\n \n .co-timeline-content p {\n font-size: 13px;\n }\n \n .co-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .co-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .co-card {\n animation: fadeInUp .5s ease backwards;\n }\n .co-card:nth-child(1) { animation-delay: .05s; }\n .co-card:nth-child(2) { animation-delay: .1s; }\n .co-card:nth-child(3) { animation-delay: .15s; }\n .co-card:nth-child(4) { animation-delay: .2s; }\n .co-card:nth-child(5) { animation-delay: .25s; }\n .co-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 .co-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755306770589,"sku":"LL0015","price":14.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cire-orientale-avec-bandes-certifiee-bio-300g-acorelle-ingredients_3daa95cd-ed26-4e76-a8d1-81b3e11aabda.webp?v=1769850197"},{"product_id":"shampoing-cheveux-gris-et-blancs-bio-500-ml-coslys","title":"Shampoing anti-jaunissement - Cheveux Gris, Blancs \u0026 Blonds - 500 ml - Coslys","description":"\u003cdiv class=\"csl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"csl-hero\"\u003e\n \u003cdiv class=\"csl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"csl-hero-content\"\u003e\n \u003cdiv class=\"csl-badges-top\"\u003e\n \u003cspan class=\"csl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"csl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"csl-badge\"\u003e🧴 97,5 % naturel\u003c\/span\u003e\n \u003cspan class=\"csl-badge\"\u003e🚫 0 % silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"csl-hero-title\"\u003eShampoing anti-jaunissement\u003c\/span\u003e\n \u003cp class=\"csl-subtitle\"\u003eCoslys — 500 ml\u003c\/p\u003e\n \u003cp class=\"csl-description\"\u003eNeutralisez les reflets jaunes et révélez l'éclat naturel de vos cheveux gris, blancs et blonds grâce à la puissance du bleuet des champs bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"csl-section\"\u003e\n \u003ch2\u003eShampoing anti-jaunissement à la centaurée bio : l'allié des cheveux gris, blancs et blonds\u003c\/h2\u003e\n \u003cp class=\"csl-section-intro\"\u003eVos cheveux blancs ou gris tirent vers le jaune ? C'est un phénomène très courant, lié à la pollution, au calcaire de l'eau ou encore à l'exposition solaire.\u003c\/p\u003e\n \u003cdiv class=\"csl-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eshampoing anti-jaunissement Coslys\u003c\/strong\u003e à la \u003cstrong\u003ecentaurée bio\u003c\/strong\u003e a été spécialement conçu pour neutraliser ces reflets indésirables et redonner à votre chevelure tout son éclat naturel. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, il offre une alternative naturelle et efficace aux shampoings déjaunisseurs conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"csl-section\"\u003e\n \u003ch2\u003ePourquoi les cheveux blancs et gris jaunissent-ils ?\u003c\/h2\u003e\n \u003cdiv class=\"csl-card csl-card-full\"\u003e\n \u003cp\u003eAvec le temps, les \u003cstrong\u003echeveux blancs\u003c\/strong\u003e et \u003cstrong\u003echeveux gris\u003c\/strong\u003e perdent leur pigment naturel, ce qui les rend plus vulnérables aux dépôts extérieurs. Le calcaire, la fumée de cigarette, certains produits coiffants et même les rayons UV peuvent déposer un voile jaunâtre sur la fibre capillaire.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eUn \u003cstrong\u003eshampoing pour cheveux blancs\u003c\/strong\u003e adapté permet de contrer ce phénomène en douceur, sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-grid-compact\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e💧 Calcaire\u003c\/h3\u003e\n \u003cp\u003eL'eau dure dépose des minéraux qui ternissent la fibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e☀️ UV\u003c\/h3\u003e\n \u003cp\u003eLes rayons solaires oxydent les cheveux et jaunissent les reflets\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🌫️ Pollution\u003c\/h3\u003e\n \u003cp\u003eParticules fines et fumées créent un voile terne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🧴 Produits\u003c\/h3\u003e\n \u003cp\u003eCertains soins coiffants laissent des résidus jaunâtres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"csl-section\"\u003e\n \u003ch2\u003eLes bienfaits de la centaurée bio sur votre chevelure\u003c\/h2\u003e\n \u003cp class=\"csl-section-intro\"\u003eLa centaurée, aussi appelée bleuet des champs, est reconnue depuis longtemps pour ses \u003cstrong\u003epigments bleutés naturels\u003c\/strong\u003e. Dans ce shampoing pour cheveux gris et blonds, elle joue un rôle clé :\u003c\/p\u003e\n \u003cdiv class=\"csl-grid\"\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e💜 Neutralise les reflets jaunes\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses pigments violacés naturels, elle corrige optiquement les tonalités chaudes pour des cheveux sans jaunissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e✨ Ravive l'éclat\u003c\/h3\u003e\n \u003cp\u003eRedonne luminosité et fraîcheur aux cheveux blancs, gris et blonds pour une chevelure éclatante de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🌸 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003ePropriétés adoucissantes et anti-irritantes qui calment les cuirs chevelus sensibles et réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🛡️ Protège la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eForme un bouclier naturel contre les agressions environnementales quotidiennes (pollution, UV, calcaire).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"csl-section\"\u003e\n \u003ch2\u003eUne formule propre et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"csl-section-intro\"\u003eCe shampoing cheveux blancs Coslys se distingue par sa composition exemplaire. Avec \u003cstrong\u003e97,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e0 % de silicone\u003c\/strong\u003e, il respecte votre chevelure autant que la planète.\u003c\/p\u003e\n \u003cdiv class=\"csl-grid-compact\"\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🌾 Centaurée bio\u003c\/h3\u003e\n \u003cp\u003eExtrait biologique de bleuet des champs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🧼 Base douce\u003c\/h3\u003e\n \u003cp\u003eBase lavante végétale sans sulfates (SLS\/ALS)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003cp\u003eNi silicone, ni paraben dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux (One Voice)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-tip\"\u003e\n \u003cspan class=\"csl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous recherchez un \u003cstrong\u003eshampoing colorant pour cheveux blancs\u003c\/strong\u003e naturel, cette formule agit comme un véritable soin déjaunisseur sans pigments synthétiques agressifs. Il ne colore pas à proprement parler, mais corrige et sublime les reflets de votre chevelure à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"csl-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing anti-jaunissement ?\u003c\/h2\u003e\n \u003cdiv class=\"csl-timeline\"\u003e\n \u003cdiv class=\"csl-timeline-item\"\u003e\n \u003cdiv class=\"csl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de produit sur \u003cstrong\u003echeveux mouillés\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-item\"\u003e\n \u003cdiv class=\"csl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu et les longueurs pour créer une mousse légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-item\"\u003e\n \u003cdiv class=\"csl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 2 à 3 minutes\u003c\/h3\u003e\n \u003cp\u003ePour un effet déjaunissant optimal, laissez poser le produit avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-item\"\u003e\n \u003cdiv class=\"csl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"csl-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Utilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-tip\"\u003e\n \u003cspan class=\"csl-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour les cheveux blonds méchés ou décolorés, ce shampoing fonctionne également très bien en soin d'entretien entre deux colorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"csl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce shampoing Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"csl-grid\"\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🤍 Cheveux blancs et gris\u003c\/h3\u003e\n \u003cp\u003eIdéal pour neutraliser les reflets jaunes et retrouver un blanc lumineux et éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e💛 Cheveux blonds clairs\u003c\/h3\u003e\n \u003cp\u003eParfait pour entretenir la fraîcheur de votre blond et sublimer les reflets froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-card\"\u003e\n \u003ch3\u003e🧏 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule douce et naturelle est adaptée à un usage régulier, même sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csl-cta-box\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003e500 ml\u003c\/strong\u003e — Un format généreux pour plusieurs semaines d'éclat naturel sans reflets jaunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"csl-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis dermatologique en cas de problème de cuir chevelu persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --csl-cream: #f5f3f7;\n --csl-white: #ffffff;\n --csl-primary: #7b6ea7;\n --csl-primary-dark: #4a3d6e;\n --csl-primary-light: #ede8f5;\n --csl-secondary: #6a9fd8;\n --csl-accent: #c4a0e0;\n --csl-text: #1a1a1a;\n --csl-text-light: #5a5a5a;\n --csl-border: #e0dde5;\n --csl-shadow: 0 4px 24px rgba(75, 61, 110, .08);\n --csl-shadow-lg: 0 12px 48px rgba(75, 61, 110, .15);\n --csl-radius: 20px;\n --csl-radius-sm: 12px;\n}\n\n.csl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--csl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.csl-hero {\n position: relative;\n background: linear-gradient(135deg, #4a3d6e 0%, #7b6ea7 40%, #6a9fd8 100%);\n border-radius: var(--csl-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(--csl-shadow-lg);\n}\n\n.csl-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(196,160,224,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(106,159,216,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.csl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.csl-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.csl-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.csl-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.csl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.csl-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(--csl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.csl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.csl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--csl-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.csl-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(--csl-primary), var(--csl-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.csl-card {\n background: var(--csl-white);\n border-radius: var(--csl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--csl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.csl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--csl-shadow-lg);\n border-color: var(--csl-primary);\n}\n\n.csl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--csl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.csl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csl-card-full {\n text-align: left;\n}\n\n.csl-card-full p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--csl-text);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.csl-highlight-box {\n background: var(--csl-white);\n border-radius: var(--csl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--csl-shadow);\n border-left: 4px solid var(--csl-accent);\n}\n\n.csl-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--csl-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.csl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.csl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.csl-grid-compact .csl-card {\n padding: 1rem;\n}\n\n.csl-grid-compact .csl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.csl-grid-compact .csl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.csl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.csl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.csl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--csl-primary), var(--csl-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.csl-timeline-content {\n flex: 1;\n background: var(--csl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--csl-radius-sm);\n box-shadow: var(--csl-shadow);\n}\n\n.csl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--csl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.csl-timeline-content p {\n font-size: 14px;\n color: var(--csl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.csl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--csl-primary-light);\n border-radius: var(--csl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.csl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.csl-tip p {\n font-size: 14px;\n color: var(--csl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.csl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--csl-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\/* === CTA FINAL === *\/\n.csl-cta-box {\n background: linear-gradient(135deg, var(--csl-primary) 0%, var(--csl-primary-dark) 100%);\n border-radius: var(--csl-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.csl-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.csl-disclaimer {\n font-size: 12px;\n color: var(--csl-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 .csl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .csl-card {\n padding: 1.125rem;\n }\n\n .csl-section {\n margin-bottom: 1.75rem;\n }\n\n .csl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--csl-radius-sm);\n }\n\n .csl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .csl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .csl-grid-compact {\n gap: .625rem;\n }\n\n .csl-grid-compact .csl-card {\n padding: .75rem;\n }\n\n .csl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .csl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .csl-timeline-content h3 {\n font-size: 14px;\n }\n\n .csl-timeline-content p {\n font-size: 13px;\n }\n\n .csl-highlight-box {\n padding: 1.25rem;\n }\n\n .csl-card-full p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .csl-card {\n animation: cslFadeInUp .5s ease backwards;\n }\n .csl-card:nth-child(1) { animation-delay: .05s; }\n .csl-card:nth-child(2) { animation-delay: .1s; }\n .csl-card:nth-child(3) { animation-delay: .15s; }\n .csl-card:nth-child(4) { animation-delay: .2s; }\n .csl-card:nth-child(5) { animation-delay: .25s; }\n .csl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cslFadeInUp {\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 .csl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":45755319320733,"sku":"NBAILYS0019","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-anti-jaunissement-cheveux-gris-blancs-blonds-500-m-packshothd.webp?v=1775988266"},{"product_id":"bandes-depilatoires-hypoallergeniques-visage-20-bandes-acorelle","title":"24 Bandes Dépilatoires cire froide Visage - Hypoallergénique - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bandes Dépilatoires Cire Froide Visage Acorelle\nPalette détectée:\n - Primaire: #7CB342 (vert aloe vera\/nature du packaging)\n - Secondaire: #558B2F (vert foncé pour les accents)\n - Accent: #8BC34A (vert clair lumineux)\n - Fond: #F9FBF7 (blanc cassé légèrement vert)\nAmbiance: Naturel\/Bio, féminin doux, clean, hypoallergénique, cosmétique certifiée\nPréfixe CSS: ac\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ces bandes dépilatoires pour le visage ?\"\n 2. \"Une composition naturelle et apaisante\"\n 3. \"Zones du visage adaptées\"\n 4. \"Comment utiliser ces bandes dépilatoires ?\"\n 5. \"Épilation à la cire froide ou épilation laser visage : que choisir ?\"\n 6. \"Ce que contient ce lot\"\n 7. \"Engagements de la marque Acorelle\"\n 8. \"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=\"ac-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e✨ Certifié Bio Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eBandes Dépilatoires Visage Hypoallergéniques\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eAcorelle • 24 bandes prêtes à l'emploi\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eUne épilation douce et efficace à l'aloe vera bio et cire d'abeille, spécialement conçue pour les peaux sensibles du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces bandes dépilatoires pour le visage ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eLa peau du visage est fine, délicate et constamment exposée. Ces bandes Acorelle ont été spécialement conçues pour répondre à ces exigences.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🛡️ Formule hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique, elle minimise les risques d'irritation et de rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✂️ Efficacité sur poils courts\u003c\/h3\u003e\n \u003cp\u003eCapture même les poils les plus fins dès 2 mm, inutile d'attendre qu'ils soient longs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⏱️ Résultat longue durée\u003c\/h3\u003e\n \u003cp\u003ePeau lisse pendant 3 à 4 semaines, bien plus qu'avec le rasage traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⚡ Prêtes à l'emploi\u003c\/h3\u003e\n \u003cp\u003eAucun chauffage nécessaire, idéales pour les retouches rapides ou en voyage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💆 Soin après-épilation inclus\u003c\/h3\u003e\n \u003cp\u003e4 lingettes apaisantes accompagnent le lot pour calmer la peau immédiatement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌱 100% origine naturelle\u003c\/h3\u003e\n \u003cp\u003eAlternative saine aux méthodes chimiques, respectueuse de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eUne composition naturelle et apaisante\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eDes ingrédients d'origine naturelle et biologique, soigneusement sélectionnés pour leur douceur exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément et apaise les sensations d'échauffement après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n \u003cp\u003eAssure une adhérence optimale aux poils tout en nourrissant la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de l'épiderme pour une peau douce et souple\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parabènes, sans conservateurs chimiques et sans parfums de synthèse.\u003c\/strong\u003e Si vous avez déjà eu des réactions avec d'autres produits d'épilation, ces bandes représentent un choix rassurant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eZones du visage adaptées\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eDimensionnées pour épouser parfaitement les contours du visage, ces bandes s'adaptent à toutes les zones sensibles.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👄 Lèvre supérieure\u003c\/h3\u003e\n \u003cp\u003eZone la plus fréquemment épilée pour éliminer le duvet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔽 Menton\u003c\/h3\u003e\n \u003cp\u003ePour les poils plus épais ou isolés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e😊 Joues\u003c\/h3\u003e\n \u003cp\u003eEn cas de duvet prononcé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👁️ Sourcils\u003c\/h3\u003e\n \u003cp\u003ePour affiner la ligne et structurer le regard\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eChaque bande peut être découpée pour s'adapter précisément à la zone ciblée, ce qui vous permet d'optimiser leur utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment utiliser ces bandes dépilatoires ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003ePour obtenir les meilleurs résultats et limiter tout risque d'inconfort, suivez ces étapes simples.\u003c\/p\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003ePréparez la zone\u003c\/h3\u003e\n \u003cp\u003eNettoyez et séchez parfaitement la zone à épiler. Évitez d'appliquer de la crème juste avant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez la bande\u003c\/h3\u003e\n \u003cp\u003eFrottez la bande entre vos paumes pendant quelques secondes pour activer légèrement la cire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eSéparez les faces\u003c\/h3\u003e\n \u003cp\u003eSéparez délicatement les deux faces de la bande double.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003ePosez une face sur la peau dans le sens de la pousse des poils, en lissant fermement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eRetirez d'un geste sec\u003c\/h3\u003e\n \u003cp\u003eMaintenez la peau bien tendue, puis retirez la bande d'un geste rapide à contre-sens de la pousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eApaisez la peau\u003c\/h3\u003e\n \u003cp\u003eUtilisez la lingette apaisante fournie ou appliquez une huile végétale pour calmer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e chaque bande peut être réutilisée plusieurs fois sur la même séance, tant qu'elle adhère correctement. Vous pouvez ainsi traiter plusieurs zones avec un seul lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eÉpilation à la cire froide ou épilation laser visage : que choisir ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous hésitez entre les différentes méthodes ? Voici les éléments clés pour vous décider.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⚡ Épilation laser visage\u003c\/h3\u003e\n \u003cp\u003eRésultats durables mais plusieurs séances coûteuses en institut, pas adaptée à tous les types de peau ou de poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 Bandes de cire froide\u003c\/h3\u003e\n \u003cp\u003eÉpilation autonome, économique et sans rendez-vous, convient à toutes les carnations sans abîmer la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💚 Notre recommandation\u003c\/h3\u003e\n \u003cp\u003eSolution idéale si vous ne souhaitez pas vous engager dans un traitement laser ou cherchez une solution d'appoint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eCe que contient ce lot\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e📦 20 bandes de cire froide\u003c\/h3\u003e\n \u003cp\u003eSoit 10 doubles bandes spécialement conçues pour le visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🧴 4 lingettes de soin\u003c\/h3\u003e\n \u003cp\u003ePour apaiser et nettoyer les résidus de cire après l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eCe format généreux vous assure plusieurs mois d'utilisation, selon la fréquence de vos épilations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eEngagements de la marque Acorelle\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eAcorelle est une marque française pionnière dans la cosmétique bio.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🏆 Certifié Ecocert Bio\u003c\/h3\u003e\n \u003cp\u003eGarantie d'ingrédients naturels et biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité assurées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔬 Testé dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eSécurité maximale pour les peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🐰 Engagement éthique\u003c\/h3\u003e\n \u003cp\u003ePas de tests sur les animaux, emballages recyclables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eEffectuez un test sur une petite zone 24 heures avant la première utilisation pour vérifier la tolérance de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⚠️ Zones à éviter\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eÉvitez d'appliquer sur une peau irritée, abîmée, présentant des boutons ou des coups de soleil. N'utilisez pas sur les zones très sensibles comme les paupières ou l'intérieur des oreilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e☀️ Après l'épilation\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content\"\u003e\n \u003cp\u003eÉvitez l'exposition au soleil direct et les bains chauds pendant 24 heures après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #F9FBF7;\n --ac-white: #ffffff;\n --ac-primary: #7CB342;\n --ac-primary-dark: #558B2F;\n --ac-primary-light: #E8F5E9;\n --ac-secondary: #689F38;\n --ac-accent: #8BC34A;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e0e0e0;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #558B2F 50%, #33691E 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.ac-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.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-accent));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ac-card {\n padding: 1.125rem;\n }\n \n .ac-section {\n margin-bottom: 1.75rem;\n }\n \n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n \n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ac-grid-compact {\n gap: .625rem;\n }\n \n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n \n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n \n .ac-timeline-content h3 {\n font-size: 14px;\n }\n \n .ac-timeline-content p {\n font-size: 13px;\n }\n \n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755339473053,"sku":"LL0030","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lot-de-24-bandes-depilatoires-cire-froide-visage-hypoallerge-lifestyle.webp?v=1769851161"},{"product_id":"savon-de-la-ruche-miel-100-g-aagaard","title":"Savon de la Ruche au Miel - 100 g - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon de la Ruche au Miel - 100g - Aagaard\nPalette détectée:\n - Primaire: #E8732C (orange miel\/ruche du packaging)\n - Secondaire: #D4A853 (doré miel, couleur du savon)\n - Accent: #F5E6C8 (crème doux)\nAmbiance: Naturel, artisanal, chaleureux, tradition apicole, douceur\nPréfixe CSS: miel\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"miel-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"miel-hero\"\u003e\n \u003cdiv class=\"miel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"miel-hero-content\"\u003e\n \u003cdiv class=\"miel-badges-top\"\u003e\n \u003cspan class=\"miel-badge\"\u003e🐝 Miel \u0026amp; Propolis\u003c\/span\u003e\n \u003cspan class=\"miel-badge\"\u003e🌿 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"miel-badge\"\u003e✨ Hydratant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"miel-hero-title\"\u003eSavon de la Ruche au Miel\u003c\/span\u003e\n \u003cp class=\"miel-subtitle\"\u003eAagaard • Depuis 1967\u003c\/p\u003e\n \u003cp class=\"miel-description\"\u003eUn soin artisanal aux trésors de la ruche pour une peau douce, nourrie et resplendissante au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003e🍯 Le pouvoir du miel pour votre peau\u003c\/h2\u003e\n \u003cp class=\"miel-section-intro\"\u003eFabriqué selon une méthode traditionnelle, ce savon associe les bienfaits exceptionnels du miel et de la propolis pour une expérience de soin incomparable.\u003c\/p\u003e\n \u003cdiv class=\"miel-grid\"\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eLe miel nourrit et hydrate la peau en profondeur, la protégeant des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eLa propolis, antiseptique naturel, purifie et assainit tout en apportant un éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🌸 Douceur absolue\u003c\/h3\u003e\n \u003cp\u003eLa glycérine et les huiles végétales garantissent une peau douce et soyeuse après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e✅ Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, colorants artificiels ni parfums de synthèse. Idéal pour tous types de peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"miel-timeline\"\u003e\n \u003cdiv class=\"miel-timeline-item\"\u003e\n \u003cdiv class=\"miel-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou sur une peau mouillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-item\"\u003e\n \u003cdiv class=\"miel-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements circulaires sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-item\"\u003e\n \u003cdiv class=\"miel-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"miel-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour révéler une peau hydratée et délicieusement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-tip\"\u003e\n \u003cspan class=\"miel-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez quotidiennement pour des résultats optimaux, particulièrement recommandé pour les peaux sèches et très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"miel-grid\"\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🫒 Huiles d'olive \u0026amp; coco\u003c\/h3\u003e\n \u003cp\u003eSodium olivate et sodium cocoate : nettoyants doux et respectueux de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eHydrate, nourrit et régénère la peau grâce à ses propriétés nourrissantes et cicatrisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n \u003cp\u003ePurifie et assainit la peau grâce à ses propriétés antiseptiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e💧 Glycérine\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément et protège la peau contre le dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e�ite Kaolin\u003c\/h3\u003e\n \u003cp\u003eArgile blanche qui apporte douceur et un effet purifiant délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e⚗️ Autres actifs\u003c\/h3\u003e\n \u003cp\u003eSodium chloride, tetrasodium glutamate diacetate, alpha isomethyl ionone, linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"miel-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"miel-testimonial\"\u003e\n \u003cp class=\"miel-testimonial-text\"\u003e\"Fabriqué en Europe selon des méthodes artisanales respectueuses de l'environnement et des valeurs éthiques. Aagaard privilégie l'apiculture durable et l'agriculture biologique, garantissant un produit naturel de qualité supérieure. Une fabrication qui allie tradition et modernité pour un soin efficace et respectueux de votre peau.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-grid-compact\"\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🇪🇺 Made in Europe\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eApiculture durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e📅 Depuis 1967\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"miel-card\"\u003e\n \u003ch3\u003e🏆 Qualité premium\u003c\/h3\u003e\n \u003cp\u003eIngrédients sélectionnés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"miel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"miel-cta-box\"\u003e\n \u003cp\u003e🐝 Adoptez le Savon de la Ruche au Miel dans votre routine beauté pour une peau saine, douce et resplendissante.\u003cbr\u003e\u003cstrong\u003eUn véritable cadeau de la nature, parfait pour un soin quotidien.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"miel-disclaimer\"\u003eFormat 100g • Convient à tous types de peaux • Usage quotidien visage et corps\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --miel-cream: #FDF9F3;\n --miel-white: #ffffff;\n --miel-primary: #E8732C;\n --miel-primary-dark: #C45A1A;\n --miel-primary-light: #FFF4E6;\n --miel-secondary: #D4A853;\n --miel-accent: #F5E6C8;\n --miel-text: #1a1a1a;\n --miel-text-light: #5a5a5a;\n --miel-border: #e8ddd0;\n --miel-shadow: 0 4px 24px rgba(200,140,60,.12);\n --miel-shadow-lg: 0 12px 48px rgba(200,140,60,.18);\n --miel-radius: 20px;\n --miel-radius-sm: 12px;\n}\n\n.miel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--miel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.miel-hero {\n position: relative;\n background: linear-gradient(135deg, #E8732C 0%, #D4A853 50%, #C45A1A 100%);\n border-radius: var(--miel-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(--miel-shadow-lg);\n}\n\n.miel-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 L52 17.5 L52 42.5 L30 55 L8 42.5 L8 17.5 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n opacity: .08;\n}\n\n.miel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.miel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.miel-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(--miel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.miel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.miel-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.miel-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.miel-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.miel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.miel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--miel-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.miel-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(--miel-primary), var(--miel-secondary));\n border-radius: 2px;\n}\n\n.miel-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--miel-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.miel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.miel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.miel-card {\n background: var(--miel-white);\n border-radius: var(--miel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--miel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.miel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--miel-shadow-lg);\n border-color: var(--miel-primary);\n}\n\n.miel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--miel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.miel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--miel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.miel-grid-compact .miel-card {\n padding: 1rem;\n}\n\n.miel-grid-compact .miel-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.miel-grid-compact .miel-card p {\n font-size: 12px;\n}\n\n.miel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.miel-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.miel-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--miel-primary), var(--miel-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.miel-timeline-content {\n flex: 1;\n background: var(--miel-white);\n padding: 1rem 1.25rem;\n border-radius: var(--miel-radius-sm);\n box-shadow: var(--miel-shadow);\n}\n\n.miel-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--miel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.miel-timeline-content p {\n font-size: 14px;\n color: var(--miel-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.miel-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--miel-primary-light);\n border-radius: var(--miel-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.miel-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.miel-tip p {\n font-size: 14px;\n color: var(--miel-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.miel-testimonial {\n background: var(--miel-white);\n border-radius: var(--miel-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--miel-shadow);\n border-left: 4px solid var(--miel-primary);\n margin-bottom: 1.5rem;\n}\n\n.miel-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--miel-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.miel-cta-box {\n background: linear-gradient(135deg, var(--miel-primary) 0%, var(--miel-primary-dark) 100%);\n border-radius: var(--miel-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.miel-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.miel-disclaimer {\n font-size: 12px;\n color: var(--miel-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .miel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .miel-card {\n padding: 1.125rem;\n }\n \n .miel-section {\n margin-bottom: 1.75rem;\n }\n \n .miel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--miel-radius-sm);\n }\n \n .miel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .miel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .miel-grid-compact {\n gap: .625rem;\n }\n \n .miel-grid-compact .miel-card {\n padding: .75rem;\n }\n \n .miel-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .miel-timeline-content {\n padding: .875rem 1rem;\n }\n \n .miel-timeline-content h3 {\n font-size: 14px;\n }\n \n .miel-timeline-content p {\n font-size: 13px;\n }\n \n .miel-testimonial {\n padding: 1.25rem;\n }\n \n .miel-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .miel-card {\n animation: fadeInUp .5s ease backwards;\n }\n .miel-card:nth-child(1) { animation-delay: .05s; }\n .miel-card:nth-child(2) { animation-delay: .1s; }\n .miel-card:nth-child(3) { animation-delay: .15s; }\n .miel-card:nth-child(4) { animation-delay: .2s; }\n .miel-card:nth-child(5) { animation-delay: .25s; }\n .miel-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 .miel-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":45755351695517,"sku":"NBAIAAG0019","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-la-ruche-au-miel-100-g-aagaard-lifestyle.webp?v=1769793689"},{"product_id":"dentifrice-a-la-propolis-75-ml-propolia-apimab","title":"Dentifrice Genvice \u0026 Haleine à la Propolis - 75 ml - Propolia","description":"\u003cp\u003eLe \u003cstrong\u003eDentifrice à la Propolis - 75 ml - Propolia\u003c\/strong\u003e est un choix idéal pour une hygiène bucco-dentaire complète, associant les bienfaits naturels de la \u003cstrong\u003epropolis\u003c\/strong\u003e et des \u003cem\u003eplantes soigneusement sélectionnées\u003c\/em\u003e. Conçu pour purifier, apaiser et protéger la cavité buccale, ce dentifrice est un indispensable pour le soin quotidien des gencives et la fraîcheur de l'haleine.\u003c\/p\u003e\n\u003cp\u003eGrâce aux propriétés antiseptiques et cicatrisantes de la propolis, il lutte efficacement contre les bactéries tout en respectant la sensibilité des gencives. Les extraits naturels de \u003cstrong\u003ementhe\u003c\/strong\u003e, \u003cstrong\u003ecardamome\u003c\/strong\u003e, \u003cstrong\u003eromarin\u003c\/strong\u003e et \u003cstrong\u003eanis vert\u003c\/strong\u003e contribuent à une haleine fraîche et durable, tandis que des ingrédients comme la \u003cem\u003esauge\u003c\/em\u003e et l'\u003cem\u003ealoe vera\u003c\/em\u003e assurent des effets purifiants et apaisants.\u003c\/p\u003e\n\u003cp\u003eSa texture douce se transforme en une mousse légère qui nettoie en profondeur sans agresser l'émail, offrant ainsi une sensation de bien-être à chaque brossage. Ce dentifrice est exempt de fluor ajouté, de colorants et d'agents moussants agressifs, garantissant un usage adapté même aux utilisateurs les plus sensibles. Compatible avec les traitements homéopathiques, il est idéal pour toute la famille dès l'âge de 3 ans (sous surveillance).\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eBrossez-vous les dents 2 à 3 fois par jour pendant environ 2 à 3 minutes. Pour une efficacité maximale, utilisez une brosse à dents souple et renouvelez-la tous les 3 mois. Rincez abondamment après chaque brossage.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eLa formule naturelle et respectueuse de l'environnement inclut :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropolis pure\u003c\/strong\u003e: antiseptique et cicatrisante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMenthe poivrée\u003c\/strong\u003e et \u003cstrong\u003ementhe verte\u003c\/strong\u003e: fraîcheur durable\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRomarin\u003c\/strong\u003e et \u003cstrong\u003esauge\u003c\/strong\u003e: purifiants et tonifiants\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtraits de cardamome et d'anis vert\u003c\/strong\u003e: notes aromatiques subtiles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe vera\u003c\/strong\u003e: hydrate et apaise les gencives\u003c\/li\u003e\n\u003cli\u003eAutres ingrédients naturels comme le \u003cstrong\u003ekaolin\u003c\/strong\u003e et l'\u003cstrong\u003eamidon de maïs\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France par Propolia, marque du Laboratoire Apimab, ce dentifrice est le fruit de plus de 30 ans d'expertise dans l'utilisation des produits de la ruche et de la phytothérapie. Les formulations sont testées pour garantir leur innocuité et leur efficacité.\u003c\/p\u003e\n\u003cp\u003eProfitez d'une hygiène bucco-dentaire impeccable avec le \u003cstrong\u003eDentifrice à la Propolis - 75 ml - Propolia\u003c\/strong\u003e, qui combine la puissance de la nature à une formulation douce et efficace pour vos dents et gencives.\u003c\/p\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755355463837,"sku":"AP0011","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-genvice-haleine-propolis-75ml-propolia-min.jpg?v=1731072872"},{"product_id":"savon-bio-au-lait-danesse-fleurs-de-coton-100g-eolesens","title":"Savon Lait d'Ânesse Bio \u0026 Fleurs de Coton - 100g - Eolesens","description":"\u003cdiv class=\"eol-premium\"\u003e\n \u003cdiv class=\"eol-hero\"\u003e\n \u003cdiv class=\"eol-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eol-hero-content\"\u003e\n \u003cdiv class=\"eol-badges-top\"\u003e\n \u003cspan class=\"eol-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e🚫 Sans huile de palme\u003c\/span\u003e\n \u003cspan class=\"eol-badge\"\u003e✋ Artisanal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eol-hero-title\"\u003eSavon Lait d'Ânesse Bio \u0026amp; Fleurs de Coton\u003c\/span\u003e\n \u003cp class=\"eol-subtitle\"\u003eLa douceur légendaire du lait d'ânesse, signée Eolesens\u003c\/p\u003e\n \u003cp class=\"eol-description\"\u003ePain de 100g alliant lait d'ânesse bio, huile de chanvre et notes délicates de fleurs de coton. Un soin d'exception pour les peaux sensibles, sèches ou réactives — visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon au lait d'ânesse ?\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eReconnu depuis l'Antiquité, le lait d'ânesse est riche en vitamines (A, B, C, D, E), acides gras essentiels et protéines. Il préserve la souplesse et l'éclat de votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n \u003cp\u003eMaintient le confort cutané tout au long de la journée grâce à sa richesse en actifs hydratants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌸 Adoucissant \u0026amp; apaisant\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux tiraillées ou sujettes aux rougeurs, il calme et réconforte instantanément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🛁 Nettoyage tout en douceur\u003c\/h3\u003e\n \u003cp\u003eRespecte le film hydrolipidique de la peau, contrairement aux savons industriels classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e✨ Douceur immédiate\u003c\/h3\u003e\n \u003cp\u003eUne sensation de confort unique, appréciée sur le visage comme sur le corps dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eAssociée à des huiles végétales nobles, elle apaise particulièrement les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌼 Fleurs de coton\u003c\/h3\u003e\n \u003cp\u003eUn parfum floral subtil et enveloppant qui transforme votre toilette en moment sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"eol-timeline\"\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e💦 Humidifier le savon\u003c\/h3\u003e\n \u003cp\u003ePassez votre pain de savon sous l'eau tiède pour l'activer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🫧 Faire mousser\u003c\/h3\u003e\n \u003cp\u003eEntre vos mains ou sur un gant, pour obtenir une mousse onctueuse et généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e💆 Masser délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur la peau du visage ou du corps, matin et soir selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-item\"\u003e\n \u003cdiv class=\"eol-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eol-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincer \u0026amp; sécher\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède puis séchez en tamponnant délicatement avec une serviette douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-tip\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour prolonger la durée de vie de votre savon, placez-le sur un porte-savon drainant et laissez-le sécher à l'air libre entre chaque usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"eol-section-intro\"\u003eUne formule courte, naturelle et efficace, pensée pour respecter votre peau.\u003c\/p\u003e\n \u003cdiv class=\"eol-grid\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥛 Lait d'ânesse bio\u003c\/h3\u003e\n \u003cp\u003eHydratant, adoucissant et régénérant, l'ingrédient star de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et riche en antioxydants pour une peau protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eApporte une mousse onctueuse tout en assouplissant la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌿 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eApaisante, idéale pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌼 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eFleurs de coton pour une touche florale délicate et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌾 Sans huile de palme\u003c\/h3\u003e\n \u003cp\u003eUn engagement responsable pour préserver l'environnement et les forêts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-tip\" style=\"margin-top:1.5rem;\"\u003e\n \u003cspan class=\"eol-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Sodium Olivate, Sodium Cocoate, Aqua, Donkey Milk*, Glycerin, Cannabis Sativa (Hemp) Seed Oil*, Fragrance, Sodium Chloride, Illite, Tetrasodium Glutamate Diacetate, Alpha-Isomethyl Ionone, Benzyl Salicylate, Hexyl Cinnamal, Butylphenyl Methylpropional, Linalool. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\"\u003e\n \u003ch2\u003eUne fabrication artisanale française\u003c\/h2\u003e\n \u003cdiv class=\"eol-grid-compact\"\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré en France selon un procédé respectueux des matières premières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🐴 Élevages certifiés bio\u003c\/h3\u003e\n \u003cp\u003eLait d'ânesse issu d'élevages où les animaux sont traités avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e🌱 Ingrédients naturels\u003c\/h3\u003e\n \u003cp\u003eFormulation respectant les exigences de la cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eol-card\"\u003e\n \u003ch3\u003e💎 Riche en actifs\u003c\/h3\u003e\n \u003cp\u003eUne alternative authentique et nettement plus respectueuse que les savons industriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eol-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"eol-accordion\"\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e💆‍♀️ Le savon au lait d'ânesse convient-il au visage ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce est parfaitement adaptée au nettoyage du visage, matin et soir. Le lait d'ânesse respecte les peaux les plus délicates et apporte confort et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e🌿 Est-il adapté aux peaux à problèmes ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eSa richesse en lait d'ânesse aide à apaiser les inconforts cutanés quotidiens. En cas de pathologie cutanée, demandez l'avis d'un professionnel de santé : ce savon ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eol-accordion-item\"\u003e\n \u003csummary class=\"eol-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"eol-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument ! Il respecte l'équilibre naturel de la peau et s'intègre parfaitement à une routine quotidienne, sur le visage comme sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"eol-disclaimer\"\u003eCe savon ne se substitue pas à un traitement médical. Usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eol-cream: #f6fbfc;\n --eol-white: #ffffff;\n --eol-primary: #3cb4c4;\n --eol-primary-dark: #1f7a87;\n --eol-primary-light: #e4f4f6;\n --eol-secondary: #f4a896;\n --eol-accent: #d9b896;\n --eol-text: #1a1a1a;\n --eol-text-light: #5a5a5a;\n --eol-border: #e0e0e0;\n --eol-shadow: 0 4px 24px rgba(0,0,0,.08);\n --eol-shadow-lg: 0 12px 48px rgba(31,122,135,.18);\n --eol-radius: 20px;\n --eol-radius-sm: 12px;\n}\n\n.eol-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eol-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eol-text);\n}\n\n.eol-hero {\n position: relative;\n background: linear-gradient(135deg, #3cb4c4 0%, #5cc7d4 50%, #8ad8e0 100%);\n border-radius: var(--eol-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(--eol-shadow-lg);\n}\n\n.eol-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, white 2px, transparent 3px), radial-gradient(circle at 80% 60%, white 2px, transparent 3px), radial-gradient(circle at 40% 80%, white 1.5px, transparent 2px);\n background-size: 120px 120px, 180px 180px, 90px 90px;\n opacity: .08;\n}\n\n.eol-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eol-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,.15);\n line-height: 1.1;\n}\n\n.eol-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.eol-description {\n color: white;\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.eol-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eol-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(--eol-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eol-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eol-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eol-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eol-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.eol-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(--eol-primary), var(--eol-secondary));\n border-radius: 2px;\n}\n\n.eol-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eol-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.eol-card {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eol-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eol-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eol-shadow-lg);\n border-color: var(--eol-primary);\n}\n\n.eol-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eol-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eol-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eol-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eol-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eol-grid-compact .eol-card {\n padding: 1rem;\n}\n\n.eol-grid-compact .eol-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eol-grid-compact .eol-card p {\n font-size: 12px;\n}\n\n.eol-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.eol-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eol-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eol-primary), var(--eol-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(60,180,196,.3);\n}\n\n.eol-timeline-content {\n flex: 1;\n background: var(--eol-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eol-radius-sm);\n box-shadow: var(--eol-shadow);\n}\n\n.eol-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eol-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eol-timeline-content p {\n font-size: 14px;\n color: var(--eol-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eol-accordion {\n background: var(--eol-white);\n border-radius: var(--eol-radius);\n box-shadow: var(--eol-shadow);\n overflow: hidden;\n}\n\n.eol-accordion-item {\n border-bottom: 1px solid var(--eol-border);\n margin: 0;\n padding: 0;\n}\n\n.eol-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eol-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eol-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.eol-accordion-header:hover {\n background: var(--eol-primary-light);\n}\n\n.eol-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eol-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 300;\n color: var(--eol-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.eol-accordion-item[open] .eol-accordion-header::after {\n content: '−';\n}\n\n.eol-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eol-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eol-accordion-content p {\n margin: 0;\n}\n\n.eol-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eol-primary-light);\n border-radius: var(--eol-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--eol-primary);\n}\n\n.eol-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.eol-tip p {\n font-size: 14px;\n color: var(--eol-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eol-disclaimer {\n font-size: 12px;\n color: var(--eol-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .eol-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eol-card {\n padding: 1.125rem;\n }\n .eol-section {\n margin-bottom: 1.75rem;\n }\n .eol-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eol-radius-sm);\n }\n .eol-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eol-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eol-grid-compact {\n gap: .625rem;\n }\n .eol-grid-compact .eol-card {\n padding: .75rem;\n }\n .eol-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eol-timeline-content {\n padding: .875rem 1rem;\n }\n .eol-timeline-content h3 {\n font-size: 14px;\n }\n .eol-timeline-content p {\n font-size: 13px;\n }\n .eol-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .eol-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eol-card {\n animation: eolFadeInUp .5s ease backwards;\n }\n .eol-card:nth-child(1) { animation-delay: .05s; }\n .eol-card:nth-child(2) { animation-delay: .1s; }\n .eol-card:nth-child(3) { animation-delay: .15s; }\n .eol-card:nth-child(4) { animation-delay: .2s; }\n .eol-card:nth-child(5) { animation-delay: .25s; }\n .eol-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eolFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eol-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755365523613,"sku":"NBAISEN0012","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-lait-danesse-bio-fleurs-de-coton-100g-eolesens-lifestyle_5c4c5da8-862b-40d9-b090-5c22299cf988.webp?v=1776440739"},{"product_id":"dentifrice-bio-au-miel-de-manuka-gencives-sensibles-75-ml-comptoirs-et-compagnies","title":"Dentifrice Bio au Miel de Manuka pour Gencives Sensibles - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice Bio au Miel de Manuka - Comptoirs et Compagnies\nPalette détectée:\n - Primaire: #C8102E (rouge vif du bandeau packaging)\n - Secondaire: #D4A853 (doré\/miel évoquant le manuka)\n - Accent: #4A7C59 (vert des feuilles de manuka)\n - Neutre: #F5F0E8 (crème\/beige naturel du fond)\nAmbiance: Naturel\/Bio, Premium, Apothicaire moderne, Néo-Zélandais\nPréfixe CSS: mk\n--\u003e\n\n\u003cdiv class=\"mk-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mk-hero\"\u003e\n \u003cdiv class=\"mk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-hero-content\"\u003e\n \u003cdiv class=\"mk-badges-top\"\u003e\n \u003cspan class=\"mk-badge\"\u003e🍯 Miel de Manuka IAA 15+\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mk-hero-title\"\u003eDentifrice gencives sensibles\u003c\/span\u003e\n \u003cp class=\"mk-subtitle\"\u003eLa puissance du miel de Manuka de Nouvelle-Zélande\u003c\/p\u003e\n \u003cp class=\"mk-description\"\u003eUne formule unique alliant miel de Manuka antibactérien, huile essentielle de Manuka sauvage et propolis française pour apaiser vos gencives sensibles en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PROMESSE PRINCIPALE --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003ePourquoi ce dentifrice est différent\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-card mk-card-highlight\"\u003e\n \u003cdiv class=\"mk-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eAction antibactérienne\u003c\/h3\u003e\n \u003cp\u003eLe miel de Manuka IAA 15+ offre une activité antibactérienne équivalente à une solution de phénol à 15%, scientifiquement prouvée pour réduire la plaque dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-card-icon\"\u003e💆\u003c\/div\u003e\n \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eSoulage les inflammations et irritations des gencives sensibles dès la première utilisation pour une sensation de confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003cdiv class=\"mk-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eUne formule respectueuse qui nettoie en profondeur tout en préservant l'équilibre naturel de votre flore buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGRÉDIENTS CLÉS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs naturels puissants\u003c\/h2\u003e\n \u003cdiv class=\"mk-ingredients-grid\"\u003e\n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-visual\"\u003e🍯\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-content\"\u003e\n \u003ch3\u003eMiel de Manuka IAA 15+\u003c\/h3\u003e\n \u003cspan class=\"mk-ingredient-origin\"\u003eNouvelle-Zélande\u003c\/span\u003e\n \u003cp\u003eActif antibactérien naturel utilisé depuis des siècles par les guérisseurs maoris. Chaque lot est testé en laboratoire pour garantir son indice d'activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-visual\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-content\"\u003e\n \u003ch3\u003eHuile essentielle de Manuka\u003c\/h3\u003e\n \u003cspan class=\"mk-ingredient-origin\"\u003eSauvage\u003c\/span\u003e\n \u003cp\u003eExtraite de l'arbuste cousin du tea tree, elle apporte des propriétés assainissantes et une fraîcheur revigorante unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-card\"\u003e\n \u003cdiv class=\"mk-ingredient-visual\"\u003e🐝\u003c\/div\u003e\n \u003cdiv class=\"mk-ingredient-content\"\u003e\n \u003ch3\u003ePropolis française bio\u003c\/h3\u003e\n \u003cspan class=\"mk-ingredient-origin\"\u003eFrance\u003c\/span\u003e\n \u003cp\u003eRenforce l'action apaisante et protectrice de la formule grâce à ses bienfaits assainissants reconnus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INDICE IAA --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003cdiv class=\"mk-iaa-box\"\u003e\n \u003cdiv class=\"mk-iaa-badge\"\u003e\n \u003cspan class=\"mk-iaa-label\"\u003eIAA®\u003c\/span\u003e\n \u003cspan class=\"mk-iaa-value\"\u003e15+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-iaa-content\"\u003e\n \u003ch3\u003eL'indice IAA® : la garantie de l'efficacité\u003c\/h3\u003e\n \u003cp\u003eL'indice apposé sur ce produit indique le niveau d'activité antibactérienne du miel de Manuka. Systématiquement testés en laboratoire, les lots de miel ayant une action identique à une solution aqueuse à 15% de phénol portent l'indice 15+.\u003c\/p\u003e\n \u003cp class=\"mk-iaa-warning\"\u003e⚠️ Attention : certains miels de Manuka sont efficaces, d'autres non. L'indice IAA® est le garant des propriétés uniques scientifiquement mesurées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SANS FLUOR --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003cdiv class=\"mk-sans-fluor\"\u003e\n \u003cdiv class=\"mk-sans-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv class=\"mk-sans-content\"\u003e\n \u003ch3\u003eFormule sans fluor\u003c\/h3\u003e\n \u003cp\u003eUne alternative naturelle pour ceux qui préfèrent éviter le fluor, sans compromis sur l'efficacité du nettoyage et de la protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eLes résultats sur vos dents et gencives\u003c\/h2\u003e\n \u003cdiv class=\"mk-benefits-grid\"\u003e\n \u003cdiv class=\"mk-benefit\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003cspan\u003eDents nettoyées en profondeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cspan\u003eDents protégées durablement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e💆\u003c\/div\u003e\n \u003cspan\u003eGencives apaisées et soulagées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e😌\u003c\/div\u003e\n \u003cspan\u003eConfort immédiat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🌬️\u003c\/div\u003e\n \u003cspan\u003eFraîcheur revigorante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cspan\u003eFlore buccale préservée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eComment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"mk-usage-container\"\u003e\n \u003cdiv class=\"mk-usage-step\"\u003e\n \u003cdiv class=\"mk-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mk-step-content\"\u003e\n \u003ch4\u003eAppliquez\u003c\/h4\u003e\n \u003cp\u003eDéposez une petite quantité de dentifrice sur votre brosse à dents humide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-usage-step\"\u003e\n \u003cdiv class=\"mk-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mk-step-content\"\u003e\n \u003ch4\u003eBrossez\u003c\/h4\u003e\n \u003cp\u003eBrossez soigneusement pendant 3 minutes après chaque repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-usage-step\"\u003e\n \u003cdiv class=\"mk-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mk-step-content\"\u003e\n \u003ch4\u003eRincez\u003c\/h4\u003e\n \u003cp\u003eRincez abondamment à l'eau claire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mk-usage-note\"\u003e💡 Pour des résultats optimaux, utilisez matin et soir quotidiennement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eCe dentifrice est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e😣\u003c\/div\u003e\n \u003cp\u003eVous souffrez de \u003cstrong\u003egencives sensibles\u003c\/strong\u003e ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e🩸\u003c\/div\u003e\n \u003cp\u003eVos gencives \u003cstrong\u003esaignent facilement\u003c\/strong\u003e au brossage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp\u003eVous recherchez une \u003cstrong\u003esolution naturelle et bio\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp\u003eVous souhaitez \u003cstrong\u003eéviter le fluor\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"mk-certif-grid\"\u003e\n \u003cdiv class=\"mk-certif\"\u003e\n \u003cdiv class=\"mk-certif-icon\"\u003e🌿\u003c\/div\u003e\n \u003cspan\u003eCosmétique Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-certif\"\u003e\n \u003cdiv class=\"mk-certif-icon\"\u003e✅\u003c\/div\u003e\n \u003cspan\u003eCertifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-certif\"\u003e\n \u003cdiv class=\"mk-certif-icon\"\u003e🌍\u003c\/div\u003e\n \u003cspan\u003eNeutre en CO₂\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-certif\"\u003e\n \u003cdiv class=\"mk-certif-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mk-info-grid\"\u003e\n \u003cdiv class=\"mk-info-item\"\u003e\n \u003cspan class=\"mk-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"mk-info-value\"\u003e75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-item\"\u003e\n \u003cspan class=\"mk-info-label\"\u003eDurée après ouverture\u003c\/span\u003e\n \u003cspan class=\"mk-info-value\"\u003e6 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-item\"\u003e\n \u003cspan class=\"mk-info-label\"\u003eOrigine du miel\u003c\/span\u003e\n \u003cspan class=\"mk-info-value\"\u003eNouvelle-Zélande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-item\"\u003e\n \u003cspan class=\"mk-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"mk-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003cdiv class=\"mk-precautions\"\u003e\n \u003cdiv class=\"mk-precautions-header\"\u003e\n \u003cspan class=\"mk-precautions-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"mk-precautions-list\"\u003e\n \u003cli\u003eNe pas utiliser chez les enfants de moins de 7 ans\u003c\/li\u003e\n \u003cli\u003eConvient aux femmes enceintes et allaitantes\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n \u003cli\u003eNe pas avaler\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur\u003c\/li\u003e\n \u003cli\u003eEn cas d'irritation persistante, cessez l'utilisation et consultez un dentiste\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mk-cta-box\"\u003e\n \u003cdiv class=\"mk-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-cta-content\"\u003e\n \u003cp\u003eDes guérisseurs maoris à la science moderne : offrez à vos gencives sensibles le meilleur de la nature néo-zélandaise.\u003c\/p\u003e\n \u003cp class=\"mk-cta-tagline\"\u003e🍯 Excellent par nature\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 \/* Couleurs principales *\/\n --mk-cream: #FAF8F5;\n --mk-white: #ffffff;\n --mk-primary: #C8102E;\n --mk-primary-dark: #9A0C23;\n --mk-primary-light: #FFF0F2;\n --mk-secondary: #D4A853;\n --mk-secondary-light: #FDF8ED;\n --mk-accent: #4A7C59;\n --mk-accent-light: #E8F5EC;\n\n \/* Textes *\/\n --mk-text: #1a1a1a;\n --mk-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mk-border: #e8e4de;\n --mk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mk-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --mk-radius: 20px;\n --mk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mk-text);\n line-height: 1.6;\n}\n\n.mk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 50%, #7A0A1A 100%);\n border-radius: var(--mk-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(--mk-shadow-lg);\n}\n\n.mk-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,168,83,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L55 17.5 L55 42.5 L30 55 L5 42.5 L5 17.5 Z' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mk-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(--mk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mk-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.mk-subtitle {\n color: var(--mk-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.mk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mk-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mk-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mk-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(--mk-primary), var(--mk-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.mk-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mk-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-card-highlight {\n background: linear-gradient(135deg, var(--mk-primary-light) 0%, var(--mk-white) 100%);\n border: 2px solid var(--mk-primary);\n}\n\n.mk-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.mk-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--mk-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.mk-card p {\n color: var(--mk-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.mk-ingredients-grid {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.mk-ingredient-card {\n display: flex;\n gap: 1.5rem;\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n border-left: 5px solid var(--mk-secondary);\n transition: all .3s ease;\n}\n\n.mk-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-ingredient-visual {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mk-ingredient-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--mk-text);\n margin: 0 0 0.25rem 0;\n}\n\n.mk-ingredient-origin {\n display: inline-block;\n background: var(--mk-secondary-light);\n color: var(--mk-secondary);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: 0.75rem;\n}\n\n.mk-ingredient-content p {\n color: var(--mk-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === IAA BOX === *\/\n.mk-iaa-box {\n display: flex;\n gap: 2rem;\n background: linear-gradient(135deg, var(--mk-secondary-light) 0%, var(--mk-white) 100%);\n border-radius: var(--mk-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--mk-secondary);\n align-items: flex-start;\n}\n\n.mk-iaa-badge {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, var(--mk-secondary) 0%, #B8923D 100%);\n border-radius: 50%;\n box-shadow: 0 8px 24px rgba(212,168,83,.4);\n}\n\n.mk-iaa-label {\n color: white;\n font-size: 14px;\n font-weight: 800;\n}\n\n.mk-iaa-value {\n color: white;\n font-size: 32px;\n font-weight: 900;\n line-height: 1;\n}\n\n.mk-iaa-content h3 {\n font-size: 22px;\n font-weight: 800;\n color: var(--mk-text);\n margin: 0 0 1rem 0;\n}\n\n.mk-iaa-content p {\n color: var(--mk-text-light);\n font-size: 15px;\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.mk-iaa-warning {\n background: rgba(200,16,46,.08);\n padding: 12px 16px;\n border-radius: var(--mk-radius-sm);\n font-weight: 600;\n color: var(--mk-primary-dark) !important;\n}\n\n\/* === SANS FLUOR === *\/\n.mk-sans-fluor {\n display: flex;\n gap: 1.5rem;\n background: var(--mk-accent-light);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--mk-accent);\n align-items: center;\n}\n\n.mk-sans-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mk-sans-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--mk-accent);\n margin: 0 0 0.5rem 0;\n}\n\n.mk-sans-content p {\n color: var(--mk-text-light);\n font-size: 15px;\n margin: 0;\n}\n\n\/* === BÉNÉFICES === *\/\n.mk-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.mk-benefit {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--mk-white);\n border-radius: var(--mk-radius-sm);\n padding: 1.5rem 1rem;\n box-shadow: var(--mk-shadow);\n transition: all .3s ease;\n}\n\n.mk-benefit:hover {\n transform: translateY(-4px);\n box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-benefit-icon {\n font-size: 32px;\n margin-bottom: 0.75rem;\n}\n\n.mk-benefit span {\n font-size: 14px;\n font-weight: 600;\n color: var(--mk-text);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mk-usage-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.mk-usage-step {\n display: flex;\n gap: 1.5rem;\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: 1.5rem;\n box-shadow: var(--mk-shadow);\n align-items: center;\n transition: all .3s ease;\n}\n\n.mk-usage-step:hover {\n transform: translateX(8px);\n}\n\n.mk-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n font-weight: 900;\n}\n\n.mk-step-content h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mk-text);\n margin: 0 0 0.25rem 0;\n}\n\n.mk-step-content p {\n color: var(--mk-text-light);\n font-size: 15px;\n margin: 0;\n}\n\n.mk-usage-note {\n text-align: center;\n color: var(--mk-text-light);\n font-size: 14px;\n font-style: italic;\n margin-top: 1rem;\n}\n\n\/* === PROFILS === *\/\n.mk-profile-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: 1.5rem;\n box-shadow: var(--mk-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.mk-profile-card:hover {\n border-color: var(--mk-primary);\n transform: translateY(-4px);\n}\n\n.mk-profile-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n}\n\n.mk-profile-card p {\n font-size: 15px;\n color: var(--mk-text-light);\n margin: 0;\n}\n\n.mk-profile-card strong {\n color: var(--mk-text);\n}\n\n\/* === CERTIFICATIONS === *\/\n.mk-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.mk-certif {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--mk-white);\n border-radius: var(--mk-radius-sm);\n padding: 1.5rem 1rem;\n box-shadow: var(--mk-shadow);\n}\n\n.mk-certif-icon {\n font-size: 36px;\n margin-bottom: 0.5rem;\n}\n\n.mk-certif span {\n font-size: 13px;\n font-weight: 700;\n color: var(--mk-text);\n}\n\n\/* === INFOS === *\/\n.mk-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n}\n\n.mk-info-item {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n border-radius: var(--mk-radius-sm);\n background: var(--mk-cream);\n}\n\n.mk-info-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--mk-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.mk-info-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--mk-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.mk-precautions {\n background: #FFF9E6;\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #F0D860;\n}\n\n.mk-precautions-header {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1rem;\n}\n\n.mk-precautions-icon {\n font-size: 28px;\n}\n\n.mk-precautions h3 {\n font-size: 20px;\n font-weight: 800;\n color: #8B7500;\n margin: 0;\n}\n\n.mk-precautions-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.mk-precautions-list li {\n color: var(--mk-text-light);\n font-size: 14px;\n margin-bottom: 0.5rem;\n line-height: 1.5;\n}\n\n.mk-precautions-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA === *\/\n.mk-cta-box {\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n border-radius: var(--mk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mk-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,168,83,.2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.mk-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mk-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mk-cta-tagline {\n color: var(--mk-secondary) !important;\n font-size: clamp(22px, 4vw, 28px) !important;\n font-weight: 900 !important;\n margin-top: 1.5rem !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mk-grid {\n grid-template-columns: 1fr;\n }\n \n .mk-iaa-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .mk-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n \n .mk-sans-fluor {\n flex-direction: column;\n text-align: center;\n }\n \n .mk-benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mk-card,\n .mk-ingredient-card,\n .mk-benefit,\n .mk-profile-card,\n .mk-certif,\n .mk-usage-step {\n animation: mkFadeInUp .6s ease backwards;\n }\n \n .mk-card:nth-child(1),\n .mk-ingredient-card:nth-child(1),\n .mk-benefit:nth-child(1),\n .mk-profile-card:nth-child(1),\n .mk-certif:nth-child(1),\n .mk-usage-step:nth-child(1) { animation-delay: .1s; }\n \n .mk-card:nth-child(2),\n .mk-ingredient-card:nth-child(2),\n .mk-benefit:nth-child(2),\n .mk-profile-card:nth-child(2),\n .mk-certif:nth-child(2),\n .mk-usage-step:nth-child(2) { animation-delay: .2s; }\n \n .mk-card:nth-child(3),\n .mk-ingredient-card:nth-child(3),\n .mk-benefit:nth-child(3),\n .mk-profile-card:nth-child(3),\n .mk-certif:nth-child(3),\n .mk-usage-step:nth-child(3) { animation-delay: .3s; }\n \n .mk-card:nth-child(4),\n .mk-benefit:nth-child(4),\n .mk-profile-card:nth-child(4),\n .mk-certif:nth-child(4) { animation-delay: .4s; }\n \n .mk-benefit:nth-child(5) { animation-delay: .5s; }\n .mk-benefit:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes mkFadeInUp {\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 .mk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mk-card,\n .mk-ingredient-card,\n .mk-benefit,\n .mk-profile-card {\n border: 2px solid var(--mk-text);\n }\n \n .mk-hero-title,\n .mk-cta-box p {\n text-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755373387933,"sku":"NBAICCO0013","price":7.98,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-bio-au-miel-de-manuka-pour-gencives-sensibles-comptoirs-et-compagnies-recto_1_11zon.jpg?v=1758897337"},{"product_id":"savon-de-toilette-somptueux-170-g-jardin-de-mon-grand-pere","title":"Savon de Toilette Somptueux - 170g - Jardin de mon Grand Père","description":"\u003cdiv class=\"sv-premium\"\u003e\n\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Huile d'argan \u0026amp; karité\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🍯 Enrichi au miel\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🧼 170 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eSavon de Toilette Somptueux\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eLe Jardin de mon Grand-Père\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eUn savon d'exception aux huiles précieuses d'argan et de karité, parfumé aux notes envoûtantes de géranium, patchouli, benjoin et fève tonka.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eSavon de Toilette Somptueux : un soin d'exception pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003esavon de toilette Somptueux\u003c\/strong\u003e de la gamme \u003cem\u003eLe Jardin de mon Grand-Père\u003c\/em\u003e est bien plus qu'un simple savon : c'est un véritable rituel de soin.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'une douceur incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel\u003c\/h3\u003e\n \u003cp\u003eHydrate et adoucit l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌺 Argile rouge\u003c\/h3\u003e\n \u003cp\u003ePurifie délicatement sans agresser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sv-section-intro\" style=\"margin-top:1.25rem;\"\u003eSon parfum chaleureux, mêlant les \u003cstrong\u003ehuiles essentielles de géranium et de patchouli\u003c\/strong\u003e, la \u003cstrong\u003erésine de benjoin\u003c\/strong\u003e et la \u003cstrong\u003efève tonka\u003c\/strong\u003e, transforme chaque toilette en un moment de pur réconfort.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon naturel ?\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eSi vous recherchez un savon naturel qui prend véritablement soin de votre peau, celui-ci coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan et le beurre de karité apportent des acides gras essentiels qui renforcent le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Douceur purifiante\u003c\/h3\u003e\n \u003cp\u003eL'argile rouge nettoie en douceur sans agresser, idéale pour les peaux sensibles ou sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eLes notes boisées et poudrées du patchouli, du benjoin et de la fève tonka créent une signature olfactive raffinée et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍃 Formule respectueuse\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans colorants synthétiques, sans dérivés pétrochimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eCe savon convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus délicates. Il offre un nettoyage efficace tout en laissant l'épiderme souple et subtilement parfumé. Notez toutefois qu'il ne s'agit pas d'un savon pour la toilette intime : pour cette zone spécifique, privilégiez un soin lavant au pH adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLa richesse de ce savon tient à la qualité de ses ingrédients, soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés nourrissantes et réparatrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n \u003cp\u003eActif hydratant naturel aux vertus adoucissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌺 Argile rouge\u003c\/h3\u003e\n \u003cp\u003ePurifie délicatement et revitalise le teint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de géranium\u003c\/h3\u003e\n \u003cp\u003eTonifiante et équilibrante pour la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌳 Huile essentielle de patchouli\u003c\/h3\u003e\n \u003cp\u003eApaisante, aux notes boisées caractéristiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🪵 Résine de benjoin\u003c\/h3\u003e\n \u003cp\u003eCicatrisante et réconfortante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫘 Fève tonka\u003c\/h3\u003e\n \u003cp\u003eApporte une touche gourmande et chaleureuse au parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003ePassez votre peau sous l'eau tiède pour la préparer au nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires pour profiter pleinement des actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Utilisable chaque jour, aussi bien pour le visage que pour le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pour le conserver plus longtemps :\u003c\/strong\u003e déposez-le sur un porte-savon aéré après chaque utilisation afin qu'il sèche correctement entre deux douches. Cela préservera sa texture et ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe Jardin de mon Grand-Père : l'art du savon authentique\u003c\/h2\u003e\n \u003cdiv class=\"sv-testimonial\"\u003e\n \u003cp class=\"sv-testimonial-text\"\u003eDerrière cette marque se cache un véritable engagement pour des soins artisanaux et naturels, inspirés des recettes d'autrefois. Chaque savon est fabriqué avec soin, dans le respect des traditions et de l'environnement. Choisir ce savon, c'est faire un geste à la fois pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003e✨ Envie de prolonger cette expérience sensorielle ? Complétez votre routine avec l'\u003ca rel=\"noopener\" title=\"Eau Aromatique Somptueuse Jardin de mon grand père\" href=\"https:\/\/www.naturellement-bio.com\/products\/eau-aromatique-somptueuse-100-ml-jardin-de-mon-grand-pere\" target=\"_blank\" style=\"color:#fff;text-decoration:underline;\"\u003eEau Aromatique Somptueuse\u003c\/a\u003e de la même gamme, pour un parfum subtil qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #f8f7f2;\n --sv-white: #ffffff;\n --sv-primary: #8db838;\n --sv-primary-dark: #4a6e1b;\n --sv-primary-light: #f0f6e4;\n --sv-secondary: #c5a55a;\n --sv-accent: #7a9e2e;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e0e0e0;\n --sv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6e1b 0%, #8db838 50%, #c5a55a 100%);\n border-radius: var(--sv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 20px);\n font-weight: 500;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sv-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sv-primary), var(--sv-secondary));\n border-radius: 2px;\n}\n\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n margin-bottom: 1.25rem;\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n .sv-card:nth-child(7) { animation-delay: .35s; }\n .sv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JARDIN DE MON GRAND PERE","offers":[{"title":"Default Title","offer_id":45755373781149,"sku":"SAV043","price":6.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-toilette-somptueux-170g-jardin-de-mon-grand-pere-lifestyle.webp?v=1775207125"},{"product_id":"deodorant-solide-au-beurre-de-cacao-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao Bio - 50g - Comme Avant","description":"\u003cdiv class=\"dc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dc-hero\"\u003e\n \u003cdiv class=\"dc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dc-hero-content\"\u003e\n \u003cdiv class=\"dc-badges-top\"\u003e\n \u003cspan class=\"dc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"dc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dc-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dc-hero-title\"\u003eDéodorant solide au beurre de cacao bio\u003c\/span\u003e\n \u003cp class=\"dc-subtitle\"\u003eStick kraft 50 g — Comme Avant\u003c\/p\u003e\n \u003cp class=\"dc-description\"\u003eSeulement 4 ingrédients d'origine naturelle pour une protection efficace, douce et respectueuse de votre peau comme de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eDéodorant solide au beurre de cacao bio : une protection naturelle et douce au quotidien\u003c\/h2\u003e\n \u003cp class=\"dc-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e vraiment efficace, qui respecte votre peau et la planète ? Le \u003cstrong\u003edéodorant solide au beurre de cacao\u003c\/strong\u003e de \u003cem\u003eComme Avant\u003c\/em\u003e coche toutes les cases. Formulé avec seulement quatre ingrédients d'origine naturelle, ce stick de 50 g vous accompagne pendant des semaines grâce à sa texture concentrée. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, vegan et fabriqué artisanalement en France près de Marseille, il s'adresse à toutes celles et ceux qui souhaitent prendre soin d'eux sans compromis.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant bio solide ?\u003c\/h2\u003e\n \u003cp class=\"dc-section-intro\"\u003eContrairement aux déodorants conventionnels, cette formule ne contient \u003cstrong\u003eni sels d'aluminium, ni alcool, ni parfum synthétique, ni conservateur\u003c\/strong\u003e. Résultat : il convient aux \u003cstrong\u003epeaux sensibles et réactives\u003c\/strong\u003e, y compris celles qui réagissent habituellement au bicarbonate de soude classique.\u003c\/p\u003e\n \u003cdiv class=\"dc-grid\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🛡️ Bloque les mauvaises odeurs\u003c\/h3\u003e\n \u003cp\u003eDurablement grâce au bicarbonate de sodium finement dosé qui neutralise les bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e💧 Régule la transpiration\u003c\/h3\u003e\n \u003cp\u003eSans obstruer les pores ni empêcher la peau de respirer. Votre corps fonctionne naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e✨ Nourrit et protège\u003c\/h3\u003e\n \u003cp\u003eGrâce au beurre de cacao bio, riche en acides gras essentiels qui prennent soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🤍 Ne pique pas\u003c\/h3\u003e\n \u003cp\u003eLaisse une sensation confortable dès l'application, même sur les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous êtes sensible aux odeurs ou souhaitez porter votre propre fragrance sans interférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eFemme, homme ou adolescent : ce déodorant solide s'adapte à chaque membre de la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eComposition complète : seulement 4 ingrédients\u003c\/h2\u003e\n \u003cp class=\"dc-section-intro\"\u003eLa force de ce \u003cstrong\u003edéodorant bio\u003c\/strong\u003e réside dans sa formule minimaliste et transparente. Pas d'ingrédient superflu, pas de substance controversée. Vous savez exactement ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003cdiv class=\"dc-grid-compact\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, nourrit et forme un film protecteur doux sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité pour une sensation de fraîcheur longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌴 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eApporte la tenue solide au stick et facilite l'application au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"dc-timeline\"\u003e\n \u003cdiv class=\"dc-timeline-item\"\u003e\n \u003cdiv class=\"dc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-content\"\u003e\n \u003ch3\u003ePréparez le stick\u003c\/h3\u003e\n \u003cp\u003ePoussez délicatement le fond du stick kraft pour faire remonter le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-item\"\u003e\n \u003cdiv class=\"dc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur peau propre\u003c\/h3\u003e\n \u003cp\u003eEffectuez deux à trois passages sur des aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e. Une fine couche suffit pour vous protéger toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-item\"\u003e\n \u003cdiv class=\"dc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dc-timeline-content\"\u003e\n \u003ch3\u003ePériode de transition\u003c\/h3\u003e\n \u003cp\u003eSi vous passez d'un déodorant conventionnel à ce déodorant naturel, accordez à votre corps 2 à 3 semaines d'adaptation : c'est normal et tout à fait sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-tip\"\u003e\n \u003cspan class=\"dc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en été ou par forte chaleur, conservez votre stick dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"dc-section\"\u003e\n \u003ch2\u003eUn emballage zéro déchet et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"dc-grid\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e📦 Carton kraft recyclable\u003c\/h3\u003e\n \u003cp\u003eLe packaging en carton kraft recyclable et compostable remplace le plastique habituellement utilisé pour les déodorants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabellisé Slow Cosmétique pour une cosmétique raisonnable, plus saine et plus respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement près de Marseille, ce produit incarne une démarche éthique complète, de la formulation à l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"dc-section-intro\" style=\"margin-top:1.25rem;\"\u003eChoisir ce déodorant solide, c'est faire un geste concret pour réduire vos déchets dans la salle de bain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"dc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"dc-grid-compact\"\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n \u003cp\u003eDouceur et protection au quotidien, sans parfum ni irritant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e👨 Hommes\u003c\/h3\u003e\n \u003cp\u003eEfficacité prouvée et formule sobre sans odeur artificielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eSans huile essentielle, adapté aux femmes enceintes et allaitantes (avis médical recommandé).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-card\"\u003e\n \u003ch3\u003e🌼 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux réactives et intolérantes aux parfums ou au bicarbonate classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dc-cta-box\"\u003e\n \u003cp\u003e🍫 4 ingrédients · 0 superflu · 100 % naturel\u003cbr\u003eOffrez à votre peau la douceur qu'elle mérite, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dc-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dc-cream: #faf6f1;\n --dc-white: #ffffff;\n --dc-primary: #b8946a;\n --dc-primary-dark: #7a5c3a;\n --dc-primary-light: #f3ece3;\n --dc-secondary: #c9a97a;\n --dc-accent: #d4a96a;\n --dc-text: #1a1a1a;\n --dc-text-light: #5a5a5a;\n --dc-border: #e6ddd3;\n --dc-shadow: 0 4px 24px rgba(122,92,58,.08);\n --dc-shadow-lg: 0 12px 48px rgba(122,92,58,.15);\n --dc-radius: 20px;\n --dc-radius-sm: 12px;\n}\n\n.dc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dc-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5c3a 0%, #b8946a 50%, #d4b98a 100%);\n border-radius: var(--dc-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(--dc-shadow-lg);\n}\n\n.dc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.dc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dc-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.dc-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}\n\n.dc-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.dc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dc-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(--dc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dc-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.dc-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(--dc-primary), var(--dc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.dc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dc-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.dc-card {\n background: var(--dc-white);\n border-radius: var(--dc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dc-shadow-lg);\n border-color: var(--dc-primary);\n}\n\n.dc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dc-grid-compact .dc-card {\n padding: 1rem;\n}\n\n.dc-grid-compact .dc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dc-grid-compact .dc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dc-primary), var(--dc-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.dc-timeline-content {\n flex: 1;\n background: var(--dc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dc-radius-sm);\n box-shadow: var(--dc-shadow);\n}\n\n.dc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dc-timeline-content p {\n font-size: 14px;\n color: var(--dc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dc-primary-light);\n border-radius: var(--dc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dc-tip p {\n font-size: 14px;\n color: var(--dc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dc-cta-box {\n background: linear-gradient(135deg, var(--dc-primary) 0%, var(--dc-primary-dark) 100%);\n border-radius: var(--dc-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.dc-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.dc-disclaimer {\n font-size: 12px;\n color: var(--dc-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 .dc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dc-card {\n padding: 1.125rem;\n }\n\n .dc-section {\n margin-bottom: 1.75rem;\n }\n\n .dc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dc-radius-sm);\n }\n\n .dc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dc-grid-compact {\n gap: .625rem;\n }\n\n .dc-grid-compact .dc-card {\n padding: .75rem;\n }\n\n .dc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dc-timeline-content h3 {\n font-size: 14px;\n }\n\n .dc-timeline-content p {\n font-size: 13px;\n }\n\n .dc-tip {\n padding: .875rem 1rem;\n }\n\n .dc-tip-icon {\n font-size: 20px;\n }\n\n .dc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dc-card {\n animation: dcFadeInUp .5s ease backwards;\n }\n .dc-card:nth-child(1) { animation-delay: .05s; }\n .dc-card:nth-child(2) { animation-delay: .1s; }\n .dc-card:nth-child(3) { animation-delay: .15s; }\n .dc-card:nth-child(4) { animation-delay: .2s; }\n .dc-card:nth-child(5) { animation-delay: .25s; }\n .dc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dcFadeInUp {\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 .dc-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":45755381809309,"sku":"NBAICAV0007","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-bio-50g-comme-avant-packshothd.webp?v=1775989822"},{"product_id":"deodorant-solide-au-beurre-de-cacao-citron-et-bergarmote-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Citron \u0026 Bergarmote - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Certifié Bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao – Citron \u0026amp; Bergamote\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eComme Avant\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003e5 ingrédients bio, un parfum d'agrumes frais et une efficacité longue durée — sans sels d'aluminium, sans parabènes, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eBeurre de cacao + citron \u0026amp; bergamote : le neutralisateur d'odeur utlime\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte autant votre peau que l'environnement ? Le déodorant solide au beurre de cacao Citron \u0026amp; Bergamote de Comme Avant est pensé pour vous. Formulé avec seulement cinq ingrédients biologiques, il neutralise les odeurs durablement tout en prenant soin de vos aisselles, sans aucun composant controversé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce déodorant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Neutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ebicarbonate de sodium\u003c\/strong\u003e élimine efficacement les bactéries responsables des mauvaises odeurs, pour une fraîcheur fiable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💧 Absorbe l'humidité\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eamidon de maïs bio\u003c\/strong\u003e capte l'excès d'humidité pour une sensation de confort et de sec, même lors des journées les plus actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Fraîcheur d'agrumes\u003c\/h3\u003e\n \u003cp\u003eLes huiles essentielles de \u003cstrong\u003ecitron\u003c\/strong\u003e et de \u003cstrong\u003ebergamote\u003c\/strong\u003e biologiques offrent un parfum frais, tonique et apaisant qui convient à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans ingrédients controversés\u003c\/h3\u003e\n \u003cp\u003eAucun sel d'aluminium, aucun parabène, aucun alcool. Une formule minimaliste et transparente pour une hygiène saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Mixte et universel\u003c\/h3\u003e\n \u003cp\u003eCe duo d'agrumes convient aussi bien aux femmes qu'aux hommes : un véritable \u003cstrong\u003edéodorant naturel\u003c\/strong\u003e sans distinction de genre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✅ Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e d'origine biologique. Rien de superflu, chaque composant a un rôle précis et essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eLe beurre de cacao : un actif nourrissant au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ebeurre de cacao biologique\u003c\/strong\u003e est riche en acides gras et en antioxydants. Il nourrit et adoucit la peau des aisselles, une zone souvent fragilisée par le rasage ou l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Peau souple et apaisée\u003c\/h3\u003e\n \u003cp\u003eVotre peau reste protégée, douce et confortable même en cas de sensibilité. L'effet nourrissant dure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao donne au stick sa texture agréable qui glisse facilement sur la peau, \u003cstrong\u003esans résidu gras ni traces\u003c\/strong\u003e sur les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Theobroma Cacao Seed Butter*\u003c\/h3\u003e\n \u003cp\u003eBeurre de cacao bio : nourrit et protège la peau en profondeur grâce à sa richesse en acides gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⚗️ Sodium Bicarbonate\u003c\/h3\u003e\n \u003cp\u003eBicarbonate de sodium : neutralise les odeurs en éliminant les bactéries responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Zea Mays Starch*\u003c\/h3\u003e\n \u003cp\u003eAmidon de maïs bio : absorbe l'humidité pour une sensation de confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Citrus Limon Peel Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de citron bio : apporte fraîcheur et tonicité avec des notes vives et pétillantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍊 Citrus Aurantium Bergamia Fruit Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de bergamote bio : complète l'effet déodorant avec des notes florales et agrumées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Certifié COSMOS Organic, label Vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePréparez la zone\u003c\/h3\u003e\n \u003cp\u003eAppliquez le stick directement sous les aisselles \u003cstrong\u003epropres et sèches\u003c\/strong\u003e, idéalement après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003edeux à trois passages\u003c\/strong\u003e : une fine couche suffit pour une protection efficace pendant plusieurs heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez si besoin\u003c\/h3\u003e\n \u003cp\u003eSi le produit semble un peu dur (notamment en hiver), réchauffez-le quelques secondes \u003cstrong\u003eentre vos paumes\u003c\/strong\u003e avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous passez d'un déodorant conventionnel à ce déodorant naturel, accordez à votre corps une \u003cstrong\u003epériode de transition de 2 à 3 semaines\u003c\/strong\u003e. C'est le temps nécessaire pour que votre peau s'adapte et retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn engagement zéro déchet jusqu'au bout\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Packaging kraft\u003c\/h3\u003e\n \u003cp\u003eStick entièrement compostable et recyclable, sans plastique ni suremballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⏳ 2 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eUn stick de 50 g vous accompagne pendant 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏭 Artisanal français\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille, en petites séries pour garantir fraîcheur et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e💰 Choix économique\u003c\/h3\u003e\n \u003cp\u003eUn produit longue durée qui respecte votre budget autant que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-testimonial\"\u003e\n \u003cp class=\"deo-testimonial-text\"\u003eCe déodorant solide convient à toutes les personnes souhaitant adopter une hygiène plus saine et plus responsable. Il est particulièrement apprécié par celles et ceux qui recherchent un \u003cstrong\u003edéodorant efficace naturel\u003c\/strong\u003e sans compromis sur le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de la présence de bicarbonate de sodium, ce déodorant est déconseillé sur les peaux lésées ou très réactives. En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un anti-transpirant médical. Il agit sur les odeurs et non sur la transpiration elle-même.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"deo-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez une routine naturelle et responsable avec le déodorant solide Comme Avant — 5 ingrédients bio, zéro plastique, une fraîcheur d'agrumes qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6ef;\n --deo-white: #ffffff;\n --deo-primary: #c8a84e;\n --deo-primary-dark: #8b6914;\n --deo-primary-light: #f5edda;\n --deo-secondary: #d4a843;\n --deo-accent: #7a9b5a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0d8c8;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6914 0%, #c8a84e 50%, #d4a843 100%);\n border-radius: var(--deo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--deo-shadow-lg);\n}\n\n.deo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.deo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--deo-primary), var(--deo-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.deo-testimonial {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--deo-shadow);\n border-left: 4px solid var(--deo-primary);\n}\n\n.deo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.deo-cta-box {\n background: linear-gradient(135deg, var(--deo-primary) 0%, var(--deo-primary-dark) 100%);\n border-radius: var(--deo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.deo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-testimonial {\n padding: 1.25rem;\n }\n\n .deo-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755384529053,"sku":"NBAICAV0051","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-citron-bergarmote-comme--packshothd.webp?v=1776251229"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/hygiene-915591.jpg?v=1732719526","url":"https:\/\/www.naturellement-bio.com\/collections\/hygiene.oembed?page=9","provider":"Naturellement Bio","version":"1.0","type":"link"}