{"title":"Pour le corps","description":"","products":[{"product_id":"gel-douche-doux-bio-miel","title":"Gel douche doux Bio Miel, Aloe Vera et Lait d'Amande - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0103_3b08a6d3-e655-4520-88f5-985eb789e013.jpg?v=1776180419\" alt=\"Photo d'une femme sous une cascade d'eau\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe gel douche doux Bio de Propolia combine les bienfaits du miel, de l'aloe vera et du lait d'amande pour \u003cstrong\u003enettoyer, hydrater et adoucir la peau\u003c\/strong\u003e. Avec son odeur gourmande d'amande douce et sa formule hypoallergénique, ce gel douche est idéal pour toute la famille.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce gel douche doux\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 99% d'ingrédients d'origine naturelle, dont 16% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage familial :\u003c\/strong\u003e Adapté à toute la famille, ce gel douche convient aux adultes et aux enfants dès 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand :\u003c\/strong\u003e Laisse une odeur agréable et délicate d'amande douce sur la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du gel douche doux miel, aloe vera et lait d’amande\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation intense :\u003c\/strong\u003e Le miel et l'aloe vera hydratent et nourrissent la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement :\u003c\/strong\u003e Le lait d'amande adoucit la peau et procure une sensation de confort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et confort :\u003c\/strong\u003e Allie les pouvoirs adoucissants du miel, de l'aloe vera et du lait d'amande pour une peau douce et sans tiraillements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité du gel douche doux Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduction locale :\u003c\/strong\u003e Développé et fabriqué en Occitanie, garantissant un savoir-faire régional de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification biologique :\u003c\/strong\u003e Certifié Bio par Ecocert, assurant l'utilisation d'ingrédients respectueux de l'environnement et de votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation sûre :\u003c\/strong\u003e Sans savon et sans tensio-actifs sulfatés, pour une peau respectée et protégée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTests dermatologiques :\u003c\/strong\u003e Rigoureusement testé sous contrôle dermatologique, pour une tolérance optimale, même sur les peaux les plus sensibles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe gel douche doux Bio de Propolia est idéal pour ceux qui cherchent à \u003cstrong\u003enettoyer, hydrater et adoucir leur peau naturellement.\u003c\/strong\u003e Grâce à sa formule riche en actifs naturels et sa texture onctueuse, il convient parfaitement à une utilisation quotidienne pour toute la famille. Utilisez ce gel douche pour une peau douce, hydratée et délicatement parfumée.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603178611018,"sku":"AP0103","price":11.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ap0103_2f716684-2d10-4c1e-8c9f-2813fe71723b.jpg?v=1778842815"},{"product_id":"savon-actif-propolis-miel-karite","title":"Savon actif Bio - Propolis, Miel \u0026 Karité - Propolia","description":"\n\u003cdiv class=\"soi-sav-fiche\"\u003e\n\n \u003csection class=\"soi-sav-hero\"\u003e\n \u003cdiv class=\"soi-sav-hero-tag\"\u003e\n \u003cspan class=\"soi-sav-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-sav-hero-title\"\u003ePropolis, Miel \u0026amp; Karité réunis dans un savon\u003c\/span\u003e\n \u003cp class=\"soi-sav-hero-subtitle\"\u003eTrois trésors de la ruche et du karité réunis dans un savon purifiant certifié bio, pour une peau nette, apaisée et nourrie au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel propolis bio fait la différence\u003c\/h2\u003e\n \u003cp\u003eLa propolis est une résine naturelle produite par les abeilles pour protéger leur ruche. Riche en flavonoïdes et en composés phénoliques, elle est reconnue pour ses puissantes propriétés purifiantes et assainissantes. Associée au miel bio, hydratant et apaisant, et au beurre de karité, fondant et nourrissant, ce trio forme une formule cohérente et complémentaire, particulièrement adaptée aux peaux mixtes, grasses ou à tendance acnéique.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons du commerce, celui-ci est certifié Cosmos Organic par Ecocert, composé à 99 % d'ingrédients d'origine naturelle, sans sulfates agressifs ni parabènes. Il est fabriqué en France, en Occitanie, selon des exigences de qualité rigoureuses.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon actif bio propolis ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid\"\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🌱 Peaux jeunes et juvéniles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les adolescents confrontés aux imperfections et aux excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e✨ Peaux à problèmes\u003c\/h3\u003e\n \u003cp\u003eBoutons, points noirs, pores dilatés, peau terne : ce savon purifiant vous aide à retrouver un teint plus net.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa douceur du karité et du miel équilibre le pouvoir purifiant de la propolis, pour un nettoyage sans agression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, pour le visage comme pour le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComposition du savon karité miel propolis\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eCe savon repose sur une recette enrichie en propolis bio, pensée pour allier efficacité et respect cutané.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-benefits\"\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eAction purifiante, assainissante et protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il aide à maintenir le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et protège la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-benefit\"\u003e\n \u003cdiv class=\"soi-sav-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBase saponifiée végétale\u003c\/h3\u003e\n \u003cp\u003eRiche et onctueuse, pour une mousse douce et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003e\u003cem\u003eIngrédients INCI complets disponibles sur l'emballage. Formule sans sulfates (SLS\/SLES), sans parabènes, sans huile de palme.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon bio pour le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-timeline\"\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau avec de l'eau tiède pour ouvrir les pores et préparer le nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau en effectuant des mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step\"\u003e\n \u003cdiv class=\"soi-sav-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-sav-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour une conservation optimale du pain de savon, laissez-le sécher entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-tip\"\u003e\n \u003cdiv class=\"soi-sav-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne utilisation quotidienne, matin et soir, est idéale pour les peaux à tendance acnéique. Pour les peaux plus sèches, réservez-le à une utilisation le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eCertifications et engagements Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-sav-grid-compact\"\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003ePlus de 30 ans d'expertise apicole\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card-mini\"\u003e\n \u003cspan class=\"soi-sav-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-sav-cta-box\"\u003e\n \u003cp class=\"soi-sav-cta-tag\" style=\"color: white;\"\u003ePropolis, miel et karité : le trio purifiant de la ruche\u003c\/p\u003e\n \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eUn savon bio fabriqué en France, conçu pour toute la famille. Une routine simple, naturelle et efficace pour retrouver une peau nette et douce au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sav-marine: #1A2D3D;\n --soi-sav-marine-dark: #0F1E2B;\n --soi-sav-marine-light: #2C4458;\n --soi-sav-pomme: #A1C544;\n --soi-sav-pomme-dark: #84A636;\n --soi-sav-pomme-light: rgba(161,197,68,0.10);\n\n --soi-sav-white: #FFFFFF;\n --soi-sav-off-white: #F8FAF6;\n --soi-sav-stone: #F1F3EE;\n --soi-sav-line: #E5E8E0;\n\n --soi-sav-primary: #7B4FA6;\n --soi-sav-primary-soft: #F5F0FA;\n --soi-sav-accent: #D4A42A;\n\n --soi-sav-text: #1A2D3D;\n --soi-sav-text-soft: #4A5B6B;\n --soi-sav-text-muted: #7B8693;\n\n --soi-sav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sav-radius: 12px;\n --soi-sav-radius-sm: 8px;\n --soi-sav-radius-pill: 999px;\n}\n\n.soi-sav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sav-fiche img { max-width: 100%; height: auto; }\n\n.soi-sav-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sav-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sav-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-sav-hero {\n position: relative;\n background: var(--soi-sav-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sav-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sav-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sav-pomme);\n}\n\n.soi-sav-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sav-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sav-pomme);\n border-radius: 50%;\n}\n\n.soi-sav-hero-title {\n display: block;\n color: var(--soi-sav-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sav-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sav-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sav-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sav-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sav-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sav-label-accent {\n background: var(--soi-sav-pomme);\n border-color: var(--soi-sav-pomme);\n color: var(--soi-sav-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-sav-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sav-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sav-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sav-pomme);\n border-radius: 2px;\n}\n\n.soi-sav-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-sav-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-sav-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sav-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sav-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-sav-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sav-benefit {\n background: var(--soi-sav-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sav-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sav-shadow-md);\n}\n\n.soi-sav-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sav-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sav-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sav-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sav-benefit:hover .soi-sav-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sav-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-benefit p {\n font-size: 13px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-sav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sav-card {\n background: var(--soi-sav-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border-left: 3px solid var(--soi-sav-pomme);\n}\n\n.soi-sav-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sav-card p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-sav-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-sav-card-mini {\n background: var(--soi-sav-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-sav-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-sav-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-sav-card-mini-label {\n font-size: 11px;\n color: var(--soi-sav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-sav-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-sav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sav-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sav-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sav-radius);\n border: 1px solid var(--soi-sav-line);\n align-items: flex-start;\n}\n\n.soi-sav-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sav-marine);\n color: var(--soi-sav-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sav-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sav-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sav-step-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-sav-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sav-pomme-light);\n border-left: 4px solid var(--soi-sav-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sav-radius) var(--soi-sav-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sav-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sav-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sav-marine);\n margin-bottom: 4px;\n}\n\n.soi-sav-tip p {\n font-size: 14px;\n color: var(--soi-sav-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-sav-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-sav-accordion-item {\n background: var(--soi-sav-off-white);\n border-radius: var(--soi-sav-radius-sm);\n border: 1px solid var(--soi-sav-line);\n overflow: hidden;\n}\n\n.soi-sav-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-sav-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-sav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-sav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-sav-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-sav-accordion-item[open] .soi-sav-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-sav-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-sav-accordion-content p {\n font-size: 14px;\n color: var(--soi-sav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-sav-cta-box {\n background: var(--soi-sav-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sav-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sav-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sav-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sav-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sav-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-sav-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-sav-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-sav-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sav-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-sav-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-sav-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sav-fiche {\n --soi-sav-text-soft: #2C3E50;\n --soi-sav-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603179659594,"sku":"AP0104","price":7.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-certifie-bio-propolis-miel-et-karite-propolia-packshot_caa0d251-f3b7-4bc3-ba91-480aa3949b4f.webp?v=1779809098"},{"product_id":"hygiene-intime-200ml-centifolia","title":"Soin Hygiène Intime Neutre certifié bio – Centifolia","description":"\n\u003cdiv class=\"soi-hint-fiche\"\u003e\n\n\u003csection class=\"soi-hint-hero\"\u003e\n \u003cdiv class=\"soi-hint-hero-tag\"\u003e\n \u003cspan class=\"soi-hint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Centifolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-hint-hero-title\"\u003eSoin Hygiène Intime Neutre certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-hint-hero-subtitle\"\u003eUn gel nettoyant intime à la douceur exemplaire, enrichi en prébiotique actif, pour respecter et protéger les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-hero-labels\"\u003e\n \u003cspan class=\"soi-hint-label soi-hint-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003e99% ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hint-label\"\u003eTESTÉ SOUS CONTRÔLE GYNÉCOLOGIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hygiène intime certifié bio ?\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003ePrendre soin de votre hygiène intime ne s'improvise pas. La zone intime possède un pH naturellement acide (entre 3,8 et 4,5) qu'il est essentiel de préserver pour éviter irritations, démangeaisons et déséquilibres de la flore. Contrairement à un savon classique, ce gel nettoyant intime bio est conçu pour respecter cet équilibre fragile, sans agresser les muqueuses.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-benefits\"\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003epH physiologique respecté\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans perturber l'environnement naturel de votre flore intime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans parfum\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux réactives et les muqueuses sensibles, sans aucune fragrance ajoutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e99% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmos Organic, propre et transparente, pour une toilette en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-benefit\"\u003e\n \u003cdiv class=\"soi-hint-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAdapté à toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes enceintes, allaitantes, et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLa technologie prébiotique active : ce qui fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eCe qui distingue le soin hygiène intime Centifolia des autres nettoyants intimes, c'est sa synergie unique entre un prébiotique actif et un polysaccharide apaisant. Concrètement, ces deux actifs travaillent ensemble pour vous offrir une protection complète.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🦠 Nourrir le microbiote\u003c\/h3\u003e\n \u003cp\u003eLe prébiotique actif nourrit les bonnes bactéries de votre microbiote intime et cutané, favorisant un environnement sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🛡️ Renforcer la barrière naturelle\u003c\/h3\u003e\n \u003cp\u003eLes muqueuses sont protégées contre les agressions extérieures grâce au renforcement de leur barrière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e✨ Prévenir les inconforts\u003c\/h3\u003e\n \u003cp\u003eContribue à prévenir les déséquilibres responsables des inconforts récurrents : sécheresse, tiraillements, irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-tip\"\u003e\n \u003cdiv class=\"soi-hint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eDès la première utilisation, vous retrouvez une zone intime propre, apaisée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComment utiliser ce nettoyant intime bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-timeline\"\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n \u003cp\u003eUne petite noisette suffit pour une toilette intime efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eAppliquez à la main uniquement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur la vulve externe, sans pénétrer. Évitez les gants de toilette qui peuvent être source de bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède, puis séchez délicatement par tamponnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step\"\u003e\n \u003cdiv class=\"soi-hint-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-hint-step-content\"\u003e\n \u003ch3\u003eUne fois par jour maximum\u003c\/h3\u003e\n \u003cp\u003ePour éviter de trop nettoyer et déséquilibrer le microbiote, limitez la toilette intime à une fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eComposition du Soin Hygiène Intime Neutre Centifolia\u003c\/h2\u003e\n \u003cp class=\"soi-hint-section-intro\"\u003eFormule épurée, à 99% d'ingrédients d'origine naturelle, sans parfum, sans phtalate, sans bisphénol A.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-compo\"\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003ePrébiotique actif\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eXylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003ePolysaccharides apaisants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e99% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-compo-row\"\u003e\n \u003cspan class=\"soi-hint-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-hint-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin, Xylitylglucoside, Anhydroxylitol, Xylitol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-hint-grid\"\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification biologique indépendante et rigoureuse, garantissant une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France, dans le respect des matières premières et du savoir-faire cosmétique français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hint-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, composé à 50% de plastique recyclé, pour une démarche plus respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\"\u003e\n \u003ch2\u003ePour qui est recommandé ce soin intime bio ?\u003c\/h2\u003e\n \u003cp\u003eCe nettoyant intime bio convient particulièrement aux femmes qui souffrent d'irritations récurrentes, aux peaux très sensibles, aux femmes enceintes ou allaitantes, et à toute personne souhaitant adopter une routine intime plus naturelle et respectueuse. Il peut également être utilisé par les enfants dès 3 ans, sous surveillance parentale.\u003c\/p\u003e\n \u003cdiv class=\"soi-hint-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-hint-accordion-item\"\u003e\n \u003csummary class=\"soi-hint-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-hint-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un avis médical en cas d'infection ou de symptômes persistants. Pour les enfants dès 3 ans, utilisez sous surveillance parentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-hint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hint-cta-box\"\u003e\n \u003cp class=\"soi-hint-cta-tag\" style=\"color: white;\"\u003eVotre rituel de douceur au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-hint-cta-text\" style=\"color: white;\"\u003ePrenez soin de vous avec une formule bio pensée pour les zones les plus délicates. Une toilette intime douce, protectrice et vraiment naturelle, chaque jour, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hint-marine: #1A2D3D;\n --soi-hint-marine-dark: #0F1E2B;\n --soi-hint-marine-light: #2C4458;\n --soi-hint-pomme: #A1C544;\n --soi-hint-pomme-dark: #84A636;\n --soi-hint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-hint-white: #FFFFFF;\n --soi-hint-off-white: #F8FAF6;\n --soi-hint-stone: #F1F3EE;\n --soi-hint-line: #E5E8E0;\n\n --soi-hint-primary: #7BB8CE;\n --soi-hint-primary-soft: #D0EAF5;\n --soi-hint-accent: #5A9AB5;\n\n --soi-hint-text: #1A2D3D;\n --soi-hint-text-soft: #4A5B6B;\n --soi-hint-text-muted: #7B8693;\n\n --soi-hint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hint-radius: 12px;\n --soi-hint-radius-sm: 8px;\n --soi-hint-radius-pill: 999px;\n}\n\n.soi-hint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hint-fiche img { max-width: 100%; height: auto; }\n\n.soi-hint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hint-hero {\n position: relative;\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hint-pomme);\n}\n\n.soi-hint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-hint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hint-pomme);\n border-radius: 50%;\n}\n\n.soi-hint-hero-title {\n display: block;\n color: var(--soi-hint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-hint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-hint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hint-label-accent {\n background: var(--soi-hint-pomme);\n border-color: var(--soi-hint-pomme);\n color: var(--soi-hint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-hint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hint-pomme);\n border-radius: 2px;\n}\n\n.soi-hint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-hint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-hint-benefit {\n background: var(--soi-hint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hint-shadow-md);\n}\n\n.soi-hint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hint-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-hint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hint-benefit:hover .soi-hint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-benefit p {\n font-size: 13px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-hint-card {\n background: var(--soi-hint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border-left: 3px solid var(--soi-hint-pomme);\n}\n\n.soi-hint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hint-card p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-hint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hint-radius);\n border: 1px solid var(--soi-hint-line);\n align-items: flex-start;\n}\n\n.soi-hint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hint-marine);\n color: var(--soi-hint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-hint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hint-step-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-hint-compo {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-hint-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-hint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-hint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-hint-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hint-pomme-light);\n border-left: 4px solid var(--soi-hint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hint-radius) var(--soi-hint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-hint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hint-marine);\n margin-bottom: 4px;\n}\n\n.soi-hint-tip p {\n font-size: 14px;\n color: var(--soi-hint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hint-accordion-item {\n background: var(--soi-hint-off-white);\n border-radius: var(--soi-hint-radius-sm);\n border: 1px solid var(--soi-hint-line);\n overflow: hidden;\n}\n\n.soi-hint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-hint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hint-accordion-item[open] .soi-hint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hint-accordion-content p {\n font-size: 14px;\n color: var(--soi-hint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hint-cta-box {\n background: var(--soi-hint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-hint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-hint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hint-compo-value {\n text-align: left;\n }\n\n .soi-hint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-hint-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-hint-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hint-fiche {\n --soi-hint-text-soft: #2C3E50;\n --soi-hint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603297853770,"sku":"CE0444","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-hygiene-intime-neutre-certifie-bio-centifolia-packshot.webp?v=1779188653"},{"product_id":"savon-actif-propolis-miel-et-karite-propolia","title":"Savon actif Propolis, Miel et Karité - Propolia","description":"\u003cdiv class=\"soi-spro-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-spro-hero\"\u003e\n \u003cdiv class=\"soi-spro-hero-tag\"\u003e\n \u003cspan class=\"soi-spro-tag-dot\"\u003e\u003c\/span\u003e\n Apithérapie · Propolia\n \u003c\/div\u003e\n \u003cspan class=\"soi-spro-hero-title\"\u003e1 savon, 3 ingrédients\u003c\/span\u003e\n \u003cp class=\"soi-spro-hero-subtitle\"\u003ePurifier, réparer et nourrir votre peau au quotidien grâce à trois actifs naturels d'exception issus de la ruche et du karité, certifiés bio.\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-hero-labels\"\u003e\n \u003cspan class=\"soi-spro-label soi-spro-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-spro-label\"\u003e97 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Purifier, réparer et nourrir au naturel --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eSavon actif Propolis, Miel et Karité : purifier, réparer et nourrir au naturel\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon capable de nettoyer vraiment en profondeur, sans agresser votre peau ni la dessécher ? Le savon actif propolis miel et karité Propolia est fait pour vous. Certifié COSMOS Organic et fabriqué en France (Occitanie), il combine trois actifs naturels d'exception pour un soin complet, visage et corps, adapté à toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi ce savon fait la différence --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePourquoi ce savon miel et propolis fait la différence\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eContrairement à un savon classique, ce soin actif ne se contente pas de nettoyer la surface. Chaque ingrédient a un rôle précis :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-benefits\"\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🐝\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePropolis bio\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle produite par les abeilles, reconnue pour ses propriétés purifiantes et protectrices. Elle aide à assainir les peaux à tendance acnéique et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel bio\u003c\/h3\u003e\n \u003cp\u003eDoux, apaisant et réparateur, il hydrate la peau tout en la protégeant des agressions extérieures. Idéal pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, il nourrit et adoucit la peau durablement, sans laisser de sensation grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-benefit\"\u003e\n \u003cdiv class=\"soi-spro-benefit-icon\"\u003e\u003cspan\u003e💐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuiles essentielles\u003c\/h3\u003e\n \u003cp\u003eLa lavande et le romarin apportent une odeur fraîche et naturelle, tout en renforçant l'action purifiante du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n \u003cp\u003eUne peau propre, équilibrée, douce au toucher, sans tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Pour qui --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003ePour qui est ce savon miel propolis bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid\"\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🎯 Peaux à imperfections ou acnéiques\u003c\/h3\u003e\n \u003cp\u003eLa propolis aide à assainir sans irriter, ce qui en fait une alternative naturelle sérieuse aux savons chimiques anti-acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles ou sèches\u003c\/h3\u003e\n \u003cp\u003eLe karité et le miel compensent l'effet nettoyant pour éviter toute sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les adultes comme pour les enfants dès 3 ans, il s'utilise au quotidien sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComposition du savon actif Propolia (INCI)\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eCe savon contient 97 % d'ingrédients d'origine naturelle, dont une part certifiée biologique. Principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-compo\"\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003ePropolis bio (extrait)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif hydratant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eMiel bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eLavande vraie, Romarin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-compo-row\"\u003e\n \u003cspan class=\"soi-spro-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-spro-compo-value\"\u003eSans parabène, sans sulfate, sans colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e\n \u003cp\u003eCe savon n'est pas un complément alimentaire : il est exclusivement réservé à un usage cutané externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eComment utiliser le savon propolis miel et karité ?\u003c\/h2\u003e\n \u003cp class=\"soi-spro-section-intro\"\u003eSon utilisation est simple et adaptée à votre routine quotidienne :\u003c\/p\u003e\n \u003cdiv class=\"soi-spro-timeline\"\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites 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=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step\"\u003e\n \u003cdiv class=\"soi-spro-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-spro-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et\/ou soir selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-tip\"\u003e\n \u003cdiv class=\"soi-spro-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger la durée de vie du pain de savon, conservez-le sur un porte-savon aéré entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Garanties qualité --\u003e\n \u003csection class=\"soi-spro-section\"\u003e\n \u003ch2\u003eLes garanties qualité Propolia\u003c\/h2\u003e\n \u003cdiv class=\"soi-spro-grid-compact\"\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003eFrance, Occitanie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e🐝\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e+ de 30 ans d'apiculture\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-spro-card-mini\"\u003e\n \u003cspan class=\"soi-spro-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-spro-card-mini-value\"\u003e100 g, compact\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-spro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-spro-cta-box\"\u003e\n \u003cp class=\"soi-spro-cta-tag\" style=\"color: white;\"\u003eUn soin d'hygiène purifiant, certifié bio\u003c\/p\u003e\n \u003cp class=\"soi-spro-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur de la ruche et du karité. Le savon actif Propolia, c'est la réponse naturelle pour une peau visiblement plus nette et plus douce, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-spro-marine: #1A2D3D;\n --soi-spro-marine-dark: #0F1E2B;\n --soi-spro-marine-light: #2C4458;\n --soi-spro-pomme: #A1C544;\n --soi-spro-pomme-dark: #84A636;\n --soi-spro-pomme-light: rgba(161,197,68,0.10);\n --soi-spro-white: #FFFFFF;\n --soi-spro-off-white: #F8FAF6;\n --soi-spro-stone: #F1F3EE;\n --soi-spro-line: #E5E8E0;\n --soi-spro-primary: #D4A82A;\n --soi-spro-primary-soft: #F5E6B8;\n --soi-spro-accent: #8A5082;\n --soi-spro-text: #1A2D3D;\n --soi-spro-text-soft: #4A5B6B;\n --soi-spro-text-muted: #7B8693;\n --soi-spro-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-spro-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-spro-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-spro-radius: 12px;\n --soi-spro-radius-sm: 8px;\n --soi-spro-radius-pill: 999px;\n}\n\n.soi-spro-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-spro-fiche img { max-width: 100%; height: auto; }\n\n.soi-spro-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-spro-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-spro-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-spro-hero {\n position: relative;\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-spro-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-spro-pomme);\n}\n\n.soi-spro-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-spro-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-spro-pomme);\n border-radius: 50%;\n}\n\n.soi-spro-hero-title {\n display: block;\n color: var(--soi-spro-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-spro-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-spro-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-spro-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-spro-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-spro-label-accent {\n background: var(--soi-spro-pomme);\n border-color: var(--soi-spro-pomme);\n color: var(--soi-spro-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-spro-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-spro-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-spro-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-spro-pomme);\n border-radius: 2px;\n}\n\n.soi-spro-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-spro-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-spro-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-spro-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-spro-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-spro-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-benefit {\n background: var(--soi-spro-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-spro-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-spro-shadow-md);\n}\n\n.soi-spro-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-spro-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-spro-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-spro-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-spro-benefit:hover .soi-spro-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-spro-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-benefit p {\n font-size: 13px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-spro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-spro-card {\n background: var(--soi-spro-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border-left: 3px solid var(--soi-spro-pomme);\n}\n\n.soi-spro-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-spro-card p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-spro-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-spro-card-mini {\n background: var(--soi-spro-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-spro-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-spro-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-spro-card-mini-label {\n font-size: 11px;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-spro-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n}\n\n\/* TIMELINE *\/\n.soi-spro-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-spro-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-spro-radius);\n border: 1px solid var(--soi-spro-line);\n align-items: flex-start;\n}\n\n.soi-spro-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-spro-marine);\n color: var(--soi-spro-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-spro-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-spro-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-spro-step-content p {\n font-size: 14px;\n color: var(--soi-spro-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-spro-compo {\n background: var(--soi-spro-off-white);\n border-radius: var(--soi-spro-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.soi-spro-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-spro-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-spro-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-spro-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-spro-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-spro-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-spro-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-spro-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-spro-pomme-light);\n border-left: 4px solid var(--soi-spro-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-spro-radius) var(--soi-spro-radius) 0;\n align-items: flex-start;\n}\n\n.soi-spro-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-spro-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-spro-marine);\n margin-bottom: 4px;\n}\n\n.soi-spro-tip p {\n font-size: 14px;\n color: var(--soi-spro-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-spro-cta-box {\n background: var(--soi-spro-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-spro-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-spro-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-spro-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-spro-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-spro-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-spro-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-spro-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-spro-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-spro-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-spro-compo-value {\n text-align: left;\n }\n\n .soi-spro-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-spro-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-spro-fiche {\n --soi-spro-text-soft: #2C3E50;\n --soi-spro-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603407397194,"sku":"AP0041","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-actif-propolis-miel-et-karite-propolia-packshot.webp?v=1779803435"},{"product_id":"savon-simple-et-sans-parfum-le-gang-des-bulles","title":"Savon 3en1 Sans Parfum - Le Gang des Bulles","description":"\u003cdiv class=\"soi-svon-fiche\"\u003e\n\n\u003csection class=\"soi-svon-hero\"\u003e\n \u003cdiv class=\"soi-svon-hero-tag\"\u003e\n \u003cspan class=\"soi-svon-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Le Gang des Bulles\n \u003c\/div\u003e\n \u003cspan class=\"soi-svon-hero-title\"\u003eSavon Simple et sans Parfum\u003c\/span\u003e\n \u003cp class=\"soi-svon-hero-subtitle\"\u003eUn savon doux, sans artifice, qui nettoie mains, visage et corps en préservant l'équilibre naturel de votre peau. Un seul flacon, une routine simplifiée, une peau qui respire.\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-hero-labels\"\u003e\n \u003cspan class=\"soi-svon-label soi-svon-label-accent\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eVÉGAN\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSURGRAS\u003c\/span\u003e\n \u003cspan class=\"soi-svon-label\"\u003eSAPONIFICATION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eUn savon 3-en-1 taillé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp\u003eCe savon doux sans parfum répond parfaitement aux besoins des peaux réactives, fragiles ou intolérantes aux formules conventionnelles. Grâce à son \u003cstrong\u003epH neutre et sa formule surgras\u003c\/strong\u003e, il nettoie sans décaper, sans irriter, sans altérer le film hydrolipidique. Résultat : une peau propre, souple et confortable après chaque utilisation.\u003c\/p\u003e\n \u003cp\u003eSon absence totale de parfum, de colorant et de conservateur en fait une option idéale pour toute la famille, y compris les peaux des bébés, des femmes enceintes ou de toute personne cherchant un savon neutre pour l'hygiène quotidienne, y compris l'hygiène intime externe.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eCe qui rend ce savon vraiment différent\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌿 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui conserve tous les actifs des huiles végétales et enrichit naturellement le savon en glycérine, pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavonnerie artisanale française, circuits courts, zéro dérivé pétrochimique : un choix responsable à chaque geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🐰 Végan et non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % d'origine naturelle, biodégradable, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e💧 Savon surgras sans parfum\u003c\/h3\u003e\n \u003cp\u003eRiche en huiles nourrissantes, il respecte et renforce la barrière cutanée à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComposition détaillée : des huiles bio sélectionnées avec soin\u003c\/h2\u003e\n \u003cp class=\"soi-svon-section-intro\"\u003eChaque ingrédient a été choisi pour son rôle précis sur la peau :\u003c\/p\u003e\n \u003cdiv class=\"soi-svon-benefits\"\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive extra vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et émolliente, elle protège et adoucit durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de coco vierge bio\u003c\/h3\u003e\n \u003cp\u003eNettoyante et antibactérienne naturelle, elle produit une mousse légère et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de chanvre vierge bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga 3 et 6, elle apaise les peaux irritées et rééquilibre les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-benefit\"\u003e\n \u003cdiv class=\"soi-svon-benefit-icon\"\u003e\u003cspan\u003e🍃\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCBD\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et anti-inflammatoires, il soutient le confort des peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-tip\"\u003e\n \u003cdiv class=\"soi-svon-tip-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans aucun compromis\u003c\/strong\u003e\n \u003cp\u003eSans parfum synthétique, colorant, conservateur, sulfate, parabène, silicone, dérivé pétrochimique ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-timeline\"\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite dose sur peau humide, mains, visage ou corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step\"\u003e\n \u003cdiv class=\"soi-svon-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-svon-step-content\"\u003e\n \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n \u003cp\u003eUtilisable quotidiennement pour l'hygiène des mains, du visage, du corps ou en savon pour hygiène intime externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003ch2\u003ePour qui est ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-svon-grid\"\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux fragiles, sujettes aux allergies ou intolérantes aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent limiter les expositions aux perturbateurs, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e👶 Toute la famille, bébés inclus\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, douce et sûre pour chaque membre du foyer, dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-svon-card\"\u003e\n \u003ch3\u003e🔍 Vous qui cherchez la transparence\u003c\/h3\u003e\n \u003cp\u003eUn savon de qualité, sans artifice, pour une hygiène quotidienne responsable et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\"\u003e\n \u003cdiv class=\"soi-svon-accordion\"\u003e\n \u003cdetails class=\"soi-svon-accordion-item\"\u003e\n \u003csummary class=\"soi-svon-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-svon-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique n'est pas un médicament et ne remplace pas un avis médical. En cas d'irritation cutanée persistante, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-svon-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-svon-cta-box\"\u003e\n \u003cp class=\"soi-svon-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement, commencer par l'essentiel\u003c\/p\u003e\n \u003cp class=\"soi-svon-cta-text\" style=\"color: white;\"\u003ePropre, sain, sans compromis. Avec ses huiles bio et son CBD apaisant, ce savon prend soin de votre peau chaque jour, en toute transparence. Pour vous, pour votre famille, pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-svon-marine: #1A2D3D;\n --soi-svon-marine-dark: #0F1E2B;\n --soi-svon-marine-light: #2C4458;\n --soi-svon-pomme: #A1C544;\n --soi-svon-pomme-dark: #84A636;\n --soi-svon-pomme-light: rgba(161,197,68,0.10);\n\n --soi-svon-white: #FFFFFF;\n --soi-svon-off-white: #F8FAF6;\n --soi-svon-stone: #F1F3EE;\n --soi-svon-line: #E5E8E0;\n\n --soi-svon-primary: #A8C8B8;\n --soi-svon-primary-soft: #D4E5DC;\n --soi-svon-accent: #C4A97D;\n\n --soi-svon-text: #1A2D3D;\n --soi-svon-text-soft: #4A5B6B;\n --soi-svon-text-muted: #7B8693;\n\n --soi-svon-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-svon-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-svon-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-svon-radius: 12px;\n --soi-svon-radius-sm: 8px;\n --soi-svon-radius-pill: 999px;\n}\n\n.soi-svon-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-svon-fiche img { max-width: 100%; height: auto; }\n\n.soi-svon-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-svon-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-svon-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-svon-hero {\n position: relative;\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-svon-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-svon-pomme);\n}\n\n.soi-svon-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-svon-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-svon-pomme);\n border-radius: 50%;\n}\n\n.soi-svon-hero-title {\n display: block;\n color: var(--soi-svon-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-svon-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-svon-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-svon-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-svon-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-svon-label-accent {\n background: var(--soi-svon-pomme);\n border-color: var(--soi-svon-pomme);\n color: var(--soi-svon-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-svon-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-svon-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-svon-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-svon-pomme);\n border-radius: 2px;\n}\n\n.soi-svon-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-svon-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-svon-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-svon-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-svon-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-svon-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-svon-benefit {\n background: var(--soi-svon-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-svon-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-svon-shadow-md);\n}\n\n.soi-svon-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-svon-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-svon-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-svon-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-svon-benefit:hover .soi-svon-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-svon-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-benefit p {\n font-size: 13px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-svon-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-svon-card {\n background: var(--soi-svon-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border-left: 3px solid var(--soi-svon-pomme);\n}\n\n.soi-svon-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-svon-card p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-svon-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-svon-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-svon-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-svon-radius);\n border: 1px solid var(--soi-svon-line);\n align-items: flex-start;\n}\n\n.soi-svon-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-svon-marine);\n color: var(--soi-svon-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-svon-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-svon-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-svon-step-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-svon-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-svon-pomme-light);\n border-left: 4px solid var(--soi-svon-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-svon-radius) var(--soi-svon-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-svon-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-svon-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-svon-marine);\n margin-bottom: 4px;\n}\n\n.soi-svon-tip p {\n font-size: 14px;\n color: var(--soi-svon-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-svon-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-svon-accordion-item {\n background: var(--soi-svon-off-white);\n border-radius: var(--soi-svon-radius-sm);\n border: 1px solid var(--soi-svon-line);\n overflow: hidden;\n}\n\n.soi-svon-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-svon-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-svon-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-svon-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-svon-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-svon-accordion-item[open] .soi-svon-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-svon-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-svon-accordion-content p {\n font-size: 14px;\n color: var(--soi-svon-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-svon-cta-box {\n background: var(--soi-svon-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-svon-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-svon-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-svon-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-svon-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-svon-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-svon-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-svon-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-svon-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-svon-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-svon-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-svon-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-svon-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-svon-fiche {\n --soi-svon-text-soft: #2C3E50;\n --soi-svon-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425026378,"sku":"GB0015","price":5.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/Savon3en1SansParfum-LeGangdesBulles_11zon.webp?v=1781253181"},{"product_id":"savon-saponifie-a-froid-certifie-bio-20-aloe-vera","title":"Savon saponifié à froid certifié Bio 20% Aloe Vera","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-aloe-hero\"\u003e\n \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003eSavon saponifié à froid certifié Bio 20% Aloe Vera\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUn savon surgras artisanal fabriqué en Provence, enrichi en aloe vera natif bio et équitable pour nettoyer votre peau en douceur sans jamais l'agresser.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eBIO \u0026amp; ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eVous cherchez un savon qui nettoie vraiment sans agresser votre peau ? Le savon saponifié à froid certifié Bio 20% Aloe Vera de Pur'Aloé est exactement ce qu'il vous faut. Formulé en Provence avec de l'aloe vera natif issu de pulpe fraîche non chauffée, ce savon surgras préserve tous les actifs de la plante pour une efficacité maximale sur les peaux sèches, sensibles et délicates.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir un savon saponifié à froid surgras ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon saponifié à froid surgras ?\u003c\/h2\u003e\n \u003cp\u003eLa saponification à froid est une méthode artisanale traditionnelle qui change tout. En évitant toute chauffe, elle conserve intacte la glycérine naturelle produite lors de la fabrication, ainsi que tous les bienfaits des huiles végétales. Résultat : un savon bien plus doux, nourrissant et respectueux de la peau que les savons industriels.\u003c\/p\u003e\n \u003cp\u003eAjoutez à cela la mention « surgras », qui signifie qu'une partie des huiles n'est pas saponifiée et reste libre pour nourrir directement la peau, et vous obtenez un soin lavant d'exception.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que l'Aloe Vera natif apporte à votre peau --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCe que l'Aloe Vera natif apporte à votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-benefits\"\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera, composé à 99% d'eau et de polysaccharides, retient l'humidité dans les couches superficielles de la peau pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet apaisant immédiat\u003c\/h3\u003e\n \u003cp\u003eIdéal après le rasage, en cas de tiraillements ou de rougeurs légères, ce savon calme instantanément les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et efficace\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et sébum sans perturber le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-benefit\"\u003e\n \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau revitalisée\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A, C, E et acides aminés de la plante soutiennent le renouvellement cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition et ingrédients du savon bio Pur'Aloé --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du savon bio Pur'Aloé\u003c\/h2\u003e\n \u003cp\u003eFormulé avec 99,9% d'ingrédients d'origine naturelle et 75% issus de l'agriculture biologique, ce savon aloe vera tient toutes ses promesses de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-grid-compact\"\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌵\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAloe Vera natif\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e20%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e99,9%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e75%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card-mini\"\u003e\n \u003cspan class=\"soi-aloe-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e90 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo\"\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e20% Aloe Vera natif bio et équitable (pulpe fraîche, non chauffée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eBeurre de karité certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eBase aqueuse\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eSans eau ajoutée (l'aloe vera remplace intégralement l'eau)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eHuile de palme, paraben, silicone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eProvence, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce savon aloe vera au quotidien ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon aloe vera au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-timeline\"\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains humides jusqu'à obtenir une mousse crémeuse et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eAppliquez et nettoyez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage ou le corps, puis rincez à l'eau tiède. Convient matin et soir, en remplacement de votre gel douche ou savon habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step\"\u003e\n \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePour préserver sa durée de vie, posez votre savon sur un porte-savon aéré entre chaque utilisation : bien séché, il dure bien plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-tip\"\u003e\n \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe savon convient à toute la famille, y compris aux peaux les plus sensibles. Utilisez-le au quotidien pour simplifier votre routine avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un choix engagé pour vous et la planète --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eUn choix engagé pour vous et la planète\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🏭 Fabrication responsable\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France dans un bâtiment écologique labellisé, sans émissions de fumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e📦 Emballage écoconçu\u003c\/h3\u003e\n \u003cp\u003eEmballage en carton recyclé, sans plastique, pour réduire votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu du commerce équitable, pour une filière juste et solidaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌍 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLa certification Cosmos Organic garantit des méthodes de production responsables et respectueuses de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est ce savon surgras saponifié à froid ? --\u003e\n \u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePour qui est ce savon surgras saponifié à froid ?\u003c\/h2\u003e\n \u003cp\u003eCe savon est particulièrement recommandé pour les peaux sèches, sensibles ou réactives, mais il convient à tous les types de peau. Il est aussi apprécié des personnes qui souhaitent simplifier leur routine beauté avec un produit unique, sain et efficace, du visage au corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n \u003cp class=\"soi-aloe-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin lavant d'exception : douceur, nutrition et engagement écoresponsable dans un seul geste, fabriqué artisanalement en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-aloe-marine: #1A2D3D;\n --soi-aloe-marine-dark: #0F1E2B;\n --soi-aloe-marine-light: #2C4458;\n --soi-aloe-pomme: #A1C544;\n --soi-aloe-pomme-dark: #84A636;\n --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n\n --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n\n --soi-aloe-primary: #6B8E4E;\n --soi-aloe-primary-soft: #E8DFC8;\n --soi-aloe-accent: #8FA87A;\n\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\n\n --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-aloe-radius: 12px;\n --soi-aloe-radius-sm: 8px;\n --soi-aloe-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-aloe-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-aloe-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-aloe-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n position: relative;\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-aloe-pomme);\n border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n display: block;\n color: var(--soi-aloe-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-aloe-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-aloe-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-aloe-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-aloe-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n background: var(--soi-aloe-pomme);\n border-color: var(--soi-aloe-pomme);\n color: var(--soi-aloe-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aloe-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-aloe-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-aloe-pomme);\n border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-aloe-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-aloe-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-aloe-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aloe-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n background: var(--soi-aloe-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-aloe-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-aloe-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-aloe-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n font-size: 13px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-aloe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-aloe-card {\n background: var(--soi-aloe-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border-left: 3px solid var(--soi-aloe-pomme);\n}\n\n.soi-aloe-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-aloe-card p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-aloe-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.5rem;\n}\n\n.soi-aloe-card-mini {\n background: var(--soi-aloe-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-aloe-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-aloe-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-aloe-card-mini-label {\n font-size: 11px;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-aloe-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-aloe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-aloe-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-aloe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-aloe-radius);\n border: 1px solid var(--soi-aloe-line);\n align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-aloe-marine);\n color: var(--soi-aloe-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-aloe-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-aloe-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-aloe-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-aloe-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-aloe-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-aloe-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-aloe-pomme-light);\n border-left: 4px solid var(--soi-aloe-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n align-items: flex-start;\n}\n\n.soi-aloe-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-aloe-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-aloe-marine);\n margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n font-size: 14px;\n color: var(--soi-aloe-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n background: var(--soi-aloe-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-aloe-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-aloe-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-aloe-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-aloe-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-aloe-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-aloe-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-aloe-compo-value {\n text-align: left;\n }\n\n .soi-aloe-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-aloe-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-aloe-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-aloe-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-aloe-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-aloe-fiche {\n --soi-aloe-text-soft: #2C3E50;\n --soi-aloe-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pur'Aloe","offers":[{"title":"Default Title","offer_id":61603430564170,"sku":"PU0095","price":8.06,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-saponifie-a-froid-certifie-bio-20-aloe-vera-packshot_0d997563-e54b-4484-ad5c-d80ca35b8c66.webp?v=1782112220"},{"product_id":"cure-oreille-reutilisable","title":"Cure-oreille réutilisable","description":"\n\u003cdiv class=\"soi-cure-fiche\"\u003e\n\n \u003csection class=\"soi-cure-hero\"\u003e\n \u003cdiv class=\"soi-cure-hero-tag\"\u003e\n \u003cspan class=\"soi-cure-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Laboratoire Code\n \u003c\/div\u003e\n \u003cspan class=\"soi-cure-hero-title\"\u003eCure-oreille réutilisable\u003c\/span\u003e\n \u003cp class=\"soi-cure-hero-subtitle\"\u003eUne alternative durable et artisanale aux cotons-tiges : plus sûre pour vos oreilles, plus respectueuse de la planète, et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-hero-labels\"\u003e\n \u003cspan class=\"soi-cure-label soi-cure-label-accent\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eMÉDAILLÉ CONCOURS LÉPINE\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003cspan class=\"soi-cure-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003ePourquoi le cure-oreille inox est meilleur que le coton-tige ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le cérumen joue un rôle protecteur dans l'oreille. Le problème ne vient pas du cérumen lui-même, mais de son accumulation excessive. Le coton-tige le pousse vers l'intérieur, favorisant la formation de bouchons.\u003c\/p\u003e\n \u003cp\u003eLe cure-oreille en inox médical adopte la logique inverse : sa petite pelle en métal récupère délicatement l'excès de cérumen sans enfoncer quoi que ce soit. Résultat : une hygiène auriculaire plus efficace, sans danger pour le conduit auditif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCe qui distingue vraiment ce cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-benefits\"\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eManche en bois de Charme français, pelle en inox médical. Un savoir-faire artisanal reconnu, bien loin des produits importés bas de gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🏅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMédaillé au Concours Lépine\u003c\/h3\u003e\n \u003cp\u003eUne distinction qui récompense l'innovation, la qualité de fabrication et l'utilité réelle du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZéro déchet, économique à vie\u003c\/h3\u003e\n \u003cp\u003eRéutilisable à l'infini, il remplace des milliers de cotons-tiges jetables. Un seul achat, des économies durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHygiène garantie\u003c\/h3\u003e\n \u003cp\u003eUn simple nettoyage à l'eau et au savon après chaque utilisation suffit. L'inox médical ne rouille pas et ne retient pas les bactéries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-benefit\"\u003e\n \u003cdiv class=\"soi-cure-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDouceur d'utilisation\u003c\/h3\u003e\n \u003cp\u003eLe bois de Charme offre une prise en main confortable. Le geste est précis, contrôlé, sans risque d'aller trop loin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eComment utiliser votre cure-oreille correctement ?\u003c\/h2\u003e\n \u003cp class=\"soi-cure-section-intro\"\u003eLe geste s'apprend en quelques secondes. Voici comment procéder en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"soi-cure-timeline\"\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInclinez légèrement la tête\u003c\/h3\u003e\n \u003cp\u003ePenchez la tête sur le côté pour faciliter l'accès au conduit auditif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eInsérez doucement la pelle\u003c\/h3\u003e\n \u003cp\u003ePlacez la pelle en inox à l'entrée du conduit, sans forcer ni enfoncer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eEffectuez un léger mouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eRécupérez le cérumen en excès par un geste rotatif délicat, sans appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step\"\u003e\n \u003cdiv class=\"soi-cure-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-cure-step-content\"\u003e\n \u003ch3\u003eRincez le cure-oreille\u003c\/h3\u003e\n \u003cp\u003eNettoyez à l'eau savonneuse après chaque utilisation et laissez sécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-tip\"\u003e\n \u003cdiv class=\"soi-cure-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eRéservez son usage à l'entrée du conduit uniquement. En cas de douleur ou de sensation de bouchon persistant, consultez un médecin ORL. Ce produit ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-compo\"\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eMatériaux\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eBois de Charme français et inox médical\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eArtisanale, 100% française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eEntretien\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eLavable à l'eau et au savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDurée de vie\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eÀ vie avec un entretien adapté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eDistinction\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eMédaille du Concours Lépine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-cure-compo-row\"\u003e\n \u003cspan class=\"soi-cure-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-cure-compo-value\"\u003eAdultes et adolescents\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le cure-oreille\u003c\/h2\u003e\n \u003cdiv class=\"soi-cure-accordion\"\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🔬 Le cure-oreille en métal est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser correctement, c'est-à-dire à l'entrée du conduit, sans enfoncer. La pelle en inox médical est conçue pour être douce et non traumatisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🛒 Où trouver un cure-oreille de qualité ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eCe produit est disponible directement sur notre site. Certains cure-oreilles se trouvent en pharmacie, mais peu atteignent le niveau de finition artisanale et la reconnaissance du Concours Lépine de ce modèle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-cure-accordion-item\"\u003e\n \u003csummary class=\"soi-cure-accordion-header\"\u003e🌍 Est-ce vraiment écologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-cure-accordion-content\"\u003e\n \u003cp\u003eUn seul cure-oreille remplace plusieurs milliers de cotons-tiges jetables sur sa durée de vie. L'impact environnemental est bien réel et mesurable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-cure-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-cure-cta-box\"\u003e\n \u003cp class=\"soi-cure-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes du quotidien\u003c\/p\u003e\n \u003cp class=\"soi-cure-cta-text\" style=\"color: white;\"\u003eUn geste simple, un outil pensé pour durer toute une vie. Le cure-oreille Laboratoire Code vous offre une hygiène auriculaire quotidienne plus douce, plus sûre et respectueuse de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-cure-marine: #1A2D3D;\n --soi-cure-marine-dark: #0F1E2B;\n --soi-cure-marine-light: #2C4458;\n --soi-cure-pomme: #A1C544;\n --soi-cure-pomme-dark: #84A636;\n --soi-cure-pomme-light: rgba(161,197,68,0.10);\n\n --soi-cure-white: #FFFFFF;\n --soi-cure-off-white: #F8FAF6;\n --soi-cure-stone: #F1F3EE;\n --soi-cure-line: #E5E8E0;\n\n --soi-cure-primary: #6DA8A0;\n --soi-cure-primary-soft: #B5DDD4;\n --soi-cure-accent: #5B9B94;\n\n --soi-cure-text: #1A2D3D;\n --soi-cure-text-soft: #4A5B6B;\n --soi-cure-text-muted: #7B8693;\n\n --soi-cure-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-cure-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-cure-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-cure-radius: 12px;\n --soi-cure-radius-sm: 8px;\n --soi-cure-radius-pill: 999px;\n}\n\n.soi-cure-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cure-fiche img { max-width: 100%; height: auto; }\n\n.soi-cure-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-cure-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-cure-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cure-hero {\n position: relative;\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-cure-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-cure-pomme);\n}\n\n.soi-cure-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-cure-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-cure-pomme);\n border-radius: 50%;\n}\n\n.soi-cure-hero-title {\n display: block;\n color: var(--soi-cure-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-cure-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-cure-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-cure-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-cure-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-cure-label-accent {\n background: var(--soi-cure-pomme);\n border-color: var(--soi-cure-pomme);\n color: var(--soi-cure-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cure-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cure-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-cure-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-cure-pomme);\n border-radius: 2px;\n}\n\n.soi-cure-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-cure-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-cure-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-cure-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-cure-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cure-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-cure-benefit {\n background: var(--soi-cure-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cure-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-cure-shadow-md);\n}\n\n.soi-cure-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-cure-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-cure-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-cure-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-cure-benefit:hover .soi-cure-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-cure-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-cure-benefit p {\n font-size: 13px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-cure-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-cure-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-cure-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-cure-radius);\n border: 1px solid var(--soi-cure-line);\n align-items: flex-start;\n}\n\n.soi-cure-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-cure-marine);\n color: var(--soi-cure-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-cure-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-cure-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-cure-step-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-cure-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-cure-pomme-light);\n border-left: 4px solid var(--soi-cure-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-cure-radius) var(--soi-cure-radius) 0;\n align-items: flex-start;\n}\n\n.soi-cure-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-cure-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-cure-marine);\n margin-bottom: 4px;\n}\n\n.soi-cure-tip p {\n font-size: 14px;\n color: var(--soi-cure-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cure-compo {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-cure-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-cure-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-cure-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-cure-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-cure-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-cure-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-cure-marine);\n text-align: right;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-cure-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-cure-accordion-item {\n background: var(--soi-cure-off-white);\n border-radius: var(--soi-cure-radius-sm);\n border: 1px solid var(--soi-cure-line);\n overflow: hidden;\n}\n\n.soi-cure-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-cure-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-cure-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-cure-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-cure-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-cure-accordion-item[open] .soi-cure-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-cure-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-cure-accordion-content p {\n font-size: 14px;\n color: var(--soi-cure-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cure-cta-box {\n background: var(--soi-cure-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-cure-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-cure-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-cure-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-cure-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-cure-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-cure-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-cure-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-cure-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-cure-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-cure-compo-value {\n text-align: left;\n }\n\n .soi-cure-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-cure-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-cure-fiche {\n --soi-cure-text-soft: #2C3E50;\n --soi-cure-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Laboratoire Code","offers":[{"title":"Default Title","offer_id":61603447374154,"sku":"LC1018","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/cure-oreille-reutilisable-packshot.webp?v=1782122227"},{"product_id":"savon-liquide-de-marseille-fleur-doranger-coslys","title":"Savon de Marseille Liquide - Fleur d'Oranger Bio - Coslys","description":"\u003cdiv class=\"soi-flor-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-flor-hero\"\u003e\n \u003cdiv class=\"soi-flor-hero-tag\"\u003e\n \u003cspan class=\"soi-flor-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-flor-hero-title\"\u003eSavon de Marseille liquide à la Fleur d'Oranger\u003c\/span\u003e\n \u003cp class=\"soi-flor-hero-subtitle\"\u003eLa tradition du savon de Marseille revisitée en version bio : une formule végétale à 96,5 % d'origine naturelle, délicatement parfumée à la fleur d'oranger, pour vos mains et votre corps au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-hero-labels\"\u003e\n \u003cspan class=\"soi-flor-label soi-flor-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003e96,5 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-flor-label\"\u003eSAVON D'ORIGINE VÉGÉTALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir un savon de Marseille liquide bio ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon de Marseille liquide bio ?\u003c\/h2\u003e\n \u003cp\u003eLe savon de Marseille liquide se distingue du savon classique par sa texture fluide, facile à doser, et sa richesse naturelle en glycérine, un humectant qui contribue à préserver le film hydrolipidique de votre peau. Contrairement à certains savons liquides du commerce, chargés en tensioactifs synthétiques, la formule Coslys mise sur des ingrédients végétaux saponifiés, doux même pour les peaux sensibles.\u003c\/p\u003e\n \u003cp\u003eLe parfum fleur d'oranger, léger et enveloppant, transforme chaque lavage en un moment agréable, sans agresser les peaux réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComposition : des actifs végétaux au service de votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-flor-section-intro\"\u003eLa force de ce savon de Marseille liquide repose sur une synergie d'actifs naturels et biologiques, soigneusement sélectionnés pour respecter votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-flor-benefits\"\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio saponifiée\u003c\/h3\u003e\n \u003cp\u003eNourrissante et protectrice, elle laisse la peau douce et confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eJus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisant et hydratant, il soutient le confort cutané, même après de multiples lavages journaliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGlycérine végétale naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue de la saponification, elle attire et retient l'humidité au cœur de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-benefit\"\u003e\n \u003cdiv class=\"soi-flor-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum fleur d'oranger\u003c\/h3\u003e\n \u003cp\u003eUne fragrance fruitée et délicate, idéale pour bien commencer la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eCertifications\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eCosmébio (cosmétique bio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eProfil\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003e96,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-compo-row\"\u003e\n \u003cspan class=\"soi-flor-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-flor-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser ce savon liquide de Marseille ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon liquide de Marseille ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-timeline\"\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003ePour les mains\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de savon sur les mains humides, frottez jusqu'à obtenir une mousse généreuse, puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité adaptée sur une éponge ou directement sur la peau mouillée, massez en douceur puis rincez soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step\"\u003e\n \u003cdiv class=\"soi-flor-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-flor-step-content\"\u003e\n \u003ch3\u003eAstuce lessive\u003c\/h3\u003e\n \u003cp\u003eCe savon de Marseille liquide peut être utilisé comme base de lessive maison, dilué dans de l'eau chaude avec du bicarbonate ou des cristaux de soude. Comptez environ 100 à 150 ml pour un litre de lessive maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Un engagement éco-responsable concret --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable concret\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-tip\"\u003e\n \u003cdiv class=\"soi-flor-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFlacon éco-conçu\u003c\/strong\u003e\n \u003cp\u003eLe flacon pompe est conçu en plastique recyclé, recyclable et rechargeable, ce qui réduit significativement les déchets plastiques sur le long terme. En optant pour la recharge ou le grand format, vous limitez votre empreinte environnementale sans compromis sur la qualité. Un geste simple, mais qui compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui est ce savon de Marseille liquide ? --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003ePour qui est ce savon de Marseille liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-grid\"\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un savon doux au quotidien, respectueux des peaux sèches ou délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUn produit polyvalent mains et corps pour l'ensemble de la maison, enfants inclus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🔎 Consommateurs attentifs\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux compositions et aux labels bio, et souhaitez un produit certifié Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-flor-card\"\u003e\n \u003ch3\u003e🧺 Adeptes du fait-maison\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une base de qualité pour préparer votre propre lessive au savon de Marseille liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Questions fréquentes --\u003e\n \u003csection class=\"soi-flor-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant de l'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-flor-accordion\"\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e🧴 Ce savon de Marseille liquide peut-il être utilisé comme lessive ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eOui. Il est souvent utilisé comme base pour une lessive liquide maison au savon de Marseille, efficace sur les textiles délicats. Comptez environ 100 à 150 ml pour un litre de lessive maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e👶 Ce savon convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eSa formule douce et sa composition à base d'ingrédients naturels le rendent adapté à toute la famille, enfants inclus. En cas de peau atopique ou d'allergie connue, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-flor-accordion-item\"\u003e\n \u003csummary class=\"soi-flor-accordion-header\"\u003e🇫🇷 Où est-il fabriqué ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-flor-accordion-content\"\u003e\n \u003cp\u003eEntièrement fabriqué en France, dans le respect des normes cosmétiques européennes et de la charte Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-flor-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-flor-cta-box\"\u003e\n \u003cp class=\"soi-flor-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-flor-cta-text\" style=\"color: white;\"\u003eDoux, naturel et délicatement parfumé à la fleur d'oranger, ce savon liquide de Marseille Coslys s'invite dans votre salle de bain comme un allié du quotidien. Il nettoie, respecte votre peau et l'environnement, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-flor-marine: #1A2D3D;\n --soi-flor-marine-dark: #0F1E2B;\n --soi-flor-marine-light: #2C4458;\n --soi-flor-pomme: #A1C544;\n --soi-flor-pomme-dark: #84A636;\n --soi-flor-pomme-light: rgba(161,197,68,0.10);\n --soi-flor-white: #FFFFFF;\n --soi-flor-off-white: #F8FAF6;\n --soi-flor-stone: #F1F3EE;\n --soi-flor-line: #E5E8E0;\n --soi-flor-primary: #D4A82A;\n --soi-flor-primary-soft: rgba(212,168,42,0.10);\n --soi-flor-accent: #E8C95A;\n --soi-flor-text: #1A2D3D;\n --soi-flor-text-soft: #4A5B6B;\n --soi-flor-text-muted: #7B8693;\n --soi-flor-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-flor-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-flor-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-flor-radius: 12px;\n --soi-flor-radius-sm: 8px;\n --soi-flor-radius-pill: 999px;\n}\n\n.soi-flor-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-flor-fiche img { max-width: 100%; height: auto; }\n\n.soi-flor-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-flor-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-flor-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-flor-hero {\n position: relative;\n background: var(--soi-flor-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-flor-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-flor-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-flor-pomme);\n}\n\n.soi-flor-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-flor-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-flor-pomme);\n border-radius: 50%;\n}\n\n.soi-flor-hero-title {\n display: block;\n color: var(--soi-flor-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-flor-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-flor-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-flor-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-flor-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-flor-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-flor-label-accent {\n background: var(--soi-flor-pomme);\n border-color: var(--soi-flor-pomme);\n color: var(--soi-flor-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-flor-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-flor-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-flor-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-flor-pomme);\n border-radius: 2px;\n}\n\n.soi-flor-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-flor-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-flor-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-flor-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-flor-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-flor-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-flor-benefit {\n background: var(--soi-flor-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-flor-radius);\n border: 1px solid var(--soi-flor-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-flor-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-flor-shadow-md);\n}\n\n.soi-flor-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-flor-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-flor-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-flor-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-flor-benefit:hover .soi-flor-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-flor-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flor-benefit p {\n font-size: 13px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-flor-compo {\n background: var(--soi-flor-off-white);\n border-radius: var(--soi-flor-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-flor-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-flor-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-flor-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-flor-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-flor-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-flor-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-flor-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-flor-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-flor-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-flor-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flor-radius);\n border: 1px solid var(--soi-flor-line);\n align-items: flex-start;\n}\n\n.soi-flor-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-flor-marine);\n color: var(--soi-flor-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-flor-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-flor-step-content p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-flor-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-flor-card {\n background: var(--soi-flor-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-flor-radius);\n border-left: 3px solid var(--soi-flor-pomme);\n}\n\n.soi-flor-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-flor-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-flor-card p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-flor-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-flor-pomme-light);\n border-left: 4px solid var(--soi-flor-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-flor-radius) var(--soi-flor-radius) 0;\n align-items: flex-start;\n}\n\n.soi-flor-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-flor-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-flor-marine);\n margin-bottom: 4px;\n}\n\n.soi-flor-tip p {\n font-size: 14px;\n color: var(--soi-flor-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-flor-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-flor-accordion-item {\n background: var(--soi-flor-off-white);\n border-radius: var(--soi-flor-radius-sm);\n border: 1px solid var(--soi-flor-line);\n overflow: hidden;\n}\n\n.soi-flor-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-flor-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-flor-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-flor-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-flor-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-flor-accordion-item[open] .soi-flor-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-flor-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-flor-accordion-content p {\n font-size: 14px;\n color: var(--soi-flor-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-flor-cta-box {\n background: var(--soi-flor-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-flor-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-flor-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-flor-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-flor-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-flor-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-flor-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-flor-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-flor-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-flor-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-flor-compo-value {\n text-align: left;\n }\n\n .soi-flor-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-flor-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-flor-fiche {\n --soi-flor-text-soft: #2C3E50;\n --soi-flor-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498000714,"sku":"CS0020","price":13.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-de-marseille-fleur-doranger-coslys-packshot.webp?v=1779610387"},{"product_id":"savon-liquide-de-marseille-bio-mandarine-coslys","title":"Savon liquide de Marseille Bio Mandarine – Coslys","description":"\u003cdiv class=\"soi-mand-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-mand-hero\"\u003e\n \u003cdiv class=\"soi-mand-hero-tag\"\u003e\n \u003cspan class=\"soi-mand-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-mand-hero-title\"\u003eSavon liquide de Marseille Bio Mandarine\u003c\/span\u003e\n \u003cp class=\"soi-mand-hero-subtitle\"\u003eUn geste quotidien alliant tradition marseillaise, douceur bio et fraîcheur de mandarine, pour vos mains et votre corps.\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-hero-labels\"\u003e\n \u003cspan class=\"soi-mand-label soi-mand-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003e96,5 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-mand-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Introduction --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003cp class=\"soi-mand-section-intro\"\u003eLe \u003cstrong\u003esavon liquide de Marseille bio Mandarine Coslys\u003c\/strong\u003e est bien plus qu'un simple savon pour les mains. Fabriqué en France selon les traditions ancestrales de saponification, il allie efficacité nettoyante, douceur pour la peau et engagement écologique sincère. Un flacon suffit pour toute la famille, du lavage des mains au soin du corps.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi choisir ce savon --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide de Marseille bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-benefits\"\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eSa base saponifiée à l'huile d'olive bio nourrit la peau à chaque lavage, sans l'agresser. La glycérine naturellement présente maintient l'hydratation cutanée, même avec une utilisation quotidienne intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReine des prés bio\u003c\/h3\u003e\n \u003cp\u003eL'eau florale de reine des prés bio apporte une note apaisante appréciable, notamment pour les peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-benefit\"\u003e\n \u003cdiv class=\"soi-mand-benefit-icon\"\u003e\u003cspan\u003e🍊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMandarine bio\u003c\/h3\u003e\n \u003cp\u003eLa fragrance de mandarine bio offre à chaque geste un instant frais et légèrement ensoleillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eComposition du savon de Marseille liquide Coslys\u003c\/h2\u003e\n \u003cp\u003eVoici les ingrédients qui composent ce savon (liste INCI) :\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-compo\"\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003ePotassium olivate*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHuile d'olive bio saponifiée, base nettoyante douce et nourrissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHydratante naturelle, issue de la saponification\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eFilipendula ulmaria flower water*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eEau florale de reine des prés bio, apaisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eSodium chloride\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eSel marin, texturant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eCitrus reticulata peel oil*\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eHuile essentielle de mandarine bio, parfum naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eLactic acid\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eAjuste le pH pour le respect du film cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-compo-row\"\u003e\n \u003cspan class=\"soi-mand-compo-label\"\u003eLimonene, Linalool\u003c\/span\u003e\n \u003cspan class=\"soi-mand-compo-value\"\u003eComposants naturels de l'huile essentielle de mandarine (allergènes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon de marseille liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-timeline\"\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003ePour les mains\u003c\/h3\u003e\n \u003cp\u003eAppuyez une à deux fois sur la pompe, frottez les mains sous l'eau tiède et rincez. La mousse dense nettoie efficacement sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur la peau humide ou sur un gant de toilette, massez en mouvements circulaires puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step\"\u003e\n \u003cdiv class=\"soi-mand-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mand-step-content\"\u003e\n \u003ch3\u003eUsage ménager léger\u003c\/h3\u003e\n \u003cp\u003eCe savon de Marseille liquide peut également servir de base pour une lessive liquide au savon de Marseille maison, dilué dans de l'eau avec quelques cuillères de bicarbonate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Certifications --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eCertifications et engagements éco-responsables\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-grid\"\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e✅ Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eFormulation bio contrôlée et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eConçu pour limiter l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🔄 Rechargeable\u003c\/h3\u003e\n \u003cp\u003ePensez à opter pour le grand format ou la recharge pour réduire vos déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mand-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local, circuit court.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Ce savon convient-il à toute la famille ? --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eCe savon convient-il à toute la famille ?\u003c\/h2\u003e\n \u003cp\u003eOui. Sa formulation douce, sans sulfates agressifs ni silicones, convient aux \u003cstrong\u003epeaux sensibles, sèches ou mixtes\u003c\/strong\u003e. Il peut être utilisé par les adultes comme par les enfants dès l'âge de 3 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-mand-tip\"\u003e\n \u003cdiv class=\"soi-mand-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous êtes allergique aux composants naturels du limonène ou du linalool (présents dans l'huile essentielle de mandarine), consultez la liste INCI avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Questions fréquentes --\u003e\n \u003csection class=\"soi-mand-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon liquide de Marseille\u003c\/h2\u003e\n \u003cdiv class=\"soi-mand-accordion\"\u003e\n \u003cdetails class=\"soi-mand-accordion-item\"\u003e\n \u003csummary class=\"soi-mand-accordion-header\"\u003e🧺 Peut-on l'utiliser comme lessive savon de Marseille liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mand-accordion-content\"\u003e\n \u003cp\u003eEn usage ponctuel sur des taches légères ou en complément d'une lessive maison, oui. Pour un usage machine régulier, préférez un produit spécifiquement formulé pour l'entretien du linge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-mand-accordion-item\"\u003e\n \u003csummary class=\"soi-mand-accordion-header\"\u003e🧼 Quelle est la différence avec un savon de Marseille solide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-mand-accordion-content\"\u003e\n \u003cp\u003eLa version liquide est plus pratique au quotidien, dosable grâce à la pompe, et moins susceptible de laisser des résidus sur les lavabos. Elle conserve les mêmes vertus nettoyantes et douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-mand-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mand-cta-box\"\u003e\n \u003cp class=\"soi-mand-cta-tag\" style=\"color: white;\"\u003eSe laver avec soin, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-mand-cta-text\" style=\"color: white;\"\u003eAvec le savon liquide de Marseille bio Mandarine de Coslys, vous choisissez un geste quotidien respectueux de votre peau et de la planète. Doux, naturel, vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mand-marine: #1A2D3D;\n --soi-mand-marine-dark: #0F1E2B;\n --soi-mand-marine-light: #2C4458;\n --soi-mand-pomme: #A1C544;\n --soi-mand-pomme-dark: #84A636;\n --soi-mand-pomme-light: rgba(161,197,68,0.10);\n\n --soi-mand-white: #FFFFFF;\n --soi-mand-off-white: #F8FAF6;\n --soi-mand-stone: #F1F3EE;\n --soi-mand-line: #E5E8E0;\n\n --soi-mand-primary: #E8943A;\n --soi-mand-primary-soft: #FDF3E7;\n --soi-mand-accent: #D4A52A;\n\n --soi-mand-text: #1A2D3D;\n --soi-mand-text-soft: #4A5B6B;\n --soi-mand-text-muted: #7B8693;\n\n --soi-mand-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mand-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mand-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mand-radius: 12px;\n --soi-mand-radius-sm: 8px;\n --soi-mand-radius-pill: 999px;\n}\n\n.soi-mand-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mand-fiche img { max-width: 100%; height: auto; }\n\n.soi-mand-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mand-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mand-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-mand-hero {\n position: relative;\n background: var(--soi-mand-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-mand-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mand-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mand-primary);\n}\n\n.soi-mand-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-mand-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mand-primary);\n border-radius: 50%;\n}\n\n.soi-mand-hero-title {\n display: block;\n color: var(--soi-mand-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-mand-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-mand-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mand-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-mand-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mand-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mand-label-accent {\n background: var(--soi-mand-primary);\n border-color: var(--soi-mand-primary);\n color: var(--soi-mand-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-mand-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mand-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-mand-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mand-pomme);\n border-radius: 2px;\n}\n\n.soi-mand-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mand-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mand-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mand-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mand-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mand-section p em {\n font-size: 13px;\n color: var(--soi-mand-text-muted);\n}\n\n\/* === BENEFITS === *\/\n.soi-mand-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-mand-benefit {\n background: var(--soi-mand-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mand-radius);\n border: 1px solid var(--soi-mand-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mand-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mand-shadow-md);\n}\n\n.soi-mand-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mand-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-mand-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mand-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mand-benefit:hover .soi-mand-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mand-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mand-benefit p {\n font-size: 13px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-mand-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mand-card {\n background: var(--soi-mand-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mand-radius);\n border-left: 3px solid var(--soi-mand-pomme);\n}\n\n.soi-mand-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mand-card p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-mand-compo {\n background: var(--soi-mand-off-white);\n border-radius: var(--soi-mand-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mand-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-mand-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mand-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mand-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mand-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mand-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mand-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-mand-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mand-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mand-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mand-radius);\n border: 1px solid var(--soi-mand-line);\n align-items: flex-start;\n}\n\n.soi-mand-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mand-primary);\n color: var(--soi-mand-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-mand-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mand-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mand-step-content p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-mand-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mand-primary-soft);\n border-left: 4px solid var(--soi-mand-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mand-radius) var(--soi-mand-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-mand-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mand-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mand-marine);\n margin-bottom: 4px;\n}\n\n.soi-mand-tip p {\n font-size: 14px;\n color: var(--soi-mand-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-mand-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mand-accordion-item {\n background: var(--soi-mand-off-white);\n border-radius: var(--soi-mand-radius-sm);\n border: 1px solid var(--soi-mand-line);\n overflow: hidden;\n}\n\n.soi-mand-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mand-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-mand-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mand-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mand-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-mand-accordion-item[open] .soi-mand-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mand-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mand-accordion-content p {\n font-size: 14px;\n color: var(--soi-mand-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-mand-cta-box {\n background: var(--soi-mand-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mand-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mand-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-mand-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mand-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-mand-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-mand-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mand-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-mand-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mand-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mand-compo-value {\n text-align: left;\n }\n\n .soi-mand-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-mand-tip {\n flex-direction: column;\n gap: 0.5rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-mand-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mand-fiche {\n --soi-mand-text-soft: #2C3E50;\n --soi-mand-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603498525002,"sku":"CS0025","price":13.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-liquide-de-marseille-bio-mandarine-coslys-packshot.webp?v=1779614256"},{"product_id":"gel-douche-protecteur-olive-certifie-bio-coslys","title":"Gel douche protecteur Olive certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-oliv-fiche\"\u003e\n\n \u003csection class=\"soi-oliv-hero\"\u003e\n \u003cdiv class=\"soi-oliv-hero-tag\"\u003e\n \u003cspan class=\"soi-oliv-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corporelle · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-oliv-hero-title\"\u003eLa douceur protectrice de l'olivier\u003c\/span\u003e\n \u003cp class=\"soi-oliv-hero-subtitle\"\u003eUn gel douche sans savon, certifié bio, qui nettoie en douceur tout en nourrissant votre peau grâce à l'huile d'olive et à la reine des prés biologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-hero-labels\"\u003e\n \u003cspan class=\"soi-oliv-label soi-oliv-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel douche à l'huile d'olive bio ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'olive est l'un des actifs naturels les plus anciens et les plus reconnus pour le soin de la peau. Riche en acides gras et en antioxydants, elle aide à nourrir la barrière cutanée, à maintenir l'hydratation naturelle et à laisser la peau douce sans résidu gras. Associée à la reine des prés bio, connue pour ses propriétés apaisantes, cette formule vous offre un soin complet dès la douche.\u003c\/p\u003e\n \u003cp\u003eContrairement à un savon classique qui peut déséquilibrer le film hydrolipidique, ce gel sans savon respecte l'équilibre naturel de votre peau. Résultat : aucune sensation de tiraillement, même après une douche chaude.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eCe que vous apporte vraiment ce gel douche Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-benefits\"\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine et légère élimine efficacement les impuretés sans agresser la peau, idéale pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection et nutrition\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio renforce la barrière cutanée et prévient le dessèchement de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eFormulé pour tous types de peaux, y compris les peaux sensibles : un seul flacon pour tout le foyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum frais et naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance pétillante qui accompagne agréablement votre rituel de douche quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-grid\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003e1 litre en plastique 100 % recyclé, recyclable et rechargeable pour limiter votre impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eDéveloppé et conditionné à Somloire, en Anjou, dans le laboratoire Coslys.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e✅ Certifié et engagé\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, vegan et cruelty-free : sans ingrédients d'origine animale, sans tests sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComposition : 97,5 % d'ingrédients d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"soi-oliv-section-intro\"\u003eCe gel douche bio affiche une transparence totale sur sa formule. Voici les ingrédients clés qui composent ce soin.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-compo\"\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eHuile d'olive bio (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eExtrait de reine des prés bio (Filipendula Ulmaria)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eTensioactifs d'origine végétale, sans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003e97,5 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003e0 % savon, paraben, silicone, colorant de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-oliv-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTransparence totale\u003c\/strong\u003e\n \u003cp\u003eLa liste complète des ingrédients (INCI) est disponible sur l'emballage du produit, conformément aux exigences de la certification Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche à l'huile d'olive ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-timeline\"\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eDosez avec la pompe\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le distributeur pompe pour déposer une noisette de gel dans votre main ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur l'ensemble du corps en massages circulaires doux. Le gel convient également pour les enfants, sous surveillance adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step\"\u003e\n \u003cdiv class=\"soi-oliv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau. La peau reste douce, souple et légèrement parfumée, sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce gel douche bio olive\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-accordion\"\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e🧴 Ce gel douche convient-il aux peaux sèches ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eOui, grâce à l'huile d'olive bio qui nourrit et protège la peau, il est particulièrement adapté aux peaux sèches ou inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e👶 Peut-on l'utiliser comme gel douche pour bébé ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eSa formule douce sans savon et sans tensioactifs sulfatés est compatible avec les peaux fragiles. Cependant, pour les tout-petits, consultez l'avis d'un professionnel de santé avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e📦 Le grand format 1 litre est-il pratique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eAbsolument : le flacon pompe facilite le dosage et limite le gaspillage. Il est aussi rechargeable pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique. Il ne se substitue à aucun traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-oliv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-oliv-cta-box\"\u003e\n \u003cp class=\"soi-oliv-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en douceur\u003c\/p\u003e\n \u003cp class=\"soi-oliv-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un nettoyage respectueux et nourrissant, chaque jour. Ce gel douche bio Coslys à l'huile d'olive, fabriqué en France et certifié Cosmos Organic, est bien plus qu'un simple nettoyant : c'est un moment de douceur quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-oliv-marine: #1A2D3D;\n --soi-oliv-marine-dark: #0F1E2B;\n --soi-oliv-marine-light: #2C4458;\n --soi-oliv-pomme: #A1C544;\n --soi-oliv-pomme-dark: #84A636;\n --soi-oliv-pomme-light: rgba(161,197,68,0.10);\n --soi-oliv-white: #FFFFFF;\n --soi-oliv-off-white: #F8FAF6;\n --soi-oliv-stone: #F1F3EE;\n --soi-oliv-line: #E5E8E0;\n --soi-oliv-primary: #7A9A5A;\n --soi-oliv-primary-soft: #E8F0DC;\n --soi-oliv-accent: #A8B5D4;\n --soi-oliv-text: #1A2D3D;\n --soi-oliv-text-soft: #4A5B6B;\n --soi-oliv-text-muted: #7B8693;\n --soi-oliv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-oliv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-oliv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-oliv-radius: 12px;\n --soi-oliv-radius-sm: 8px;\n --soi-oliv-radius-pill: 999px;\n}\n\n.soi-oliv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oliv-fiche img { max-width: 100%; height: auto; }\n\n.soi-oliv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-oliv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-oliv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-oliv-hero {\n position: relative;\n background: var(--soi-oliv-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-oliv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-oliv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-oliv-pomme);\n}\n\n.soi-oliv-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-oliv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-oliv-pomme);\n border-radius: 50%;\n}\n\n.soi-oliv-hero-title {\n display: block;\n color: var(--soi-oliv-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-oliv-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-oliv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-oliv-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-oliv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-oliv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-oliv-label-accent {\n background: var(--soi-oliv-pomme);\n border-color: var(--soi-oliv-pomme);\n color: var(--soi-oliv-marine);\n font-weight: 600;\n}\n\n.soi-oliv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oliv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-oliv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-oliv-pomme);\n border-radius: 2px;\n}\n\n.soi-oliv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-oliv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-oliv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-oliv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-oliv-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-oliv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-oliv-benefit {\n background: var(--soi-oliv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oliv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-oliv-shadow-md);\n}\n\n.soi-oliv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-oliv-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-oliv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-oliv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-oliv-benefit:hover .soi-oliv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-oliv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-benefit p {\n font-size: 13px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-oliv-card {\n background: var(--soi-oliv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border-left: 3px solid var(--soi-oliv-pomme);\n}\n\n.soi-oliv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-card p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-compo {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-oliv-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-oliv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-oliv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-oliv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-oliv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-oliv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-oliv-marine);\n text-align: right;\n}\n\n.soi-oliv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-oliv-pomme-light);\n border-left: 4px solid var(--soi-oliv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-oliv-radius) var(--soi-oliv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-oliv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-oliv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-oliv-marine);\n margin-bottom: 4px;\n}\n\n.soi-oliv-tip p {\n font-size: 14px;\n color: var(--soi-oliv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-oliv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-oliv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n align-items: flex-start;\n}\n\n.soi-oliv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-oliv-marine);\n color: var(--soi-oliv-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-oliv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-oliv-step-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-oliv-accordion-item {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius-sm);\n border: 1px solid var(--soi-oliv-line);\n overflow: hidden;\n}\n\n.soi-oliv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-oliv-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-oliv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-oliv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-oliv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-oliv-accordion-item[open] .soi-oliv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-oliv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-oliv-accordion-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-cta-box {\n background: var(--soi-oliv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-oliv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-oliv-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-oliv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-oliv-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-oliv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-oliv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-oliv-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-oliv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-oliv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-oliv-compo-value {\n text-align: left;\n }\n\n .soi-oliv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-oliv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-oliv-fiche {\n --soi-oliv-text-soft: #2C3E50;\n --soi-oliv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507241290,"sku":"CS0065","price":16.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0065-gel-douche-protecteur-olive_e46ed58e-3772-45ec-b141-35eff45ac0c5.jpg?v=1778843053"},{"product_id":"gel-douche-verveine-citron-certifie-bio-coslys","title":"Gel douche Verveine Citron certifié bio – Coslys","description":"\n\u003cdiv class=\"soi-gdvc-fiche\"\u003e\n\n \u003csection class=\"soi-gdvc-hero\"\u003e\n \u003cdiv class=\"soi-gdvc-hero-tag\"\u003e\n \u003cspan class=\"soi-gdvc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène corps · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gdvc-hero-title\"\u003eLe réveil sensoriel à la verveine et au citron\u003c\/span\u003e\n \u003cp class=\"soi-gdvc-hero-subtitle\"\u003eUn gel douche bio certifié Cosmos Organic, formulé à 97,5 % d'ingrédients d'origine naturelle, pour transformer chaque douche en un élan de fraîcheur vivifiante.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-hero-labels\"\u003e\n \u003cspan class=\"soi-gdvc-label soi-gdvc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-gdvc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eGel douche bio Verveine \u0026amp; Citron : la douche qui réveille vraiment\u003c\/h2\u003e\n \u003cp\u003eVous connaissez ces matins où le corps a du mal à démarrer ? Ce gel douche bio Verveine Citron de Coslys est précisément fait pour ça. Sa fragrance fraîche et acidulée, mêlant la verveine bio et les notes vives du citron, transforme une douche ordinaire en un vrai moment de réveil sensoriel. Certifié Cosmos Organic, il est formulé à 97,5 % d'ingrédients d'origine naturelle et convient à tous les types de peaux, même les plus réactives.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eCe que vous trouverez dans la formule\u003c\/h2\u003e\n \u003cp class=\"soi-gdvc-section-intro\"\u003eChaque ingrédient a été sélectionné pour son utilité réelle, pas pour l'affichage.\u003c\/p\u003e\n \u003cdiv class=\"soi-gdvc-grid\"\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise en douceur, sans effet collant. Idéal pour les peaux sensibles ou celles qui tiraillent après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et calmante, elle contribue à l'équilibre cutané et laisse une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍃 Verveine exotique\u003c\/h3\u003e\n \u003cp\u003eNote herbacée légère et revitalisante, véritable signature olfactive de ce gel douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🍋 Essence naturelle de citron\u003c\/h3\u003e\n \u003cp\u003eVivifiante, elle stimule les sens et apporte cette touche d'énergie que l'on recherche en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-card\"\u003e\n \u003ch3\u003e🧴 Base lavante végétale, sans savon\u003c\/h3\u003e\n \u003cp\u003eNettoie sans agresser et respecte le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eLes points qui font vraiment la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-benefits\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de transparence totale sur la composition et les procédés de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, pH équilibré\u003c\/h3\u003e\n \u003cp\u003eLa peau n'est pas desséchée ni agressée, même avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et Cruelty-Free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur animaux. Un choix cohérent et éthique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-benefit\"\u003e\n \u003cdiv class=\"soi-gdvc-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction locale, contrôle qualité rigoureux, empreinte carbone réduite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003ePour qui est ce gel douche bio ?\u003c\/h2\u003e\n \u003cp\u003eCe gel douche convient à tous les types de peaux, y compris les peaux sensibles et les peaux sèches qui réagissent mal aux formules classiques. Sa texture fluide et son parfum délicat en font aussi une excellente option pour les personnes à la recherche d'un gel douche bio à l'aloe vera efficace au quotidien. Adapté à toute la famille grâce à sa formule douce, il peut être utilisé dès le plus jeune âge, en dehors des nourrissons.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-timeline\"\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe sur une main ou un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser sur l'ensemble du corps pour une mousse onctueuse et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step\"\u003e\n \u003cdiv class=\"soi-gdvc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Convient pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gdvc-tip\"\u003e\n \u003cdiv class=\"soi-gdvc-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, terminez votre douche par un rinçage à l'eau légèrement fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gdvc-accordion\"\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Coco-Glucoside, Glycerin, Aloe Barbadensis Leaf Juice*, Filipendula Ulmaria Flower Water*, Cymbopogon Nardus Oil, Citrus Limon Peel Oil, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e* Ingrédients issus de l'agriculture biologique. 97,5 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gdvc-accordion-item\"\u003e\n \u003csummary class=\"soi-gdvc-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"soi-gdvc-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical ni à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-gdvc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gdvc-cta-box\"\u003e\n \u003cp class=\"soi-gdvc-cta-tag\" style=\"color: white;\"\u003eUn rituel de douche naturel et vivifiant\u003c\/p\u003e\n \u003cp class=\"soi-gdvc-cta-text\" style=\"color: white;\"\u003eChaque matin mérite un vrai élan. Offrez à votre peau une formule douce et certifiée, et à vos sens un réveil à la fraîcheur du citron et à la légèreté de la verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gdvc-marine: #1A2D3D;\n --soi-gdvc-marine-dark: #0F1E2B;\n --soi-gdvc-marine-light: #2C4458;\n --soi-gdvc-pomme: #A1C544;\n --soi-gdvc-pomme-dark: #84A636;\n --soi-gdvc-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gdvc-white: #FFFFFF;\n --soi-gdvc-off-white: #F8FAF6;\n --soi-gdvc-stone: #F1F3EE;\n --soi-gdvc-line: #E5E8E0;\n\n --soi-gdvc-primary: #D4B83A;\n --soi-gdvc-primary-soft: #F5EFD6;\n --soi-gdvc-accent: #C8A62E;\n\n --soi-gdvc-text: #1A2D3D;\n --soi-gdvc-text-soft: #4A5B6B;\n --soi-gdvc-text-muted: #7B8693;\n\n --soi-gdvc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gdvc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gdvc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gdvc-radius: 12px;\n --soi-gdvc-radius-sm: 8px;\n --soi-gdvc-radius-pill: 999px;\n}\n\n.soi-gdvc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gdvc-fiche img { max-width: 100%; height: auto; }\n\n.soi-gdvc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gdvc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gdvc-hero {\n position: relative;\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gdvc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gdvc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gdvc-pomme);\n border-radius: 50%;\n}\n\n.soi-gdvc-hero-title {\n display: block;\n color: var(--soi-gdvc-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gdvc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gdvc-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gdvc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gdvc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gdvc-label-accent {\n background: var(--soi-gdvc-pomme);\n border-color: var(--soi-gdvc-pomme);\n color: var(--soi-gdvc-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gdvc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gdvc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gdvc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gdvc-pomme);\n border-radius: 2px;\n}\n\n.soi-gdvc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gdvc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-gdvc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gdvc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gdvc-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gdvc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gdvc-benefit {\n background: var(--soi-gdvc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gdvc-shadow-md);\n}\n\n.soi-gdvc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gdvc-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gdvc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gdvc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gdvc-benefit:hover .soi-gdvc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gdvc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-benefit p {\n font-size: 13px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gdvc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gdvc-card {\n background: var(--soi-gdvc-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border-left: 3px solid var(--soi-gdvc-pomme);\n}\n\n.soi-gdvc-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gdvc-card p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gdvc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-gdvc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gdvc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gdvc-radius);\n border: 1px solid var(--soi-gdvc-line);\n align-items: flex-start;\n}\n\n.soi-gdvc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gdvc-marine);\n color: var(--soi-gdvc-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gdvc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gdvc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gdvc-step-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-gdvc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gdvc-pomme-light);\n border-left: 4px solid var(--soi-gdvc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gdvc-radius) var(--soi-gdvc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gdvc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gdvc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n margin-bottom: 4px;\n}\n\n.soi-gdvc-tip p {\n font-size: 14px;\n color: var(--soi-gdvc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gdvc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gdvc-accordion-item {\n background: var(--soi-gdvc-off-white);\n border-radius: var(--soi-gdvc-radius-sm);\n border: 1px solid var(--soi-gdvc-line);\n overflow: hidden;\n}\n\n.soi-gdvc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gdvc-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gdvc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gdvc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gdvc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gdvc-accordion-item[open] .soi-gdvc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gdvc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gdvc-accordion-content p {\n font-size: 14px;\n color: var(--soi-gdvc-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem;\n}\n\n.soi-gdvc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gdvc-cta-box {\n background: var(--soi-gdvc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gdvc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gdvc-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gdvc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gdvc-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gdvc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gdvc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gdvc-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gdvc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gdvc-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gdvc-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-gdvc-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gdvc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gdvc-fiche {\n --soi-gdvc-text-soft: #2C3E50;\n --soi-gdvc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603507732810,"sku":"CS0075","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-verveine-citron-certifie-bio-coslys-packshot.webp?v=1782111705"},{"product_id":"gel-douche-rafraichissant-certifie-bio-coslys","title":"Gel douche Rafraîchissant certifié bio – Coslys","description":"\u003cdiv class=\"soi-geld-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-geld-hero\"\u003e\n \u003cdiv class=\"soi-geld-hero-tag\"\u003e\n \u003cspan class=\"soi-geld-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geld-hero-title\"\u003eFraîcheur mentholée et douceur du chanvre bio\u003c\/span\u003e\n \u003cp class=\"soi-geld-hero-subtitle\"\u003eUn gel douche certifié bio qui nettoie en douceur, respecte l'équilibre de votre peau et vous enveloppe d'une sensation de fraîcheur vivifiante, chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-hero-labels\"\u003e\n \u003cspan class=\"soi-geld-label soi-geld-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-geld-label\"\u003e98 % D'ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Un gel douche bio qui transforme votre douche en bulle de fraîcheur --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn gel douche bio qui transforme votre douche en bulle de fraîcheur\u003c\/h2\u003e\n \u003cp\u003eImaginez commencer ou terminer votre journée avec une bouffée de menthe fraîche et les bienfaits apaisants du chanvre bio français. C'est exactement ce que vous offre le \u003cstrong\u003eGel Douche Rafraîchissant certifié bio Coslys\u003c\/strong\u003e, une formule pensée pour nettoyer en douceur, respecter l'équilibre naturel de la peau et vous procurer un vrai moment de bien-être sensoriel, sans compromis sur les ingrédients.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir ce gel douche bio Coslys ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche bio Coslys ?\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eSur un marché saturé de gels douche conventionnels bourrés de sulfates et de parfums synthétiques, ce produit se démarque par sa transparence et son efficacité réelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-benefits\"\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eLe label le plus exigeant en cosmétique bio, garantissant la traçabilité et la qualité des ingrédients d'origine biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e98 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formule clean, sans savon ni tensioactifs sulfatés, qui respecte le film hydrolipidique protecteur de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e🐰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, aucun test sur les animaux. Un soin éthique du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-benefit\"\u003e\n \u003cdiv class=\"soi-geld-benefit-icon\"\u003e\u003cspan\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de peau, y compris les peaux sensibles. Convient aussi bien aux adultes qu'aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Menthe et chanvre bio français --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eMenthe et chanvre bio français : un duo rafraîchissant et nourrissant\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa force de ce gel douche bio repose sur deux actifs d'exception, tous deux issus de l'agriculture biologique française.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid\"\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🍃 Menthe bio française\u003c\/h3\u003e\n \u003cp\u003eReconnue pour sa fraîcheur instantanée et ses propriétés purifiantes, elle laisse la peau propre et les sens éveillés. Idéale après le sport ou lors des fortes chaleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card\"\u003e\n \u003ch3\u003e🌱 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eExtraite de graines de chanvre issues de filières textiles locales dans une démarche d'économie circulaire, elle apporte des acides gras essentiels qui nourrissent et apaisent la peau sans l'alourdir. Parfaite même pour les peaux sensibles ou sujettes à l'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCette association unique en fait un gel douche bio aussi efficace pour un homme actif que pour une routine familiale quotidienne, bébé inclus dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition complète et ingrédients --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComposition complète et ingrédients\u003c\/h2\u003e\n \u003cp class=\"soi-geld-section-intro\"\u003eLa formule de ce gel douche bio est volontairement courte et lisible, une garantie de transparence.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-compo\"\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eVégétale, douce, moussante, sans sulfates ni savon agressif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif rafraîchissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eExtrait de menthe poivrée bio (Mentha Piperita)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eActif nourrissant\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eHuile de graines de chanvre bio (Cannabis Sativa Seed Oil), riche en oméga-3 et oméga-6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-compo-row\"\u003e\n \u003cspan class=\"soi-geld-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-geld-compo-value\"\u003eSilicone, parabène, colorant synthétique, sulfates, savon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003eListe INCI complète disponible sur l'emballage et sur le site officiel Coslys.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Comment utiliser le gel douche Coslys au quotidien ? --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eComment utiliser le gel douche Coslys au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geld-timeline\"\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gel sur une peau mouillée ou un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMassez en effectuant des mouvements circulaires sur l'ensemble du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step\"\u003e\n \u003cdiv class=\"soi-geld-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-geld-step-content\"\u003e\n \u003ch3\u003eRenouveler chaque jour\u003c\/h3\u003e\n \u003cp\u003eUtilisable matin et soir, pour toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-tip\"\u003e\n \u003cdiv class=\"soi-geld-tip-icon\"\u003e❄️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAstuce fraîcheur\u003c\/strong\u003e\n \u003cp\u003ePour une sensation de fraîcheur maximale, optez pour une eau légèrement fraîche lors du rinçage : la menthe n'en sera que plus vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Un choix responsable du flacon à la formule --\u003e\n \u003csection class=\"soi-geld-section\"\u003e\n \u003ch2\u003eUn choix responsable du flacon à la formule\u003c\/h2\u003e\n \u003cp\u003eEn choisissant ce gel douche bio certifié, vous soutenez une marque française engagée : Coslys valorise des circuits courts, des ingrédients tracés et une production locale. Le chanvre utilisé provient directement de filières textiles françaises, évitant tout gaspillage de matière première. Un geste simple pour votre peau, et un vrai geste pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"soi-geld-grid-compact\"\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eFilière chanvre\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eÉconomie circulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geld-card-mini\"\u003e\n \u003cspan class=\"soi-geld-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-label\"\u003eCircuits\u003c\/span\u003e\n \u003cspan class=\"soi-geld-card-mini-value\"\u003eCourts et tracés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-geld-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geld-cta-box\"\u003e\n \u003cp class=\"soi-geld-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-geld-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la fraîcheur de la menthe et la douceur du chanvre bio français. Chaque douche devient un vrai moment de bien-être, en toute conscience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geld-marine: #1A2D3D;\n --soi-geld-marine-dark: #0F1E2B;\n --soi-geld-marine-light: #2C4458;\n --soi-geld-pomme: #A1C544;\n --soi-geld-pomme-dark: #84A636;\n --soi-geld-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geld-white: #FFFFFF;\n --soi-geld-off-white: #F8FAF6;\n --soi-geld-stone: #F1F3EE;\n --soi-geld-line: #E5E8E0;\n\n --soi-geld-primary: #5AAE5A;\n --soi-geld-primary-soft: #E8F5E8;\n --soi-geld-accent: #94C5A8;\n\n --soi-geld-text: #1A2D3D;\n --soi-geld-text-soft: #4A5B6B;\n --soi-geld-text-muted: #7B8693;\n\n --soi-geld-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geld-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geld-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geld-radius: 12px;\n --soi-geld-radius-sm: 8px;\n --soi-geld-radius-pill: 999px;\n}\n\n.soi-geld-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geld-fiche img { max-width: 100%; height: auto; }\n\n.soi-geld-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geld-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geld-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geld-hero {\n position: relative;\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geld-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geld-pomme);\n}\n\n.soi-geld-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-geld-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geld-pomme);\n border-radius: 50%;\n}\n\n.soi-geld-hero-title {\n display: block;\n color: var(--soi-geld-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-geld-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geld-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-geld-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geld-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geld-label-accent {\n background: var(--soi-geld-pomme);\n border-color: var(--soi-geld-pomme);\n color: var(--soi-geld-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geld-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geld-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-geld-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geld-pomme);\n border-radius: 2px;\n}\n\n.soi-geld-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geld-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geld-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geld-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geld-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geld-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geld-benefit {\n background: var(--soi-geld-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geld-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geld-shadow-md);\n}\n\n.soi-geld-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geld-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-geld-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geld-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geld-benefit:hover .soi-geld-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geld-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-benefit p {\n font-size: 13px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geld-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-card {\n background: var(--soi-geld-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border-left: 3px solid var(--soi-geld-pomme);\n}\n\n.soi-geld-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geld-card p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geld-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geld-card-mini {\n background: var(--soi-geld-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geld-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geld-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geld-card-mini-label {\n font-size: 11px;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geld-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geld-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-geld-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geld-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geld-radius);\n border: 1px solid var(--soi-geld-line);\n align-items: flex-start;\n}\n\n.soi-geld-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geld-marine);\n color: var(--soi-geld-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-geld-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geld-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geld-step-content p {\n font-size: 14px;\n color: var(--soi-geld-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-geld-compo {\n background: var(--soi-geld-off-white);\n border-radius: var(--soi-geld-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-geld-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-geld-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-geld-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-geld-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-geld-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-geld-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-geld-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-geld-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geld-pomme-light);\n border-left: 4px solid var(--soi-geld-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geld-radius) var(--soi-geld-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-geld-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geld-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geld-marine);\n margin-bottom: 4px;\n}\n\n.soi-geld-tip p {\n font-size: 14px;\n color: var(--soi-geld-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-geld-cta-box {\n background: var(--soi-geld-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geld-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geld-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-geld-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geld-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-geld-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geld-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geld-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-geld-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geld-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-geld-compo-value {\n text-align: left;\n }\n\n .soi-geld-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geld-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geld-fiche {\n --soi-geld-text-soft: #2C3E50;\n --soi-geld-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603508420938,"sku":"CS0080","price":5.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-rafraichissant-certifie-bio-coslys-packshot.webp?v=1781524168"},{"product_id":"creme-douche-relaxante-certifiee-bio-coslys","title":"Crème douche Relaxante certifiée bio – Coslys","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez-vous un véritable moment de détente et de gourmandise sous la douche avec \u003cstrong\u003ela Crème Douche Relaxante certifiée bio de Coslys\u003c\/strong\u003e. Cette crème de douche sensorielle est spécialement formulée pour transformer votre routine de soin en une expérience apaisante et réconfortante. \u003cstrong\u003eParfumée au caramel 100% d'origine naturelle\u003c\/strong\u003e, elle vous enveloppe de \u003cstrong\u003enotes délicieusement sucrées et lactées\u003c\/strong\u003e, évoquant les souvenirs chaleureux de l'automne avec ses accords de châtaigne et de cacao.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CS0085_f39e527e-3196-4f21-99ed-2eb020486846.jpg?v=1776180888\" alt=\"Photo de châtaignes sur une table avec dans un coupelle des morceaux de caramel\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Crème Douche Relaxante Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBase lavante d'origine végétale :\u003c\/strong\u003e Une formule douce qui nettoie efficacement tous les types de peau sans les agresser.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans tensioactifs sulfatés et sans savon :\u003c\/strong\u003e Conçue pour respecter l'équilibre naturel de votre peau, idéale pour les peaux les plus sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand et naturel :\u003c\/strong\u003e Des notes sucrées et lactées obtenues à partir d'extraits naturels de cosses de cacao et de châtaigne bio, cultivés en Ardèche, valorisant ainsi les ressources locales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle et écologique :\u003c\/strong\u003e Avec 98% des ingrédients d'origine naturelle, ce produit est respectueux de votre peau et de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifications rigoureuses :\u003c\/strong\u003e Certifiée Cosmos Organic, vegan et cruelty-free, garantissant une composition respectueuse des animaux et de la nature.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à toute la famille :\u003c\/strong\u003e Formulée pour convenir à tous les membres de la famille dès l'âge de 3 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits de la Crème Douche Coslys\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRelaxation et bien-être assurés :\u003c\/strong\u003e Le parfum délicat de caramel et de châtaigne procure un moment de relaxation intense et de bien-être sous la douche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement :\u003c\/strong\u003e En utilisant des ingrédients biologiques et des ressources locales, ce produit contribue à une consommation plus responsable et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur incomparable :\u003c\/strong\u003e Sa formule sans sulfates ni savon offre une douceur extrême, parfait pour une utilisation quotidienne même sur les peaux les plus fragiles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Crème Douche Relaxante certifiée bio Coslys\u003c\/strong\u003e est bien plus qu’un simple produit de soin. Elle transforme chaque douche en un moment privilégié de relaxation et de bien-être grâce à son parfum gourmand et sa formule respectueuse de la peau et de l’environnement. Adoptez-la pour une expérience sensorielle unique et pour prendre soin de toute votre famille avec douceur et naturel.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603510059338,"sku":"CS0085","price":5.68,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0085-creme-douche-chataigne-caramel_04e0ce70-b770-4833-88f2-a8b53afd42f7.jpg?v=1778843061"},{"product_id":"gel-intime-apaisant-bio-coslys","title":"Gel Intime Apaisant Bio – Coslys","description":"\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n\u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eDouceur apaisante pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel intime bio à pH 8, formulé avec de la fleur de calendula et du magnésium pour nettoyer en douceur et apaiser les muqueuses sensibles au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eCOSMÉBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cp class=\"soi-gint-section-intro\"\u003eVous ressentez des tiraillements, des démangeaisons ou un inconfort persistant dans la zone intime ? Vous n'êtes pas seule. Ces sensations, souvent liées à un déséquilibre de la flore ou à des produits trop agressifs, méritent une vraie réponse naturelle. Le \u003cstrong\u003eGel Intime Apaisant Bio Coslys\u003c\/strong\u003e a été conçu exactement pour cela : nettoyer en douceur, apaiser les muqueuses sensibles et respecter l'équilibre naturel de votre intimité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel intime bio à pH 8 ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux idées reçues, le pH de la zone intime externe (vulve) n'est pas le même que celui du vagin. La peau vulvaire supporte mieux un pH légèrement alcalin, autour de 8, ce qui justifie la formulation de ce gel. Il nettoie efficacement sans perturber l'équilibre local, sans savon agressif et sans parfum irritant.\u003c\/p\u003e\n \u003cp\u003eCe gel intime se démarque des références classiques par sa composition certifiée bio et sa transparence sur les ingrédients : \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, fabriqué en France, labellisé Cosmébio par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-benefits\"\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFleur de Calendula Bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et adoucissantes, elle calme immédiatement les muqueuses irritées ou inflammées. Idéale après l'épilation, en période de règles ou en cas d'irritation passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🧬\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eCet oligo-élément soutient l'équilibre cellulaire de l'épiderme intime, réduit les réactions d'inconfort et favorise une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-benefit\"\u003e\n \u003cdiv class=\"soi-gint-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon, sans parfum\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie ou de déséquilibre, même pour les peaux les plus réactives. Une formule épurée qui respecte votre sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser le gel intime Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite noisette de gel sur la zone externe uniquement, jamais en interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eMassage et rinçage\u003c\/h3\u003e\n \u003cp\u003eMassez doucement, rincez à l'eau tiède. Une fois par jour suffit, matin ou soir selon votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003ePrécaution importante\u003c\/h3\u003e\n \u003cp\u003eEn cas d'irritation intense ou persistante, consultez un médecin ou un gynécologue. Ce gel est un soin d'hygiène, pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète du Gel Intime Apaisant Bio Coslys\u003c\/h2\u003e\n \u003cp\u003e\u003cem\u003eINCI :\u003c\/em\u003e Aqua, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glycerin, Calendula Officinalis Flower Extract*, Magnesium Chloride, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate. \u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e98 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eSavon \/ Parfum \/ Colorant\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003e0 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel intime femme ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌸 Muqueuses sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté si vous êtes sujette aux irritations, aux tiraillements ou aux démangeaisons au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🏃‍♀️ Après le sport ou l'épilation\u003c\/h3\u003e\n \u003cp\u003eSa formule sans savon et sans parfum apaise la zone intime après les frottements ou le rasage, sans provoquer de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌷 Ménopause et sécheresse intime\u003c\/h3\u003e\n \u003cp\u003eUn soin doux qui respecte l'épiderme fragilisé par les changements hormonaux et contribue à votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌱 Envie de naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent adopter une hygiène intime plus respectueuse, certifiée bio et transparente sur sa composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe gel convient également aux femmes enceintes (avis médical recommandé) et constitue une alternative bio aux gels intimes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\"\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eCe produit ne se substitue pas à un avis ou traitement médical.\u003c\/strong\u003e En cas de symptômes persistants (brûlures, pertes inhabituelles, douleurs), consultez un professionnel de santé. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans l'intimité\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eEnrichi en calendula bio et magnésium, le Gel Intime Apaisant Coslys prend soin de votre intimité chaque jour, sans agressivité, sans artifice, avec toute la bienveillance du naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n --soi-gint-primary: #E8A832;\n --soi-gint-primary-soft: #FDF3DC;\n --soi-gint-accent: #5AAFE0;\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-gint-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-gint-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-gint-benefit {\n background: var(--soi-gint-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gint-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-gint-shadow-md);\n}\n\n.soi-gint-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-gint-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-gint-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-gint-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-gint-benefit:hover .soi-gint-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-gint-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-benefit p {\n font-size: 13px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-pomme);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603527917898,"sku":"CS0210","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0210-toilette-intime-gel-apaisant_c447568c-4924-4f56-8b62-7e72ee1d7353.jpg?v=1778843075"},{"product_id":"gel-intime-fraicheur-bio-coslys","title":"Gel Intime Fraîcheur Bio – Coslys","description":"\n\n\u003cdiv class=\"soi-gint-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-gint-hero\"\u003e\n \u003cdiv class=\"soi-gint-hero-tag\"\u003e\n \u003cspan class=\"soi-gint-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène intime · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-gint-hero-title\"\u003eFraîcheur florale pour votre intimité\u003c\/span\u003e\n \u003cp class=\"soi-gint-hero-subtitle\"\u003eUn gel lavant intime à 99 % d'origine naturelle, sans savon, au pH physiologique respectueux de votre flore. Rose, Reine des Prés et Eucalyptus bio pour un confort quotidien en toute douceur.\u003c\/p\u003e\n \u003cdiv class=\"soi-gint-hero-labels\"\u003e\n \u003cspan class=\"soi-gint-label soi-gint-label-accent\"\u003eCOSMÉBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-gint-label\"\u003eTESTÉ GYNÉCOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ce gel intime bio plutôt qu'un autre ? --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel intime bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eSur le marché du gel intime bio, nombreuses sont les formules qui affichent le naturel en façade tout en conservant des tensioactifs agressifs ou un pH inadapté. Coslys fait le choix inverse : un pH physiologique compris entre \u003cstrong\u003e5,6 et 6\u003c\/strong\u003e, sans savon, sans antiseptique, pour respecter l'équilibre naturel des muqueuses et préserver votre flore intime.\u003c\/p\u003e\n \u003cp\u003eLe résultat ? Une tolérance optimale, même pour les peaux les plus sensibles. Vous bénéficiez d'un soin lavant qui nettoie en douceur sans jamais compromettre les défenses naturelles de votre zone intime.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les ingrédients clés : la nature à l'état pur --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes ingrédients clés : la nature à l'état pur\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid\"\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de Rose bio\u003c\/h3\u003e\n \u003cp\u003eApaisante, adoucissante et légèrement parfumée, elle hydrate les muqueuses et procure une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de Reine des Prés bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle contribue à calmer les légères irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'Eucalyptus bio\u003c\/h3\u003e\n \u003cp\u003eFraîcheur naturelle et effet purifiant pour une sensation de propreté durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-tip\"\u003e\n \u003cdiv class=\"soi-gint-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule exigeante\u003c\/strong\u003e\n \u003cp\u003eSans savon, sans parabènes, sans colorants synthétiques. 99 % d'origine naturelle, 27 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser ce gel intime naturel au quotidien ? --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel intime naturel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-timeline\"\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur la pompe pour déposer une petite quantité de gel dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez délicatement sur la zone intime externe avec de l'eau tiède, en évitant l'intérieur des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step\"\u003e\n \u003cdiv class=\"soi-gint-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-gint-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire. À utiliser matin ou soir, selon vos besoins, en usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète (INCI) --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-compo\"\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value soi-gint-compo-inci\"\u003eAqua, Sodium Cocoyl Glutamate, Sodium Lauryl Glucose Carboxylate, Lauryl Glucoside, Glycerin, Filipendula Ulmaria Flower Water*, Rosa Damascena Flower Water*, Eucalyptus Globulus Leaf Oil*, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value\"\u003e99 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-compo-row\"\u003e\n \u003cspan class=\"soi-gint-compo-label\"\u003eAgriculture biologique\u003c\/span\u003e\n \u003cspan class=\"soi-gint-compo-value\"\u003e27 % des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-gint-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les engagements Coslys en un coup d'œil --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eLes engagements Coslys en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-grid-compact\"\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eCosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-gint-card-mini\"\u003e\n \u003cspan class=\"soi-gint-card-mini-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-label\"\u003eTolérance\u003c\/span\u003e\n \u003cspan class=\"soi-gint-card-mini-value\"\u003eTesté gynécologiquement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Questions fréquentes sur le gel intime bio Coslys --\u003e\n \u003csection class=\"soi-gint-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le gel intime bio Coslys\u003c\/h2\u003e\n \u003cdiv class=\"soi-gint-accordion\"\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e🤰 Ce gel intime est-il adapté aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eSa formule douce et sans composants agressifs le rend généralement bien toléré. Cependant, nous vous recommandons de toujours demander l'avis de votre médecin ou sage-femme avant de l'intégrer à votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eOui, ce gel est spécialement conçu pour un usage quotidien. Son pH physiologique (entre 5,6 et 6) ne perturbe pas la flore naturelle, ce qui vous permet de l'utiliser chaque jour en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-gint-accordion-item\"\u003e\n \u003csummary class=\"soi-gint-accordion-header\"\u003e💧 Est-ce un gel lubrifiant intime ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-gint-accordion-content\"\u003e\n \u003cp\u003eNon, il s'agit exclusivement d'un gel lavant destiné à l'hygiène externe. Pour un usage lubrifiant, orientez-vous vers un produit spécifiquement formulé à cet effet.\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=\"soi-gint-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-gint-cta-box\"\u003e\n \u003cp class=\"soi-gint-cta-tag\" style=\"color: white;\"\u003eVotre rituel intime au naturel\u003c\/p\u003e\n \u003cp class=\"soi-gint-cta-text\" style=\"color: white;\"\u003eDouceur, fraîcheur et respect de votre équilibre intime : avec ses fleurs de Rose et son Eucalyptus bio, ce gel transforme un geste ordinaire en un véritable moment de soin naturel, pensé pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-gint-marine: #1A2D3D;\n --soi-gint-marine-dark: #0F1E2B;\n --soi-gint-marine-light: #2C4458;\n --soi-gint-pomme: #A1C544;\n --soi-gint-pomme-dark: #84A636;\n --soi-gint-pomme-light: rgba(161,197,68,0.10);\n\n --soi-gint-white: #FFFFFF;\n --soi-gint-off-white: #F8FAF6;\n --soi-gint-stone: #F1F3EE;\n --soi-gint-line: #E5E8E0;\n\n --soi-gint-primary: #E8A8B5;\n --soi-gint-primary-soft: #FDF0F4;\n --soi-gint-accent: #A8B5D4;\n\n --soi-gint-text: #1A2D3D;\n --soi-gint-text-soft: #4A5B6B;\n --soi-gint-text-muted: #7B8693;\n\n --soi-gint-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-gint-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-gint-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-gint-radius: 12px;\n --soi-gint-radius-sm: 8px;\n --soi-gint-radius-pill: 999px;\n}\n\n.soi-gint-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gint-fiche img { max-width: 100%; height: auto; }\n\n.soi-gint-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-gint-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-gint-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gint-hero {\n position: relative;\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-gint-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-gint-pomme);\n}\n\n.soi-gint-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-gint-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-gint-pomme);\n border-radius: 50%;\n}\n\n.soi-gint-hero-title {\n display: block;\n color: var(--soi-gint-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-gint-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-gint-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-gint-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-gint-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-gint-label-accent {\n background: var(--soi-gint-pomme);\n border-color: var(--soi-gint-pomme);\n color: var(--soi-gint-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gint-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gint-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-gint-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-gint-pomme);\n border-radius: 2px;\n}\n\n.soi-gint-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-gint-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-gint-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gint-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-gint-card {\n background: var(--soi-gint-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border-left: 3px solid var(--soi-gint-primary);\n}\n\n.soi-gint-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-gint-card p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gint-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-gint-card-mini {\n background: var(--soi-gint-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-gint-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-gint-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-gint-card-mini-label {\n font-size: 11px;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-gint-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gint-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-gint-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-gint-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-gint-radius);\n border: 1px solid var(--soi-gint-line);\n align-items: flex-start;\n}\n\n.soi-gint-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-gint-marine);\n color: var(--soi-gint-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-gint-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-gint-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-gint-step-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gint-compo {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-gint-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-gint-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-gint-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-gint-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-gint-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-gint-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-gint-marine);\n text-align: right;\n}\n\n.soi-gint-compo-inci {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n text-align: left;\n flex: 1 1 100%;\n margin-top: 4px;\n}\n\n.soi-gint-inci-note {\n font-size: 13px;\n color: var(--soi-gint-text-muted);\n margin-top: 0.75rem;\n}\n\n\/* === TIP === *\/\n.soi-gint-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-gint-pomme-light);\n border-left: 4px solid var(--soi-gint-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-gint-radius) var(--soi-gint-radius) 0;\n align-items: flex-start;\n}\n\n.soi-gint-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-gint-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-gint-marine);\n margin-bottom: 4px;\n}\n\n.soi-gint-tip p {\n font-size: 14px;\n color: var(--soi-gint-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gint-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-gint-accordion-item {\n background: var(--soi-gint-off-white);\n border-radius: var(--soi-gint-radius-sm);\n border: 1px solid var(--soi-gint-line);\n overflow: hidden;\n}\n\n.soi-gint-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-gint-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-gint-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-gint-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-gint-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-gint-accordion-item[open] .soi-gint-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-gint-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-gint-accordion-content p {\n font-size: 14px;\n color: var(--soi-gint-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gint-cta-box {\n background: var(--soi-gint-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-gint-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-gint-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-gint-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-gint-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-gint-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-gint-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-gint-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-gint-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-gint-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-gint-compo-value {\n text-align: left;\n }\n\n .soi-gint-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-gint-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-gint-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-gint-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-gint-fiche {\n --soi-gint-text-soft: #2C3E50;\n --soi-gint-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603529097546,"sku":"CS0215","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0215-toilette-intime-gel-fraicheur_a07adafb-3e0e-4719-8c7d-16aca813b106.jpg?v=1778843076"},{"product_id":"soin-anti-poils-incarnes-acorelle","title":"Soin anti poils incarnés certifié bio – Acorelle","description":"\u003cdiv class=\"soi-apil-fiche\"\u003e\n\n\u003csection class=\"soi-apil-hero\"\u003e\n \u003cdiv class=\"soi-apil-hero-tag\"\u003e\n \u003cspan class=\"soi-apil-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Acorelle\n \u003c\/div\u003e\n \u003cspan class=\"soi-apil-hero-title\"\u003eSoin anti poils incarnés certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-apil-hero-subtitle\"\u003eExfoliation douce, action purifiante et apaisement en un seul geste pour une peau lisse, confortable et sans imperfections.\u003c\/p\u003e\n \u003cdiv class=\"soi-apil-hero-labels\"\u003e\n \u003cspan class=\"soi-apil-label soi-apil-label-accent\"\u003eBIO CERTIFIÉ\u003c\/span\u003e\n \u003cspan class=\"soi-apil-label\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-apil-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-apil-label\"\u003ePEAUX SENSIBLES\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\"\u003e\n \u003ch2\u003ePourquoi choisir le soin anti-poils incarnés Acorelle ?\u003c\/h2\u003e\n \u003cp\u003eLes poils incarnés comptent parmi les désagréments les plus fréquents après une épilation, qu'elle soit à la cire, au rasoir ou au laser. Rougeurs, petits boutons, démangeaisons : la zone du maillot, des aisselles ou des jambes peut vite devenir inconfortable.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux produits conventionnels chargés en composés chimiques, ce soin Acorelle mise sur une formule 100 % d'origine naturelle, dont 63 % issus de l'agriculture biologique. Il agit simultanément sur trois fronts : exfolier, purifier et apaiser. Résultat : une peau libérée des poils sous-cutanés, sans irritation supplémentaire.\u003c\/p\u003e\n \u003cdiv class=\"soi-apil-grid\"\u003e\n \u003cdiv class=\"soi-apil-card\"\u003e\n \u003ch3\u003e👩 Adapté à tous les profils\u003c\/h3\u003e\n \u003cp\u003eCe soin convient à tous les types de peau, y compris les peaux sensibles, et s'utilise aussi bien chez les femmes (maillot, jambes, aisselles) que chez les hommes (barbe, cou, torse).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-card\"\u003e\n \u003ch3\u003e🌿 Formulé sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans phénoxyéthanol, sans substances chimiques agressives. Testé sous contrôle dermatologique pour respecter les zones les plus sensibles de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-apil-benefits\"\u003e\n \u003cdiv class=\"soi-apil-benefit\"\u003e\n \u003cdiv class=\"soi-apil-benefit-icon\"\u003e\u003cspan\u003e🍋\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAHA naturels (acides de fruits)\u003c\/h3\u003e\n \u003cp\u003eIls exfolient en douceur les cellules mortes qui bloquent la sortie du poil, favorisant un renouvellement cellulaire régulier et préventif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-benefit\"\u003e\n \u003cdiv class=\"soi-apil-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes, il calme les rougeurs et les sensations d'inconfort après l'épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-benefit\"\u003e\n \u003cdiv class=\"soi-apil-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMiel biologique\u003c\/h3\u003e\n \u003cp\u003eActif naturellement antibactérien, il purifie la peau et limite les risques d'infection au niveau du follicule pileux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-benefit\"\u003e\n \u003cdiv class=\"soi-apil-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAlcool bio\u003c\/h3\u003e\n \u003cp\u003eAssainit la surface cutanée et prévient l'apparition de boutons ou de petites inflammations post-épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\"\u003e\n \u003ch2\u003eComment utiliser le soin anti poils incarnés pour la zone maillot ?\u003c\/h2\u003e\n \u003cp class=\"soi-apil-section-intro\"\u003ePour un résultat optimal, voici comment intégrer ce soin à votre routine post-épilation :\u003c\/p\u003e\n \u003cdiv class=\"soi-apil-timeline\"\u003e\n \u003cdiv class=\"soi-apil-step\"\u003e\n \u003cdiv class=\"soi-apil-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step-content\"\u003e\n \u003ch3\u003eLaissez votre peau se stabiliser\u003c\/h3\u003e\n \u003cp\u003eAttendez 24 à 48 heures après votre épilation avant la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step\"\u003e\n \u003cdiv class=\"soi-apil-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step-content\"\u003e\n \u003ch3\u003eVaporisez le spray\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur la zone concernée (maillot, jambes, aisselles) en maintenant le flacon à quelques centimètres de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step\"\u003e\n \u003cdiv class=\"soi-apil-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step-content\"\u003e\n \u003ch3\u003eMassez légèrement\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, favorisez la pénétration des actifs et stimulez la microcirculation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step\"\u003e\n \u003cdiv class=\"soi-apil-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-apil-step-content\"\u003e\n \u003ch3\u003eRenouvelez régulièrement\u003c\/h3\u003e\n \u003cp\u003eAppliquez tous les jours ou tous les deux jours jusqu'à la disparition des poils incarnés. Ne rincez pas, laissez le soin agir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-tip\"\u003e\n \u003cdiv class=\"soi-apil-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution importante\u003c\/strong\u003e\n \u003cp\u003eÉvitez d'appliquer ce soin sur une peau irritée ou blessée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"soi-apil-compo\"\u003e\n \u003cdiv class=\"soi-apil-compo-row\"\u003e\n \u003cspan class=\"soi-apil-compo-label\"\u003eOrigine des ingrédients\u003c\/span\u003e\n \u003cspan class=\"soi-apil-compo-value\"\u003e100 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-compo-row\"\u003e\n \u003cspan class=\"soi-apil-compo-label\"\u003ePart biologique\u003c\/span\u003e\n \u003cspan class=\"soi-apil-compo-value\"\u003e63 % issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-compo-row\"\u003e\n \u003cspan class=\"soi-apil-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-apil-compo-value\"\u003e50 ml, format spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-compo-row\"\u003e\n \u003cspan class=\"soi-apil-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-apil-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-compo-row\"\u003e\n \u003cspan class=\"soi-apil-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-apil-compo-value\"\u003eParabènes, phénoxyéthanol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-apil-compo-row\"\u003e\n \u003cspan class=\"soi-apil-compo-label\"\u003eTolérance\u003c\/span\u003e\n \u003cspan class=\"soi-apil-compo-value\"\u003eTesté sous contrôle dermatologique, peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\"\u003e\n \u003ch2\u003eFoire aux questions sur les poils incarnés\u003c\/h2\u003e\n \u003cdiv class=\"soi-apil-accordion\"\u003e\n \u003cdetails class=\"soi-apil-accordion-item\"\u003e\n \u003csummary class=\"soi-apil-accordion-header\"\u003e🔄 Peut-on utiliser ce soin en prévention, même sans poils incarnés ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apil-accordion-content\"\u003e\n \u003cp\u003eOui, tout à fait. Appliqué régulièrement après chaque épilation, il prévient l'apparition des poils sous-cutanés en entretenant le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-apil-accordion-item\"\u003e\n \u003csummary class=\"soi-apil-accordion-header\"\u003e👙 Ce soin convient-il pour la zone maillot ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apil-accordion-content\"\u003e\n \u003cp\u003eAbsolument. C'est même l'une des zones les plus concernées par les poils incarnés, notamment en raison des frottements. La formule douce et apaisante d'Acorelle est particulièrement adaptée à cette zone sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-apil-accordion-item\"\u003e\n \u003csummary class=\"soi-apil-accordion-header\"\u003e⏳ Combien de temps avant de voir des résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-apil-accordion-content\"\u003e\n \u003cp\u003eDes améliorations visibles sont généralement observées après 5 à 7 jours d'utilisation régulière. Les poils incarnés remontent à la surface progressivement : la patience reste votre meilleure alliée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\"\u003e\n \u003cdiv class=\"soi-apil-disclaimer\"\u003e\n \u003cp\u003eCe produit est un cosmétique et ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction cutanée persistante, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-apil-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-apil-cta-box\"\u003e\n \u003cp class=\"soi-apil-cta-text\" style=\"color: white;\"\u003eDites adieu aux poils incarnés avec un soin qui respecte votre peau autant que la planète. La nature peut faire beaucoup pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-apil-marine: #1A2D3D;\n --soi-apil-marine-dark: #0F1E2B;\n --soi-apil-marine-light: #2C4458;\n --soi-apil-pomme: #A1C544;\n --soi-apil-pomme-dark: #84A636;\n --soi-apil-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-apil-white: #FFFFFF;\n --soi-apil-off-white: #F8FAF6;\n --soi-apil-stone: #F1F3EE;\n --soi-apil-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (rose poudré \/ pêche, univers cosmétique) === *\/\n --soi-apil-primary: #D4A8A4;\n --soi-apil-primary-soft: #F0DDD9;\n --soi-apil-accent: #E8B89A;\n\n \/* === Textes === *\/\n --soi-apil-text: #1A2D3D;\n --soi-apil-text-soft: #4A5B6B;\n --soi-apil-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-apil-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-apil-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-apil-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-apil-radius: 12px;\n --soi-apil-radius-sm: 8px;\n --soi-apil-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-apil-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-apil-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-apil-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-apil-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-apil-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-apil-hero {\n position: relative;\n background: var(--soi-apil-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-apil-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-apil-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-apil-pomme);\n}\n\n.soi-apil-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-apil-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-apil-pomme);\n border-radius: 50%;\n}\n\n.soi-apil-hero-title {\n display: block;\n color: var(--soi-apil-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-apil-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-apil-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-apil-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-apil-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-apil-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-apil-label-accent {\n background: var(--soi-apil-pomme);\n border-color: var(--soi-apil-pomme);\n color: var(--soi-apil-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-apil-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-apil-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-apil-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-apil-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-apil-pomme);\n border-radius: 2px;\n}\n\n.soi-apil-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-apil-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-apil-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-apil-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-apil-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-apil-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-apil-benefit {\n background: var(--soi-apil-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-apil-radius);\n border: 1px solid var(--soi-apil-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-apil-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-apil-shadow-md);\n}\n\n.soi-apil-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-apil-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-apil-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-apil-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-apil-benefit:hover .soi-apil-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-apil-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-apil-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-apil-benefit p {\n font-size: 13px;\n color: var(--soi-apil-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-apil-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1.5rem;\n}\n\n.soi-apil-card {\n background: var(--soi-apil-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-apil-radius);\n border-left: 3px solid var(--soi-apil-pomme);\n}\n\n.soi-apil-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-apil-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-apil-card p {\n font-size: 14px;\n color: var(--soi-apil-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-apil-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-apil-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-apil-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-apil-radius);\n border: 1px solid var(--soi-apil-line);\n align-items: flex-start;\n}\n\n.soi-apil-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-apil-marine);\n color: var(--soi-apil-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-apil-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-apil-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-apil-step-content p {\n font-size: 14px;\n color: var(--soi-apil-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-apil-compo {\n background: var(--soi-apil-off-white);\n border-radius: var(--soi-apil-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-apil-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-apil-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-apil-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-apil-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-apil-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-apil-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-apil-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-apil-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-apil-pomme-light);\n border-left: 4px solid var(--soi-apil-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-apil-radius) var(--soi-apil-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-apil-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-apil-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-apil-marine);\n margin-bottom: 4px;\n}\n\n.soi-apil-tip p {\n font-size: 14px;\n color: var(--soi-apil-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-apil-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-apil-accordion-item {\n background: var(--soi-apil-off-white);\n border-radius: var(--soi-apil-radius-sm);\n border: 1px solid var(--soi-apil-line);\n overflow: hidden;\n}\n\n.soi-apil-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-apil-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-apil-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-apil-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-apil-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-apil-accordion-item[open] .soi-apil-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-apil-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-apil-accordion-content p {\n font-size: 14px;\n color: var(--soi-apil-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.soi-apil-disclaimer {\n background: var(--soi-apil-stone);\n border-radius: var(--soi-apil-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.soi-apil-disclaimer p {\n font-size: 13px;\n color: var(--soi-apil-text-muted);\n line-height: 1.6;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-apil-cta-box {\n background: var(--soi-apil-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-apil-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-apil-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-apil-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-apil-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-apil-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-apil-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-apil-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-apil-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-apil-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-apil-compo-value {\n text-align: left;\n }\n\n .soi-apil-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-apil-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-apil-fiche {\n --soi-apil-text-soft: #2C3E50;\n --soi-apil-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603590504778,"sku":"LL0005","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soin-anti-poils-incarnes-certifie-bio-acorelle-packshot.webp?v=1779799114"},{"product_id":"savon-dalep-a-la-rose-de-damas-bio-najel","title":"Savon d'Alep à la rose de Damas bio – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la rose de Damas bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurifiant, nourrissant et naturel : un soin ancestral enrichi à l'eau florale de rose de Damas certifiée bio, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSAVON SOLIDE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Qu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans\u003c\/h2\u003e\n \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le savon d'Alep est considéré comme l'un des premiers savons solides jamais fabriqués. Sa recette repose sur deux huiles emblématiques de la région méditerranéenne : l'huile d'olive et l'huile de baies de laurier.\u003c\/p\u003e\n \u003cp\u003eNajel perpétue ce savoir-faire artisanal en y intégrant des actifs naturels soigneusement sélectionnés, comme ici l'eau florale de rose de Damas bio, pour répondre aux besoins contemporains de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du savon d'Alep Najel rose de Damas bio --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel rose de Damas bio\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon réside dans la qualité et la simplicité de ses ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en antioxydants (vitamine E), elle nourrit et protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du savon d'Alep. Reconnue pour ses vertus apaisantes, purifiantes et désinfectantes, elle est particulièrement précieuse pour les peaux irritées, acnéiques ou sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eAstringente naturelle, elle resserre les pores, tonifie la peau et contribue à son renouvellement cellulaire. Son parfum délicat et floral est un vrai bonheur sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormulé dans le respect de votre peau\u003c\/strong\u003e\n \u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une composition pure et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Bienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eIdéal pour nettoyer le visage sans agresser la barrière cutanée, il élimine impuretés et excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise les peaux réactives\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes de l'huile de baies de laurier soulagent les rougeurs, démangeaisons et inconforts liés à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydrate et régénère\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et la rose de Damas agissent en synergie pour préserver le film hydrolipidique et favoriser le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUtilisation polyvalente\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : un seul savon pour toute votre routine, même quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel et enveloppant\u003c\/h3\u003e\n \u003cp\u003eLa rose de Damas diffuse un sillage floral discret et authentique, loin des parfums synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser le savon d'Alep Najel au quotidien ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos paumes ou directement sur une peau humide. Appliquez en massages circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour le visage, évitez les frottements excessifs et terminez par une eau froide pour refermer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eEntre deux utilisations, laissez le savon sécher à l'air libre sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Avis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eAvis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ?\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent cité par les dermatologues comme une alternative douce aux savons surgras classiques, notamment pour les peaux atopiques ou réactives. Sa composition minimaliste, sans perturbateurs endocriniens ni conservateurs agressifs, en fait un choix pertinent pour les personnes cherchant à simplifier leur routine tout en prenant soin de leur peau efficacement.\u003c\/p\u003e\n \u003cp\u003eIl ne remplace pas un traitement médical prescrit, mais peut s'intégrer dans une routine apaisante au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eNajel Méditerranée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eTous types, peaux sensibles, mixtes, à imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eRose de Damas certifiée bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eParabènes, silicones, colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn geste ancestral, chaque matin\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne composition pure, un parfum floral envoûtant et une peau visiblement plus nette, apaisée et lumineuse. Prendre soin de vous, aussi simplement et naturellement que cela.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #C47A7A;\n --soi-alep-primary-soft: #E8B5B0;\n --soi-alep-accent: #8B6D4A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603632611658,"sku":"NJ0060","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-rose-de-damas-bio-najel-packshot.webp?v=1779627736"},{"product_id":"savon-dalep-au-jasmin-bio-najel","title":"Savon d'Alep au jasmin bio – Najel","description":"\n\u003cdiv class=\"soi-jasp-fiche\"\u003e\n\n \u003csection class=\"soi-jasp-hero\"\u003e\n \u003cdiv class=\"soi-jasp-hero-tag\"\u003e\n \u003cspan class=\"soi-jasp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-jasp-hero-title\"\u003eSavon d'Alep au jasmin bio\u003c\/span\u003e\n \u003cp class=\"soi-jasp-hero-subtitle\"\u003eUn savoir-faire millénaire enrichi à l'eau florale de jasmin bio pour un soin revitalisant du visage, du corps et des cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-jasp-hero-labels\"\u003e\n \u003cspan class=\"soi-jasp-label soi-jasp-label-accent\"\u003eJASMIN BIO\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eSavon d'Alep au jasmin bio Najel : le soin revitalisant à l'ancienne\u003c\/h2\u003e\n \u003cp\u003eIl existe des savons que l'on garde toute la vie. Le savon d'Alep au jasmin bio de Najel en fait partie. Né d'un savoir-faire vieux de plus de 3 000 ans, perfectionné par des artisans syriens de génération en génération, ce savon naturel allie la richesse de l'huile d'olive, la puissance de l'huile de baies de laurier et la douceur florale de l'eau de jasmin bio. Le résultat : un soin complet pour le visage, le corps et les cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep est différent\u003c\/h2\u003e\n \u003cp\u003eContrairement à un simple savon surgras, le savon d'Alep repose sur une recette unique : une cuisson lente des huiles à l'eau chaude, suivie d'un séchage naturel en entrepôt pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e. C'est ce repos prolongé qui lui confère sa texture dense, son cœur vert caractéristique et son efficacité reconnue, y compris par les dermatologues pour les peaux réactives.\u003c\/p\u003e\n \u003cp\u003eLa version au jasmin bio de Najel va plus loin : l'eau florale de jasmin intégrée à la formule apporte des propriétés revitalisantes supplémentaires et un parfum floral subtil qui transforme chaque douche en un vrai moment de bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-compo\"\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eBase nourrissante et protectrice, riche en acides gras essentiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003ePurifiante et régénérante, idéale pour les peaux à tendance acnéique, eczémateuse ou sujettes au psoriasis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau florale de jasmin bio (Jasminum Officinale Flower Water)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eApaisante, revitalisante, délicatement parfumée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eSolvant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule 100 % naturelle\u003c\/strong\u003e\n \u003cp\u003eSans conservateur synthétique, sans sulfate, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-benefits\"\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et excès de sébum tout en respectant le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive pénètre les couches supérieures de l'épiderme et limite la perte en eau, même sur peau sèche ou déshydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRecommandé par de nombreux dermatologues comme alternative douce aux nettoyants conventionnels pour les peaux atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTeint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLe jasmin bio stimule l'éclat naturel de la peau et atténue la sensation de fatigue cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-grid\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-card\"\u003e\n \u003ch3\u003e💆 Utilisable sur le corps et les cheveux\u003c\/h3\u003e\n \u003cp\u003eNettoie le cuir chevelu en douceur, réduit les démangeaisons et apporte de la légèreté aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au jasmin bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-timeline\"\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sensibles, commencez par une utilisation trois fois par semaine avant d'adopter un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Un pain correctement entretenu dure plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eCe que disent les utilisateurs (et les dermatologues)\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep bénéficie d'un avis dermatologique globalement très positif : sa composition simple, sans allergènes majeurs, en fait un choix de référence pour les peaux à problèmes. Les utilisateurs témoignent d'une peau plus douce dès les premières semaines, d'une réduction des rougeurs et d'un confort retrouvé, même en hiver.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003cdiv class=\"soi-jasp-accordion\"\u003e\n \u003cdetails class=\"soi-jasp-accordion-item\"\u003e\n \u003csummary class=\"soi-jasp-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-jasp-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne remplace pas un traitement médical prescrit par 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=\"soi-jasp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-jasp-cta-box\"\u003e\n \u003cp class=\"soi-jasp-cta-tag\" style=\"color: white;\"\u003eUn geste artisanal, un parfum floral, une tradition millénaire\u003c\/p\u003e\n \u003cp class=\"soi-jasp-cta-text\" style=\"color: white;\"\u003eAvec Najel, vous choisissez une formule pure et un savoir-faire ancestral. Le jasmin bio fait du bien à la peau autant qu'à l'âme. La tradition au service de votre quotidien, tout simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-jasp-marine: #1A2D3D;\n --soi-jasp-marine-dark: #0F1E2B;\n --soi-jasp-marine-light: #2C4458;\n --soi-jasp-pomme: #A1C544;\n --soi-jasp-pomme-dark: #84A636;\n --soi-jasp-pomme-light: rgba(161,197,68,0.10);\n --soi-jasp-white: #FFFFFF;\n --soi-jasp-off-white: #F8FAF6;\n --soi-jasp-stone: #F1F3EE;\n --soi-jasp-line: #E5E8E0;\n --soi-jasp-primary: #B5A44A;\n --soi-jasp-primary-soft: #D4C98A;\n --soi-jasp-accent: #8A7A3E;\n --soi-jasp-text: #1A2D3D;\n --soi-jasp-text-soft: #4A5B6B;\n --soi-jasp-text-muted: #7B8693;\n --soi-jasp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-jasp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-jasp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-jasp-radius: 12px;\n --soi-jasp-radius-sm: 8px;\n --soi-jasp-radius-pill: 999px;\n}\n\n.soi-jasp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jasp-fiche img { max-width: 100%; height: auto; }\n\n.soi-jasp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-jasp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-jasp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-jasp-hero {\n position: relative;\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-jasp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-jasp-pomme);\n}\n\n.soi-jasp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-jasp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-jasp-pomme);\n border-radius: 50%;\n}\n\n.soi-jasp-hero-title {\n display: block;\n color: var(--soi-jasp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-jasp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-jasp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-jasp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-jasp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-jasp-label-accent {\n background: var(--soi-jasp-pomme);\n border-color: var(--soi-jasp-pomme);\n color: var(--soi-jasp-marine);\n font-weight: 600;\n}\n\n.soi-jasp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jasp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-jasp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-jasp-pomme);\n border-radius: 2px;\n}\n\n.soi-jasp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-jasp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-jasp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-jasp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-jasp-benefit {\n background: var(--soi-jasp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jasp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-jasp-shadow-md);\n}\n\n.soi-jasp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-jasp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-jasp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-jasp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-jasp-benefit:hover .soi-jasp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-jasp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-benefit p {\n font-size: 13px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-jasp-card {\n background: var(--soi-jasp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border-left: 3px solid var(--soi-jasp-pomme);\n}\n\n.soi-jasp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-card p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-compo {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-jasp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-jasp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-jasp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-jasp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-jasp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-jasp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-jasp-marine);\n text-align: right;\n}\n\n.soi-jasp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-jasp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-jasp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n align-items: flex-start;\n}\n\n.soi-jasp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-jasp-marine);\n color: var(--soi-jasp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-jasp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-jasp-step-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-jasp-pomme-light);\n border-left: 4px solid var(--soi-jasp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-jasp-radius) var(--soi-jasp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-jasp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-jasp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n margin-bottom: 4px;\n}\n\n.soi-jasp-tip p {\n font-size: 14px;\n color: var(--soi-jasp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-jasp-accordion-item {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius-sm);\n border: 1px solid var(--soi-jasp-line);\n overflow: hidden;\n}\n\n.soi-jasp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-jasp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-jasp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-jasp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-jasp-accordion-item[open] .soi-jasp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-jasp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-jasp-accordion-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-cta-box {\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-jasp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-jasp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-jasp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-jasp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-jasp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-jasp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-jasp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-jasp-compo-value {\n text-align: left;\n }\n\n .soi-jasp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-jasp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-jasp-fiche {\n --soi-jasp-text-soft: #2C3E50;\n --soi-jasp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634053450,"sku":"NJ0065","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-jasmin-bio-najel-packshot.webp?v=1780560452"},{"product_id":"savon-dalep-a-lhuile-de-nigelle-najel","title":"Savon d'Alep à l'huile de nigelle – Najel","description":"\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n \u003csection class=\"soi-nige-hero\"\u003e\n \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-nige-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"soi-nige-hero-subtitle\"\u003eUn savon solide apaisant et régénérant, héritier de 3 000 ans de savoir-faire syrien, enrichi à l'huile de nigelle pressée à froid pour les peaux sensibles et irritées.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est-il si différent des autres savons ?\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des plus anciens savons du monde, le savon d'Alep est fabriqué selon un procédé artisanal transmis depuis plus de 3 000 ans dans la région de la ville d'Alep, en Syrie. Sa base d'huile d'olive saponifiée le rend naturellement doux, sans détergent synthétique ni sulfate.\u003c\/p\u003e\n \u003cp\u003eÀ la différence d'un savon industriel classique, il respecte le film hydrolipidique de la peau et convient même aux peaux les plus réactives. Vous retrouvez ici un soin authentique, ancré dans une tradition millénaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eLa force de ce savon : trois huiles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-nige-section-intro\"\u003eCe savon d'Alep réunit trois huiles aux vertus complémentaires pour offrir à votre peau un soin complet et respectueux.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-benefits\"\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et adoucit la peau en profondeur. Elle forme un voile protecteur qui limite la déshydratation cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eActive caractéristique du savon d'Alep authentique. Elle apaise les irritations, assainit les pores et soutient la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de nigelle\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et acides gras essentiels, elle apporte des propriétés apaisantes et contribue à la régénération des peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePour qui est ce savon au nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid\"\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLa douceur de l'huile d'olive combinée à la nigelle calme les tiraillements et les rougeurs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🩹 Peaux sujettes à l'eczéma ou au psoriasis\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes et rééquilibrantes de l'huile de nigelle en font un allié du quotidien, sans se substituer à un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes ou à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier assainit les pores sans agresser la peau ni perturber son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage, le corps, et même en shampoing solide doux pour un rituel de soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-timeline\"\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau ou vos cheveux avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse onctueuse, puis appliquez en massages circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le savon à l'abri de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-tip\"\u003e\n \u003cdiv class=\"soi-nige-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez votre savon d'Alep sur un porte-savon ajouré afin qu'il sèche correctement entre chaque usage. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à l'huile de nigelle Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-compo\"\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Nigella Sativa Seed Oil, Sodium Hydroxide, Sodium Chloride\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eConservateur synthétique, colorant artificiel, parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eProcédé traditionnel artisanal d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid-compact\"\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eNajel, Rêve d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧑\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eTous types, peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-accordion\"\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, consultez votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nige-cta-box\"\u003e\n \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003e3 000 ans de sagesse orientale dans vos mains\u003c\/p\u003e\n \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel de soin naturel, doux et respectueux. Un geste simple, chaque jour, pour une peau visiblement plus douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nige-marine: #1A2D3D;\n --soi-nige-marine-dark: #0F1E2B;\n --soi-nige-marine-light: #2C4458;\n --soi-nige-pomme: #A1C544;\n --soi-nige-pomme-dark: #84A636;\n --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n --soi-nige-white: #FFFFFF;\n --soi-nige-off-white: #F8FAF6;\n --soi-nige-stone: #F1F3EE;\n --soi-nige-line: #E5E8E0;\n\n --soi-nige-primary: #C87941;\n --soi-nige-primary-soft: #F5E6D3;\n --soi-nige-accent: #D4944A;\n\n --soi-nige-text: #1A2D3D;\n --soi-nige-text-soft: #4A5B6B;\n --soi-nige-text-muted: #7B8693;\n\n --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nige-radius: 12px;\n --soi-nige-radius-sm: 8px;\n --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nige-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nige-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n position: relative;\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nige-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nige-pomme);\n border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n display: block;\n color: var(--soi-nige-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nige-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nige-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nige-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n background: var(--soi-nige-pomme);\n border-color: var(--soi-nige-pomme);\n color: var(--soi-nige-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nige-pomme);\n border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nige-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-nige-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nige-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n background: var(--soi-nige-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nige-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nige-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n font-size: 13px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nige-card {\n background: var(--soi-nige-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nige-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-card-mini {\n background: var(--soi-nige-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-nige-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-nige-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-nige-card-mini-label {\n font-size: 11px;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-nige-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nige-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n align-items: flex-start;\n}\n\n.soi-nige-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nige-marine);\n color: var(--soi-nige-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-nige-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nige-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nige-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nige-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nige-pomme-light);\n border-left: 4px solid var(--soi-nige-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nige-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nige-marine);\n margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n font-size: 14px;\n color: var(--soi-nige-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-nige-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-nige-accordion-item {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius-sm);\n border: 1px solid var(--soi-nige-line);\n overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-nige-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-nige-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-nige-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nige-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nige-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nige-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-nige-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nige-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nige-compo-value {\n text-align: left;\n }\n\n .soi-nige-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-nige-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-nige-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nige-fiche {\n --soi-nige-text-soft: #2C3E50;\n --soi-nige-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634577738,"sku":"NJ0090","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lhuile-de-nigelle-najel-packshot.webp?v=1781338095"},{"product_id":"gel-douche-huile-de-figues-de-barbarie-najel","title":"Gel douche Huile de figues de Barbarie - Najel","description":"\u003cdiv class=\"soi-fgbr-fiche\"\u003e\n\n\u003csection class=\"soi-fgbr-hero\"\u003e\n \u003cdiv class=\"soi-fgbr-hero-tag\"\u003e\n \u003cspan class=\"soi-fgbr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-fgbr-hero-title\"\u003eGel douche Huile de Figues de Barbarie\u003c\/span\u003e\n \u003cp class=\"soi-fgbr-hero-subtitle\"\u003eDeux trésors botaniques réunis dans un seul geste : l'huile de figue de Barbarie à 20 % et le savon d'Alep traditionnel, pour une douche apaisante et naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-hero-labels\"\u003e\n \u003cspan class=\"soi-fgbr-label soi-fgbr-label-accent\"\u003eCOSMOS NATURAL ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de figue de Barbarie change tout pour votre peau\u003c\/h2\u003e\n \u003cp\u003eL'huile de graines de figue de Barbarie est l'un des actifs les plus concentrés en vitamine E et en acides gras essentiels (oméga 6 et oméga 9) que la nature nous offre. Résultat concret : elle renforce la barrière cutanée, limite la perte en eau et laisse la peau visiblement plus souple dès les premières utilisations. C'est précisément pour cela que Najel en incorpore 20 % dans sa formule, une concentration généreuse qui fait toute la différence face à des gels conventionnels qui n'en contiennent que des traces.\u003c\/p\u003e\n \u003cp\u003eCombinée au savon d'Alep, composé d'huile d'olive et d'huile de baies de laurier, elle nourrit, apaise les rougeurs et soulage les sensations de tiraillement. Le tout sans parfum ajouté, ce qui en fait un gel douche parfaitement adapté aux peaux sensibles, réactives et sujettes aux irritations, aussi bien pour les femmes que pour les hommes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe que ce gel douche Cosmos Natural vous apporte concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-benefits\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eLa mousse légère élimine les impuretés sans dessécher ni déséquilibrer le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation immédiate\u003c\/h3\u003e\n \u003cp\u003eL'huile de figue de Barbarie forme un voile protecteur qui maintient la peau souple plusieurs heures après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eLe savon d'Alep calme les irritations et les démangeaisons, idéal pour les peaux réactives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🔄 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le corps, le visage et les cheveux pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum ajouté\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie liée aux fragrances, même pour les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003e100 % plastique recyclé : un geste pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche naturel pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-timeline\"\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de gel sur vos mains ou sur un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en effectuant des mouvements circulaires doux sur la peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour un bénéfice hydratant renforcé, évitez l'eau trop chaude qui accentue la sécheresse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisable quotidiennement, matin ou soir, sur le corps, le visage et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComposition du gel douche Najel Figue de Barbarie\u003c\/h2\u003e\n \u003cp class=\"soi-fgbr-section-intro\"\u003eFormule à 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Natural par Ecocert, fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-compo\"\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eActif phare\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003e20 % d'huile de graines de figue de Barbarie (Opuntia Ficus-Indica Seed Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eSavon d'Alep (huile d'olive + huile de baies de laurier)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eParfum ajouté, sulfates agressifs, silicones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-accordion\" style=\"margin-top:1rem;\"\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e🌱 Propriétés des actifs principaux\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de graines de figue de Barbarie :\u003c\/strong\u003e riche en vitamine E et acides gras essentiels, hydratante et antioxydante.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSavon d'Alep :\u003c\/strong\u003e nettoyant doux, apaisant et nourrissant, utilisé depuis des siècles pour les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003eListe INCI complète disponible sur l'emballage du produit. Ce produit est un cosmétique, il ne se substitue pas à un avis médical en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe gel douche est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-grid\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé pour les peaux réactives, sujettes aux tiraillements ou aux irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes. Sans parfum ajouté, il accompagne chaque membre de la famille dès que la peau a besoin de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e✅ Formule transparente\u003c\/h3\u003e\n \u003cp\u003eSi vous cherchez un gel douche naturel sans compromis qui tient vraiment ses promesses, vous avez trouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fgbr-cta-box\"\u003e\n \u003cp class=\"soi-fgbr-cta-text\" style=\"color: white;\"\u003eChaque matin sous la douche, votre peau mérite la douceur d'un actif précieux, la tradition millénaire du savon d'Alep et la sérénité d'une formule certifiée naturelle. Prenez soin de vous, vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fgbr-marine: #1A2D3D;\n --soi-fgbr-marine-dark: #0F1E2B;\n --soi-fgbr-marine-light: #2C4458;\n --soi-fgbr-pomme: #A1C544;\n --soi-fgbr-pomme-dark: #84A636;\n --soi-fgbr-pomme-light: rgba(161,197,68,0.10);\n --soi-fgbr-white: #FFFFFF;\n --soi-fgbr-off-white: #F8FAF6;\n --soi-fgbr-stone: #F1F3EE;\n --soi-fgbr-line: #E5E8E0;\n --soi-fgbr-primary: #C49A5C;\n --soi-fgbr-primary-soft: rgba(196,154,92,0.12);\n --soi-fgbr-accent: #B5694A;\n --soi-fgbr-text: #1A2D3D;\n --soi-fgbr-text-soft: #4A5B6B;\n --soi-fgbr-text-muted: #7B8693;\n --soi-fgbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fgbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fgbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fgbr-radius: 12px;\n --soi-fgbr-radius-sm: 8px;\n --soi-fgbr-radius-pill: 999px;\n}\n\n.soi-fgbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fgbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-fgbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fgbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-fgbr-hero {\n position: relative;\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fgbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-fgbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fgbr-pomme);\n border-radius: 50%;\n}\n\n.soi-fgbr-hero-title {\n display: block;\n color: var(--soi-fgbr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-fgbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fgbr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-fgbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fgbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fgbr-label-accent {\n background: var(--soi-fgbr-pomme);\n border-color: var(--soi-fgbr-pomme);\n color: var(--soi-fgbr-marine);\n font-weight: 600;\n}\n\n.soi-fgbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fgbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-fgbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fgbr-pomme);\n border-radius: 2px;\n}\n\n.soi-fgbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fgbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fgbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fgbr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-fgbr-benefit {\n background: var(--soi-fgbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fgbr-shadow-md);\n}\n\n.soi-fgbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fgbr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-fgbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fgbr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover .soi-fgbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fgbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-benefit p {\n font-size: 13px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-fgbr-card {\n background: var(--soi-fgbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border-left: 3px solid var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-card p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fgbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fgbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n align-items: flex-start;\n}\n\n.soi-fgbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fgbr-marine);\n color: var(--soi-fgbr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-fgbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fgbr-step-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-compo {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fgbr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-fgbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fgbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fgbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fgbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fgbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fgbr-marine);\n text-align: right;\n}\n\n.soi-fgbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fgbr-pomme-light);\n border-left: 4px solid var(--soi-fgbr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fgbr-radius) var(--soi-fgbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fgbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fgbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-fgbr-tip p {\n font-size: 14px;\n color: var(--soi-fgbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-fgbr-accordion-item {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius-sm);\n border: 1px solid var(--soi-fgbr-line);\n overflow: hidden;\n}\n\n.soi-fgbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-fgbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-fgbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-fgbr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-fgbr-accordion-item[open] .soi-fgbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-fgbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-fgbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-fgbr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-cta-box {\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fgbr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fgbr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-fgbr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fgbr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-fgbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fgbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fgbr-compo-value {\n text-align: left;\n }\n\n .soi-fgbr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-fgbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fgbr-fiche {\n --soi-fgbr-text-soft: #2C3E50;\n --soi-fgbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634741578,"sku":"NJ0015","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-huile-de-figues-de-barbarie-najel-packshot_11zon.jpg?v=1781340135"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n \u003csection class=\"soi-almi-hero\"\u003e\n \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-grid\"\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-benefits\"\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-timeline\"\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-tip\"\u003e\n \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003cdiv class=\"soi-almi-accordion\"\u003e\n \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, 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=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-almi-cta-box\"\u003e\n \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-almi-marine: #1A2D3D;\n --soi-almi-marine-dark: #0F1E2B;\n --soi-almi-marine-light: #2C4458;\n --soi-almi-pomme: #A1C544;\n --soi-almi-pomme-dark: #84A636;\n --soi-almi-pomme-light: rgba(161,197,68,0.10);\n --soi-almi-white: #FFFFFF;\n --soi-almi-off-white: #F8FAF6;\n --soi-almi-stone: #F1F3EE;\n --soi-almi-line: #E5E8E0;\n --soi-almi-primary: #D4A82A;\n --soi-almi-primary-soft: #F5E6B8;\n --soi-almi-accent: #B5944A;\n --soi-almi-text: #1A2D3D;\n --soi-almi-text-soft: #4A5B6B;\n --soi-almi-text-muted: #7B8693;\n --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-almi-radius: 12px;\n --soi-almi-radius-sm: 8px;\n --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-almi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-almi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n position: relative;\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-almi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-almi-primary);\n}\n\n.soi-almi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-almi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-almi-primary);\n border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n display: block;\n color: var(--soi-almi-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-almi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-almi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-almi-pomme);\n border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-almi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-almi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-almi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n background: var(--soi-almi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-almi-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-almi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-almi-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n font-size: 13px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-almi-card {\n background: var(--soi-almi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-almi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n align-items: flex-start;\n}\n\n.soi-almi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-almi-marine);\n color: var(--soi-almi-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-almi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-almi-pomme-light);\n border-left: 4px solid var(--soi-almi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-almi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-almi-marine);\n margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n font-size: 14px;\n color: var(--soi-almi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-almi-accordion-item {\n background: var(--soi-almi-off-white);\n border-radius: var(--soi-almi-radius-sm);\n border: 1px solid var(--soi-almi-line);\n overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-almi-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-almi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-almi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-almi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-cta-box {\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-almi-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-almi-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-almi-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-almi-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-almi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-almi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-almi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-almi-fiche {\n --soi-almi-text-soft: #2C3E50;\n --soi-almi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-miel-najel-packshot_e32d4776-c5b0-4a95-8f44-a30fbfb79ac4.webp?v=1779976577"},{"product_id":"savon-dalep-5-hbl-najel","title":"Savon d'Alep 5% Huile de Baies de Laurier - Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn savon d'Alep avec 5 % d'huile de baies de laurier\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe savon millénaire aux huiles d'olive et de baies de laurier, pour un soin quotidien authentique du visage, du corps et des cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ EN SYRIE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Savon d'Alep 5% HBL Najel : le savon millénaire pour tous types de peaux --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 5% HBL Najel : le savon millénaire pour tous types de peaux\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e est considéré comme l'un des plus anciens savons du monde, originaire de la ville d'Alep en Syrie. Chez Najel, cette recette vieille de \u003cstrong\u003eplus de 3 000 ans\u003c\/strong\u003e est scrupuleusement respectée : saponification à chaud, huiles végétales sélectionnées, aucun additif chimique. Le résultat est un savon solide d'une authenticité rare, que vous pouvez utiliser au quotidien sur le \u003cstrong\u003evisage, le corps et les cheveux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 5% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon repose sur deux ingrédients principaux, choisis pour leur complémentarité naturelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio (95 %)\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga-9 et en antioxydants, elle nourrit la peau en profondeur, maintient son hydratation et renforce la barrière cutanée sans l'agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (5 %)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du savon d'Alep. À ce dosage doux, elle purifie, apaise les irritations et convient parfaitement aux peaux normales à mixtes. Plus le pourcentage est élevé, plus l'action est ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eComposition INCI\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Sodium Chloride, Sodium Hydroxide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement naturalité\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur artificiel. Ce savon est 100 % naturel et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Bienfaits --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep selon votre type de peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nourrit sans alourdir, la peau reste souple après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eSans parfum ni colorant, ce savon est souvent recommandé par les dermatologues pour les peaux intolérantes aux formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eIl nettoie en douceur, respecte le film hydrolipidique et convient à un usage matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, il assainit le cuir chevelu et laisse les cheveux propres sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains sous l'eau tiède, puis appliquez la mousse sur le visage, le corps ou les cheveux. Rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eBien conserver\u003c\/h3\u003e\n \u003cp\u003ePour optimiser sa durée de vie, conservez-le dans un endroit sec entre deux utilisations : un savon bien égoutté peut durer plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eCommencez par une utilisation tous les deux jours afin de laisser votre peau s'adapter, surtout si elle est habituée aux formules moussantes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pourquoi choisir Najel --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est une marque syrienne fondée à Alep, qui fabrique ses savons selon le \u003cstrong\u003eprocédé traditionnel de saponification à chaud\u003c\/strong\u003e. Ce mode de fabrication artisanal préserve intactes les propriétés des huiles végétales, là où la saponification à froid industrielle perd une partie de leurs actifs. Chaque pain de savon vieillit ensuite en cave pendant plusieurs mois avant commercialisation, ce qui améliore encore sa douceur et son efficacité.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003esavon d'Alep à 5 % d'huile de baies de laurier\u003c\/strong\u003e est idéal si vous débutez avec ce type de savon ou si vous recherchez une formule universelle pour toute la famille, adultes et enfants inclus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e200 g environ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eTous types\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSyrie (Alep)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🚫 Sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eParfum, colorant, conservateur synthétique, huile de palme.\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=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eDeux ingrédients, trois mille ans de savoir-faire\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eRedécouvrez l'essentiel avec le savon d'Alep Najel 5 % : une peau propre, douce et respectée à chaque utilisation. Un geste simple, naturel et authentique, à adopter pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging vert sauge\/amande + beige savon) === *\/\n --soi-alep-primary: #6B9E7A;\n --soi-alep-primary-soft: rgba(107,158,122,0.10);\n --soi-alep-accent: #C9A96E;\n\n \/* === Textes === *\/\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n margin-top: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603648635210,"sku":"NJ0035","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-5-hbl-najel-packshot_4b3c320f-3f6b-4951-87bb-cd7967c4149a.webp?v=1779701571"},{"product_id":"savon-dalep-12-hbl-najel-1","title":"Savon d'Alep 12% HBL – 180g Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn savon d'Alep avec 12% d'Huile de Baie de Lauier\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe savon ancestral aux huiles d'olive et de baies de laurier, idéalement dosé pour les peaux normales à mixtes. Plus de 3 000 ans de savoir-faire, perpétué depuis 1895 par la maison Najel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12% HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ À ALEP\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% HBL Najel : le savon ancestral pour peaux normales à mixtes\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des premiers savons solides de l'histoire, le savon d'Alep est fabriqué depuis plus de 3 000 ans dans la ville syrienne d'Alep. La maison Najel, fondée en 1895 par la famille Al Najjar, en perpétue le savoir-faire avec une rigueur artisanale rare. Ce savon d'Alep à 12% d'huile de baies de laurier est idéalement dosé pour les peaux normales à mixtes : assez riche pour nourrir, assez léger pour ne pas saturer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 12% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSa force réside dans la pureté de sa formule, héritée directement de la tradition syrienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e88% — Oméga-9, antioxydants naturels, nourrit et assouplit la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e12% — Purifiante, apaisante et régénérante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification à chaud (ne subsiste pas dans le savon fini)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule minimaliste\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur synthétique. Une composition volontairement pure, appréciée des dermatologues pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eUn soin polyvalent et précieux, adapté à l'ensemble de votre routine d'hygiène quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur, régule le sébum sur les zones mixtes (front, nez, menton), apaise les rougeurs légères et contribue à réduire l'apparence des pores. Idéal en nettoyant quotidien, matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eHydrate sans alourdir, convient aux peaux sujettes à l'eczéma ou aux légères dermatoses. Sa texture onctueuse laisse la peau confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, il nettoie le cuir chevelu, réduit les démangeaisons et apporte de la brillance. Comptez 4 à 6 semaines d'adaptation pour un passage au naturel réussi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez vos mains ou humidifiez directement la zone à nettoyer, puis faites mousser le savon entre vos paumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires sur le visage, le corps ou les cheveux, puis rincez à l'eau tiède. Pour le visage, évitez le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eEntre chaque utilisation, laissez votre savon sécher à l'air libre sur un porte-savon. Il s'améliore avec le temps : son extérieur brun foncé vire à l'orangé au vieillissement, signe d'une oxydation naturelle qui renforce ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🏛️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAuthenticité garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Alep (Syrie) selon la méthode traditionnelle de saponification à chaud, transmise depuis 1895.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDosage précis à 12% HBL\u003c\/h3\u003e\n \u003cp\u003eNi trop fort pour les peaux sensibles, ni trop doux pour les peaux mixtes. Un équilibre pensé pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié naturel\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans parabènes, sans colorants artificiels. Une formule réduite à l'essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉcologique et économique\u003c\/h3\u003e\n \u003cp\u003eUn pain dure en moyenne 2 à 3 mois avec une utilisation régulière, un choix durable et rentable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon est destiné à un usage externe uniquement. Évitez tout contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Ce produit ne se substitue à aucun traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin millénaire, perfectionné depuis 1895\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePour votre visage, votre corps ou vos cheveux, le savon d'Alep Najel 12% HBL vous offre chaque jour la douceur d'une formule éprouvée par les générations. Faites confiance à l'essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #5B8C5A;\n --soi-alep-primary-soft: rgba(91,140,90,0.10);\n --soi-alep-accent: #C6A67A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603650306378,"sku":"NJ0040","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot.webp?v=1779701928"},{"product_id":"savon-dalep-liquide-20-hbl-certifie-bio-najel","title":"Savon d'Alep Liquide 20% Huile Baie Laurier Bio - Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n\u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep liquide 20% HBL certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLa douceur millénaire d'Alep en flacon-pompe : olive et laurier bio pour les peaux sèches et sensibles, au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e20% HUILE DE LAURIER\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUns savon d'Alep liquide bio avec 20% d'Huile de Baie de Laurier\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon d'Alep liquide bio qui nettoie en profondeur sans agresser la peau ? Ce flacon-pompe signé Najel associe deux huiles emblématiques, l'huile d'olive et l'huile de baies de laurier, dans une formule certifiée Cosmos Organic by Ecocert, fabriquée en France. Avec 20% d'huile de baies de laurier (HBL), il est particulièrement recommandé pour les peaux sèches et sensibles, adultes comme enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide d'Alep à 20% HBL ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe taux d'huile de baies de laurier est la clé de lecture d'un savon bio d'Alep : plus il est élevé, plus le soin est riche et enveloppant. À 20% de HBL, ce savon liquide occupe un équilibre idéal : il apaise, nourrit et respecte les épidermes les plus réactifs, sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier (20%)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et purifiantes, elle contribue à réduire les inconforts cutanés liés à la sécheresse ou à la sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio (80%)\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit en douceur et renforce le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule transparente\u003c\/h3\u003e\n \u003cp\u003eSans parfum ajouté, sans colorant, sans conservateur controversé : une liste INCI courte et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMulti-usage quotidien\u003c\/h3\u003e\n \u003cp\u003eConvient pour le visage, le corps et les cheveux, en usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAqua, Potassium Olivate*, Potassium Laurate*, Glycerin*, Lauryl Glucoside, Glyceryl Oleate*, Sodium Chloride, Citric Acid, Lactic Acid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eIngrédients bio*\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePotassium Olivate, Potassium Laurate, Glycerin, Glyceryl Oleate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eLes huiles d'olive et de baies de laurier sont saponifiées au potassium, procédé traditionnel qui permet d'obtenir un savon liquide naturel, biodégradable et doux pour la peau comme pour les canalisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur peau humide, massez en douceur et rincez abondamment. Convient aux peaux sensibles et sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eUtilisez directement sur le gant de toilette ou les mains. Mousse généreuse, rinçage facile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eAppliqué en shampooing occasionnel, il purifie le cuir chevelu sans l'assécher. Idéal pour les cuirs chevelus sensibles ou sujets aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eUsage familial\u003c\/h3\u003e\n \u003cp\u003eTolérance optimale dès le plus jeune âge. Un flacon dans la salle de bain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn flacon éco-responsable à la hauteur du produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ rPET 100% recyclé\u003c\/h3\u003e\n \u003cp\u003eLe flacon ambré est fabriqué en rPET 100% recyclé et recyclable, protégeant la formule de la lumière tout en limitant l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eLa pompe doseuse évite le gaspillage et facilite l'usage au quotidien. Une démarche cohérente avec les valeurs du savon bio d'Alep : naturel du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eTeneur en HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e20% d'huile de baies de laurier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eMade in France, Laboratoire Najjar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePeaux sèches, sensibles, réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConvient pour\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux, usage familial\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eFlacon ambré rPET recyclé avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique de soin quotidien. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un dermatologue en cas de pathologie cutanée diagnostiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eHéritage d'Alep, savoir-faire français\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOlive et laurier bio, certifié Cosmos Organic : offrez à votre peau un rituel quotidien doux, efficace et respectueux, pensé pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #4E8A7C;\n --soi-alep-primary-soft: #6BA396;\n --soi-alep-accent: #7B3E2A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656925514,"sku":"NJ0120","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-liquide-20-hbl-certifie-bio-najel-packshot.webp?v=1779613446"},{"product_id":"savon-dalep-a-lencens-najel","title":"Savon d'Alep à l'encens – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n\u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003e3 000 ans de tradition dans vos mains\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon millénaire enrichi à la résine d'encens, pour un nettoyage doux du visage, du corps et des cheveux, fidèle à la tradition alépine depuis plus de 3 000 ans.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eNATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eZÉRO DÉCHET\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à l'encens Najel\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon d'Alep réside dans la pureté de ses ingrédients. Sa composition reste fidèle à la recette originale, enrichie d'un actif d'exception.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante et protectrice, elle adoucit la peau dès la première utilisation et respecte son film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 4 % d'huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du vrai savon d'Alep. Désinfectante, apaisante et régénératrice, elle est particulièrement appréciée pour les peaux sujettes à l'acné, l'eczéma ou le psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Résine d'encens\u003c\/h3\u003e\n \u003cp\u003eAux propriétés calmantes et purifiantes, elle apporte un parfum boisé et envoûtant, tout en contribuant à l'apaisement des peaux irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧂 Soude végétale\u003c\/h3\u003e\n \u003cp\u003eAgent saponifiant naturel, garant de la solidité du pain de savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧴\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eComposition courte et transparente\u003c\/strong\u003e\n \u003cp\u003eAucun conservateur artificiel, aucun sulfate, aucun produit pétrochimique. Une formule idéale pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep visage et corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eVous pouvez l'utiliser sur le visage, le corps et les cheveux, au quotidien. Grâce à sa douceur naturelle, il convient à tous les types de peau, y compris :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui tolèrent mal les savons conventionnels, sa formule douce respecte les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux grasses ou acnéiques\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier est particulièrement recommandée pour réguler les peaux à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio nourrit en profondeur sans agresser, pour une peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin naturel certifié\u003c\/h3\u003e\n \u003cp\u003ePour les personnes cherchant un soin sans ingrédients controversés, avec une composition transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🩺\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAvis dermatologique\u003c\/strong\u003e\n \u003cp\u003eLe savon d'Alep est globalement bien toléré, mais comme pour tout soin naturel, un test sur une petite zone est conseillé en cas de peau très réactive. Il ne remplace pas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau ou vos cheveux à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la zone à nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment et séchez délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le savon à l'abri de l'humidité entre chaque utilisation pour maximiser sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eGlissez un pain dans votre armoire à linge pour le parfumer naturellement avec ses notes d'encens boisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn savoir-faire vieux de 3 000 ans, un séchage de 9 mois\u003c\/h2\u003e\n \u003cp\u003eCe qui distingue un vrai savon d'Alep d'une simple imitation, c'est son processus de fabrication. Chez Najel, chaque savon est fabriqué entre novembre et mars, cuit à chaud dans de grands chaudrons traditionnels, puis mis à sécher pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e dans des caves ventilées.\u003c\/p\u003e\n \u003cp\u003eCe vieillissement est essentiel : il neutralise l'excès de soude, assouplit la texture et révèle toutes les vertus des huiles. Le résultat, c'est un savon dense, généreux et d'une longévité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏛️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTradition\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e3 000 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏠\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eMaison Najel\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eDepuis 1895\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eSéchage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e9 mois minimum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🔥\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eNovembre à mars\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep à l'encens en résumé\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher ni agresser la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Apaisant\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux irritées, acnéiques ou à tendance eczémateuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Nourrissant\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit grâce à l'huile d'olive bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Purifiant\u003c\/h3\u003e\n \u003cp\u003ePurifie et calme grâce à la résine d'encens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🙆 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat solide, zéro déchet, formule naturelle sans sulfate ni conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003e3 000 ans de tradition dans vos mains\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLe savon d'Alep à l'encens de Najel transforme votre routine en un rituel sensoriel : une mousse douce, un parfum boisé et sacré, une peau propre, apaisée et ressourcée. Simple, authentique, intemporel.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #C8A97E;\n --soi-alep-primary-soft: #E8D8C0;\n --soi-alep-accent: #B5946A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alep-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alep-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-alep-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603704275274,"sku":"NJ0085","price":1.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lencens-najel-packshot.webp?v=1780306135"},{"product_id":"savon-dalep-liquide-40-hbl-najel","title":"Savon d'Alep liquide 40% HBL – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep liquide 40% HBL\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe soin ancestral le plus concentré en laurier pour les peaux sensibles et réactives, certifié bio et fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e40% HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Intro --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep liquide 40% HBL Najel : le soin naturel pour peaux sensibles et réactives\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003esavon d'Alep liquide bio\u003c\/strong\u003e vraiment concentré, sans compromis sur la douceur ni sur l'efficacité ? Ce flacon-pompe Najel à \u003cstrong\u003e40% d'huile de baies de laurier\u003c\/strong\u003e est l'une des formules les plus généreuses du marché. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, fabriqué en France par saponification à chaud, il conjugue un savoir-faire ancestral transmis depuis 1964 et des exigences modernes de qualité. Idéal pour les peaux sensibles, réactives, sujettes à l'eczéma, au psoriasis ou à l'acné.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à 40% de laurier ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eTous les savons d'Alep liquides ne se valent pas. La concentration en huile de baies de laurier est le critère clé : plus elle est élevée, plus les propriétés apaisantes, régénératrices et purifiantes sont puissantes. À \u003cstrong\u003e40% de HBL\u003c\/strong\u003e, ce savon Najel s'adresse particulièrement aux peaux qui ont besoin d'un soutien quotidien intense.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, démangeaisons et irritations cutanées grâce à la haute teneur en huile de baies de laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifie\u003c\/h3\u003e\n \u003cp\u003eNettoie en profondeur sans agresser la barrière cutanée ni perturber le microbiome naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNourrit\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio, riche en acides gras essentiels, assouplit et nourrit la peau à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePolyvalent\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, mains et cheveux : une seule bouteille suffit pour toute votre routine de soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSans parfum, sans tensioactifs synthétiques et sans conservateur de synthèse, ce savon respecte le microbiome naturel de votre peau. C'est exactement ce que recherchent les peaux intolérantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition complète du savon d'Alep liquide Najel 40%\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eFormule courte, transparente et certifiée bio. Aucun parfum ajouté, aucun conservateur de synthèse, aucun tensioactif chimique.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePotassium Olivate\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive bio saponifiée, base nourrissante et assouplissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row soi-alep-compo-highlight\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePotassium Laurus Nobilate (40%)\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de baies de laurier bio saponifiée, actif apaisant et régénérateur phare\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eGlycérine végétale, agent hydratant naturel issu de la saponification\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003ePotassium Hydroxide\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent saponifiant, entièrement neutralisé dans le produit fini\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Utilisation --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep liquide au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSon format flacon-pompe rend l'utilisation immédiate et hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eUne petite dose suffit. Appliquez sur peau humide, massez délicatement en mouvements circulaires, rincez à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCorps et mains\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le en remplacement de votre gel douche habituel pour une peau douce après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eIl peut s'utiliser comme shampoing doux, particulièrement adapté aux cuirs chevelus sensibles ou qui démangent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour une tolérance optimale, débutez avec une utilisation en alternance (tous les deux jours) si votre peau est très réactive, puis passez à un usage quotidien selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Emballage --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn emballage écoresponsable, pensé dans les détails\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ Flacon en plastique recyclé\u003c\/h3\u003e\n \u003cp\u003eLe flacon ambré en plastique recyclé rPET protège la formule de la lumière, préservant ainsi les actifs sensibles. Il est entièrement recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫧 Pompe intégrée anti-gaspillage\u003c\/h3\u003e\n \u003cp\u003eLa pompe intégrée délivre la juste dose à chaque utilisation, évitant le gaspillage. Un choix cohérent pour allier soin naturel et gestes durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : FAQ --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon d'Alep liquide bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🛒 Où trouver ce savon d'Alep liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eDisponible en ligne sur notre boutique, mais aussi en pharmacie et parapharmacie spécialisées. Vous pouvez également le retrouver en magasin bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e👶 Ce savon convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule sans parfum et sans conservateur de synthèse est douce. Évitez toutefois le contact avec les yeux et demandez conseil à votre pédiatre pour les nourrissons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚕️ Ce produit remplace-t-il un traitement médical ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eNon. Il s'agit d'un soin de confort naturel. En cas de pathologie cutanée (eczéma sévère, psoriasis étendu), consultez un dermatologue.\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=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne tradition millénaire réinterprétée avec rigueur et bienveillance. Chaque pression sur la pompe, c'est un rituel simple et sincère : nettoyer sans agresser, apaiser sans alourdir, prendre soin de vous avec le meilleur de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging Najel : vert sombre, ambré, feuilles de laurier) === *\/\n --soi-alep-primary: #2D5E4A;\n --soi-alep-primary-soft: rgba(45,94,74,0.08);\n --soi-alep-accent: #5C7A3E;\n\n \/* === Textes === *\/\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-highlight {\n background: var(--soi-alep-primary-soft);\n border-left: 3px solid var(--soi-alep-primary);\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alep-benefits {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 480px) {\n .soi-alep-benefits {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603704602954,"sku":"NJ0125","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-liquide-40-hbl-najel-packshot.webp?v=1779612822"},{"product_id":"huile-essentielle-de-tea-tree-bio-florame","title":"Huile Essentielle de Tea Tree bio – Florame","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"681\" data-end=\"1068\"\u003eIssue des feuilles de \u003cstrong data-start=\"146\" data-end=\"172\"\u003eMelaleuca alternifolia\u003c\/strong\u003e, l’Huile Essentielle de Tea Tree bio de Florame s’impose comme un incontournable pour purifier et assainir naturellement son quotidien. Réputée pour son efficacité, elle se distingue par sa qualité irréprochable, sa composition \u003cstrong data-start=\"401\" data-end=\"428\"\u003e100 % pure et naturelle\u003c\/strong\u003e, ainsi que par une production respectueuse de l’environnement et des producteurs. Pratique, polyvalente et puissante, elle accompagne parfaitement les routines de soin et les moments de diffusion.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_FM0175_3f3a691b-6ceb-497c-af1b-270a1d2f7448.jpg?v=1776185341\" alt=\"Photo de la plante Tea Tree\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"627\" data-end=\"712\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Tea Tree bio de Florame\u003c\/h2\u003e\n\u003cp data-start=\"713\" data-end=\"1103\"\u003eL’Huile Essentielle de Tea Tree bio Florame se caractérise avant tout par son \u003cstrong data-start=\"791\" data-end=\"829\"\u003eaction purifiante et assainissante\u003c\/strong\u003e, particulièrement appréciée en aromathérapie. Sa richesse naturelle en composés aromatiques lui confère des propriétés \u003cstrong data-start=\"949\" data-end=\"969\"\u003eantibactériennes\u003c\/strong\u003e et \u003cstrong data-start=\"973\" data-end=\"990\"\u003eantiseptiques\u003c\/strong\u003e qui en font un allié de référence pour maintenir un environnement plus sain et soutenir les défenses naturelles.\u003c\/p\u003e\n\u003cp data-start=\"1105\" data-end=\"1373\"\u003eSur la peau, elle s’utilise en application localisée, toujours diluée, afin de cibler les zones à imperfections. Son parfum frais et herbacé contribue également, en diffusion, à créer une atmosphère plus pure, aidant à neutraliser les impuretés présentes dans l’air.\u003c\/p\u003e\n\u003cp data-start=\"1375\" data-end=\"1729\"\u003eCertifiée biologique par Ecocert et labellisée \u003cstrong data-start=\"1422\" data-end=\"1439\"\u003eFair For Life\u003c\/strong\u003e, cette huile essentielle témoigne d’un engagement profond envers la qualité et l’éthique. Le conditionnement en flacon compte-gouttes de 10 ml permet un dosage précis et une utilisation simple, que ce soit pour un geste beauté, un rituel de bien-être ou l’assainissement des pièces de vie.\u003c\/p\u003e\n\u003ch2 data-start=\"1731\" data-end=\"1775\"\u003eUne alliée incontournable du quotidien\u003c\/h2\u003e\n\u003cp data-start=\"1776\" data-end=\"2203\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eNaturelle, efficace et respectueuse, l’Huile Essentielle de Tea Tree bio Florame s’intègre facilement dans toutes les routines grâce à sa polyvalence. Qu’il s’agisse de prendre soin de sa peau, d’assainir son intérieur ou de soutenir son bien-être, elle offre une solution aromatique fiable et de grande qualité. Un véritable essentiel pour celles et ceux qui souhaitent allier naturalité, efficacité et engagement responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603839672650,"sku":"FM0175","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/florame_fm0175_he_tea-tree_82a3b527-f539-43ba-b5a5-9e7c6ceba7c7.jpg?v=1778843390"},{"product_id":"gel-douche-verveine-citron-certifie-bio-florame","title":"Gel Douche Verveine Citron certifié bio – Florame","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2 data-start=\"0\" data-end=\"43\"\u003eUne parenthèse de fraîcheur au quotidien\u003c\/h2\u003e\n\u003cp data-start=\"45\" data-end=\"468\"\u003eLe Gel Douche Verveine Citron certifié bio de Florame invite à transformer chaque douche en un véritable moment de bien-être. Pensé pour un usage quotidien, il nettoie la peau avec délicatesse tout en offrant une sensation immédiate de fraîcheur et de vitalité. Son parfum naturellement citronné réveille les sens et apporte une touche tonique idéale pour bien commencer la journée ou se ressourcer après un moment intense.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_FM0575_68b4795d-e721-4635-b08a-ec5631a7706c.jpg?v=1776185504\" alt=\"Closeup d'une personne se douchant\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"470\" data-end=\"556\"\u003eCaractéristiques et bienfaits du Gel Douche Verveine Citron certifié bio de Florame\u003c\/h2\u003e\n\u003cp data-start=\"558\" data-end=\"1166\"\u003eFormulé à partir d’ingrédients \u003cstrong data-start=\"589\" data-end=\"612\"\u003ed’origine naturelle\u003c\/strong\u003e et certifiés bio, ce gel douche respecte l’équilibre de la peau tout en assurant un nettoyage efficace. Sa \u003cstrong data-start=\"720\" data-end=\"735\"\u003etexture gel\u003c\/strong\u003e se transforme au contact de l’eau en une mousse onctueuse et légère qui se rince facilement, laissant la peau propre, douce et confortable. L’association de la verveine et du citron diffuse un parfum frais et vivifiant, procurant une agréable sensation d’énergie à chaque utilisation. Adapté à un usage quotidien, ce soin lavant convient à toute la famille et s’intègre parfaitement dans une routine de soin douce et respectueuse.\u003c\/p\u003e\n\u003cp data-start=\"1168\" data-end=\"1539\"\u003eEngagée dans une démarche responsable, la marque Florame propose ce gel douche dans un \u003cstrong data-start=\"1255\" data-end=\"1310\"\u003eflacon pompe rechargeable et entièrement recyclable\u003c\/strong\u003e, alliant praticité et écoconception. Certifié \u003cstrong data-start=\"1357\" data-end=\"1375\"\u003eCOSMOS Organic\u003c\/strong\u003e et fabriqué en France, il reflète un savoir-faire exigeant qui conjugue qualité, efficacité et respect de l’environnement, sans compromis sur le plaisir sensoriel.\u003c\/p\u003e\n\u003ch2 data-start=\"1541\" data-end=\"1607\"\u003eUn geste simple pour une peau fraîche et naturellement sublimée\u003c\/h2\u003e\n\u003cp data-start=\"1609\" data-end=\"1968\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir le Gel Douche Verveine Citron de Florame, c’est opter pour un soin lavant qui allie \u003cstrong data-start=\"1701\" data-end=\"1738\"\u003eplaisir, naturalité et engagement\u003c\/strong\u003e. Sa formule douce, son parfum tonique et son format économique en font un indispensable de la salle de bain pour celles et ceux qui recherchent une hygiène quotidienne efficace, tout en prenant soin de leur peau et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603902128458,"sku":"FM0575","price":7.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/florame_fm0575_gel_douche_verveine_citron.jpg?v=1776166927"},{"product_id":"gel-douche-amande-certifie-bio-florame","title":"Gel Douche Amande certifié bio – Florame","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe Gel Douche Amande certifié bio de Florame a été pensé pour transformer le geste quotidien de la douche en un véritable moment de bien-être. Alliant \u003cstrong data-start=\"194\" data-end=\"208\"\u003enaturalité\u003c\/strong\u003e, sensorialité et respect de la peau, il nettoie en douceur tout en enveloppant le corps d’un parfum délicatement gourmand. Sa formule soigneusement élaborée convient parfaitement à une utilisation quotidienne, pour une peau propre, confortable et subtilement parfumée.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_FM0580_11830335-4353-4687-b538-6e7097f961ad.jpg?v=1776185505\" alt=\"Photo d'une femme en train de se laver\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"479\" data-end=\"556\"\u003eCaractéristiques et bienfaits du Gel Douche Amande certifié bio de Florame\u003c\/h2\u003e\n\u003cp data-start=\"558\" data-end=\"1022\"\u003eGrâce à sa \u003cstrong data-start=\"569\" data-end=\"611\"\u003eformule douce certifiée Cosmos Organic\u003c\/strong\u003e, ce gel douche respecte l’équilibre naturel de la peau dès le nettoyage. Composé à 98 % d’ingrédients d’origine naturelle, il a été formulé sans ingrédients controversés afin d’offrir une tolérance optimale, même pour les peaux les plus exigeantes. Sa texture gel se transforme au contact de l’eau en une \u003cstrong data-start=\"917\" data-end=\"947\"\u003emousse onctueuse et légère\u003c\/strong\u003e, facile à rincer, qui laisse la peau nette sans sensation de tiraillement.\u003c\/p\u003e\n\u003cp data-start=\"1024\" data-end=\"1636\"\u003eLe parfum d’amande douce apporte une dimension sensorielle réconfortante, sublimée par de subtiles notes boisées de cèdre de l’Atlas et une touche d’orange douce. Cette alliance olfactive crée une atmosphère chaleureuse et apaisante, idéale pour commencer ou terminer la journée en douceur. Présenté dans un \u003cstrong data-start=\"1332\" data-end=\"1369\"\u003eflacon pompe de 750 ml recyclable\u003c\/strong\u003e, ce gel douche s’inscrit dans une démarche écoresponsable tout en offrant un format généreux et pratique. Fabriqué en France, il reflète l’engagement de Florame pour des cosmétiques biologiques alliant efficacité, plaisir d’utilisation et respect de l’environnement.\u003c\/p\u003e\n\u003ch2 data-start=\"1638\" data-end=\"1690\"\u003eL’alliance du soin, du plaisir et de l’engagement\u003c\/h2\u003e\n\u003cp data-start=\"1692\" data-end=\"2135\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir le Gel Douche Amande certifié bio de Florame, c’est opter pour un soin lavant qui conjugue \u003cstrong data-start=\"1791\" data-end=\"1802\"\u003edouceur\u003c\/strong\u003e, sensorialité et valeurs responsables. Sa texture agréable, son parfum enveloppant et sa composition naturelle en font un indispensable de la salle de bain, idéal pour toute la famille. Un véritable rituel de bien-être qui prend soin de la peau jour après jour, tout en s’inscrivant dans une consommation plus consciente et engagée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603902390602,"sku":"FM0580","price":7.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/florame_fm0580_gel_douche_amande.jpg?v=1776166938"},{"product_id":"huile-essentielle-dajowan-pranarom","title":"Huile Essentielle d'Ajowan – Pranarom","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0050_3a5d3c76-c95b-4799-a5ea-100cf6de2492.jpg?v=1776185572\" alt=\"Photo d'huile essentielle d'Ajowan\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp data-start=\"426\" data-end=\"899\"\u003eL’Huile essentielle d’Ajowan de Pranarom est un incontournable de l’aromathérapie pour celles et ceux qui recherchent une solution naturelle, efficace et polyvalente. Extraite avec soin à partir de graines aromatiques sélectionnées, elle se distingue par une \u003cstrong data-start=\"685\" data-end=\"728\"\u003econcentration élevée en actifs naturels\u003c\/strong\u003e et une grande facilité d’utilisation au quotidien. Cette huile essentielle s’intègre harmonieusement dans une routine bien-être axée sur l’équilibre et le confort global.\u003c\/p\u003e\n\u003ch2 data-start=\"901\" data-end=\"979\"\u003eCaractéristiques et bienfaits de l’Huile essentielle d'Ajowan de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"980\" data-end=\"1797\"\u003eObtenue à partir des graines d’une plante aromatique reconnue, l’Huile essentielle d’Ajowan Pranarom bénéficie d’une composition \u003cstrong data-start=\"1109\" data-end=\"1128\"\u003e100 % naturelle\u003c\/strong\u003e et rigoureusement contrôlée. Elle est particulièrement appréciée pour ses \u003cstrong data-start=\"1203\" data-end=\"1254\"\u003epropriétés antiseptiques et anti-inflammatoires\u003c\/strong\u003e, qui en font une alliée précieuse pour soutenir l’organisme de manière douce mais ciblée. Utilisée en massage, diluée dans une huile végétale, elle aide à apaiser les \u003cstrong data-start=\"1422\" data-end=\"1446\"\u003etensions musculaires\u003c\/strong\u003e et à retrouver une sensation de confort. En inhalation, elle libère ses arômes puissants et contribue à un mieux-être général, notamment lors de déséquilibres digestifs passagers. Sa texture fluide et son flacon compte-gouttes de 10 ml permettent une application précise, adaptée aux besoins de chacun, tout en garantissant une conservation optimale.\u003c\/p\u003e\n\u003ch2 data-start=\"1799\" data-end=\"1833\"\u003eUn allié naturel au quotidien\u003c\/h2\u003e\n\u003cp data-start=\"1834\" data-end=\"2230\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir l’Huile essentielle d’Ajowan de Pranarom, c’est opter pour une solution aromatique \u003cstrong data-start=\"1925\" data-end=\"1960\"\u003efiable, efficace et authentique\u003c\/strong\u003e, conçue pour accompagner les gestes bien-être jour après jour. Grâce à sa polyvalence et à la qualité reconnue de la marque Pranarom, elle trouve naturellement sa place dans une approche globale de la santé, en apportant soutien, confort et sérénité de façon naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603912712522,"sku":"RA0050","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0050_he_ajowan_76924c13-105b-4771-a446-6f98c5808018.jpg?v=1778843468"},{"product_id":"huile-essentielle-de-cedre-de-virginie-pranarom","title":"Huile Essentielle de Cèdre de Virginie – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’huile essentielle de Cèdre de Virginie Pranarōm séduit par son \u003cstrong data-start=\"460\" data-end=\"483\"\u003earôme boisé intense\u003c\/strong\u003e et son caractère profondément rassurant. Extraite par distillation du bois de \u003cem data-start=\"562\" data-end=\"584\"\u003eJuniperus virginiana\u003c\/em\u003e, elle s’inscrit comme une référence en aromathérapie pour accompagner aussi bien les soins corporels que les moments de recentrage intérieur. Sa qualité irréprochable et sa richesse naturelle en composés aromatiques en font un allié précieux pour une utilisation régulière, en toute simplicité.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0060_f467e9e2-e4bf-4d97-af97-2196880132a0.jpg?v=1776185604\" alt=\"Huile essentielle de cèdre de virginie\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"881\" data-end=\"971\"\u003eCaractéristiques et bienfaits de l’Huile essentielle de Cèdre de Virginie de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"972\" data-end=\"1456\"\u003eCette huile essentielle est reconnue pour sa \u003cstrong data-start=\"1017\" data-end=\"1069\"\u003ecomposition riche en sesquiterpènes et en cédrol\u003c\/strong\u003e, responsables de ses nombreuses propriétés. Elle est traditionnellement utilisée pour soutenir les fonctions drainantes de l’organisme et contribuer à une meilleure circulation lymphatique et veineuse. Sur le plan cutané, elle est appréciée pour son action purifiante, notamment sur les peaux sujettes aux déséquilibres et sur le cuir chevelu, qu’elle aide à assainir tout en douceur.\u003c\/p\u003e\n\u003cp data-start=\"1458\" data-end=\"1961\"\u003eSon parfum boisé, à la fois chaud et sec, agit également sur la sphère émotionnelle en favorisant l’apaisement, la stabilité et la confiance. En diffusion, elle installe une ambiance propice à la détente et à l’ancrage, idéale pour relâcher les tensions accumulées et retrouver une sensation d’équilibre intérieur. Présentée dans un \u003cstrong data-start=\"1791\" data-end=\"1825\"\u003eflacon compte-gouttes de 10 ml\u003c\/strong\u003e, cette huile essentielle 100 % pure et intégrale s’intègre facilement dans des synergies aromatiques adaptées aux besoins du quotidien.\u003c\/p\u003e\n\u003ch2 data-start=\"1963\" data-end=\"1997\"\u003eL’essence d’un rituel naturel\u003c\/h2\u003e\n\u003cp data-start=\"1998\" data-end=\"2343\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eChoisir l’huile essentielle de Cèdre de Virginie Pranarōm, c’est opter pour une \u003cstrong data-start=\"2078\" data-end=\"2116\"\u003eessence authentique et polyvalente\u003c\/strong\u003e, qui allie efficacité aromatique et plaisir sensoriel. Son parfum profond et ses multiples bienfaits en font un incontournable pour enrichir vos rituels de bien-être et prendre soin de vous de manière naturelle et harmonieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603913630026,"sku":"RA0060","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0060_he_cedre_virginie.jpg?v=1776167278"},{"product_id":"huile-essentielle-de-jasmin-absolue-pranarom","title":"Huile Essentielle de Jasmin (absolue) – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’\u003cstrong data-start=\"572\" data-end=\"613\"\u003eHuile Essentielle de Jasmin (absolue)\u003c\/strong\u003e proposée par \u003cstrong data-start=\"627\" data-end=\"639\"\u003ePranarom\u003c\/strong\u003e est une essence précieuse obtenue à partir des fleurs de jasmin, reconnues pour leur fragrance \u003cstrong data-start=\"735\" data-end=\"760\"\u003eflorale et envoûtante\u003c\/strong\u003e. En aromathérapie, cette huile essentielle est \u003cstrong data-start=\"808\" data-end=\"852\"\u003eappréciée pour ses propriétés apaisantes\u003c\/strong\u003e qui favorisent la détente et contribuent à une atmosphère harmonieuse. Grâce à son parfum délicat, elle est également utilisée pour \u003cstrong data-start=\"985\" data-end=\"1006\"\u003eréduire le stress\u003c\/strong\u003e et favoriser la \u003cstrong data-start=\"1023\" data-end=\"1050\"\u003erelaxation émotionnelle\u003c\/strong\u003e.\u003cbr data-start=\"1051\" data-end=\"1054\"\u003eAdaptée à une application \u003cstrong data-start=\"1080\" data-end=\"1119\"\u003ecutanée, capillaire ou en diffusion\u003c\/strong\u003e, cette huile révèle toute la richesse olfactive du jasmin, symbole de douceur et de sérénité. Sa texture fine et sa concentration en principes actifs en font une référence incontournable pour les préparations aromatiques haut de gamme.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0085_75028aab-501a-4532-a130-079a121afb85.jpg?v=1776185613\" alt=\"Huile essentielle de jasmin absolu\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003ePrécieuse et intensément florale, l’Huile Essentielle de Jasmin (absolue) de Pranarom est une invitation à la détente et à l’harmonie intérieure. Issue des fleurs délicates de jasmin, elle séduit par son parfum envoûtant et sa finesse aromatique. Véritable alliée du bien-être émotionnel, cette huile essentielle transforme chaque instant en une parenthèse de sérénité, propice au lâcher-prise et au réconfort.\u003c\/p\u003e\n\u003ch2 data-start=\"825\" data-end=\"912\"\u003eCaractéristiques et bienfaits de l’Huile Essentielle de Jasmin (absolue) de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"914\" data-end=\"1347\"\u003eL’Huile Essentielle de Jasmin (absolue) de Pranarom est reconnue en aromathérapie pour ses \u003cstrong data-start=\"1005\" data-end=\"1045\"\u003evertus apaisantes et rééquilibrantes\u003c\/strong\u003e. Son parfum floral, à la fois suave et réconfortant, agit positivement sur les émotions en favorisant la détente, la sérénité et une sensation de calme intérieur. Elle est particulièrement appréciée lors des périodes de stress, de fatigue émotionnelle ou lorsque le besoin de réconfort se fait sentir.\u003c\/p\u003e\n\u003cp data-start=\"1349\" data-end=\"1898\"\u003eGrâce à sa \u003cstrong data-start=\"1360\" data-end=\"1395\"\u003equalité 100 % pure et naturelle\u003c\/strong\u003e, cette huile essentielle offre une richesse aromatique exceptionnelle. Elle peut être utilisée en diffusion afin de créer une atmosphère chaleureuse et relaxante, idéale pour les moments de méditation ou de repos. En application cutanée ou capillaire, toujours diluée, elle apporte une touche sensorielle raffinée tout en révélant l’élégance naturelle du jasmin. Sa texture fine et sa concentration en composés aromatiques en font une référence de choix pour les préparations aromatiques haut de gamme.\u003c\/p\u003e\n\u003ch2 data-start=\"1900\" data-end=\"1941\"\u003eUne expérience sensorielle d’exception\u003c\/h2\u003e\n\u003cp data-start=\"1943\" data-end=\"2412\"\u003eSymbole de douceur et d’élégance, l’Huile Essentielle de Jasmin (absolue) de Pranarom s’intègre parfaitement aux rituels de bien-être du quotidien. Son \u003cstrong data-start=\"2095\" data-end=\"2120\"\u003eparfum floral délicat\u003c\/strong\u003e enveloppe l’espace d’une atmosphère apaisante et transforme chaque utilisation en un moment privilégié, dédié à la détente et à l’équilibre émotionnel. Un incontournable pour celles et ceux qui recherchent une huile essentielle raffinée, à la fois réconfortante et profondément harmonisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603916579146,"sku":"RA0085","price":62.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0085_he_jasmin_1034c57c-2ae6-48b5-b306-91297e2fec4d.jpg?v=1778843476"},{"product_id":"huile-essentielle-de-petit-grain-bigarade-pranarom","title":"Huile essentielle de petit grain bigarade - Pranarom","description":"\u003cdiv class=\"soi-pgb-fiche\"\u003e\n\n\u003csection class=\"soi-pgb-hero\"\u003e\n \u003cdiv class=\"soi-pgb-hero-tag\"\u003e\n \u003cspan class=\"soi-pgb-tag-dot\"\u003e\u003c\/span\u003e\n Aromathérapie · Pranarôm\n \u003c\/div\u003e\n \u003cspan class=\"soi-pgb-hero-title\"\u003eLa sérénité au creux d'une feuille d'oranger\u003c\/span\u003e\n \u003cp class=\"soi-pgb-hero-subtitle\"\u003eHuile essentielle chémotypée 100 % pure et naturelle, extraite des feuilles et jeunes rameaux de l'oranger amer. Un incontournable de l'aromathérapie pour apaiser le stress, favoriser le sommeil et rééquilibrer les peaux grasses.\u003c\/p\u003e\n \u003cdiv class=\"soi-pgb-hero-labels\"\u003e\n \u003cspan class=\"soi-pgb-label soi-pgb-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-label\"\u003eHECT\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-label\"\u003e100 % PURE ET NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-label\"\u003e10 ML\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"soi-pgb-section-intro\"\u003eSi vous cherchez une huile essentielle pour accompagner le stress, les tensions nerveuses ou les nuits difficiles, le petit grain bigarade est souvent la première recommandée par les aromathérapeutes. Ses deux composants majoritaires, le linalol et l'acétate de linalyle, sont reconnus pour leurs propriétés relaxantes et équilibrantes sur le système nerveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-pgb-benefits\"\u003e\n \u003cdiv class=\"soi-pgb-benefit\"\u003e\n \u003cdiv class=\"soi-pgb-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGestion du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eUn soutien naturel au quotidien pour apaiser les états de nervosité, d'irritabilité ou de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-benefit\"\u003e\n \u003cdiv class=\"soi-pgb-benefit-icon\"\u003e\u003cspan\u003e🌙\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSommeil et apaisement\u003c\/h3\u003e\n \u003cp\u003eFavorise l'endormissement et accompagne les périodes d'agitation mentale ou de troubles du sommeil légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-benefit\"\u003e\n \u003cdiv class=\"soi-pgb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux et cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eRééquilibre les peaux grasses grâce à son action régulatrice du sébum et assainit le cuir chevelu à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-pgb-timeline\"\u003e\n \u003cdiv class=\"soi-pgb-step\"\u003e\n \u003cdiv class=\"soi-pgb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 4 à 6 gouttes dans votre diffuseur pendant 20 à 30 minutes, en soirée ou en période de tension. L'odeur douce et florale assainit l'air et crée une atmosphère propice au calme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step\"\u003e\n \u003cdiv class=\"soi-pgb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step-content\"\u003e\n \u003ch3\u003ePar voie cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une huile végétale (jojoba, amande douce) avant application sur les poignets, le plexus solaire ou la nuque. Idéal pour accompagner un massage relaxant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step\"\u003e\n \u003cdiv class=\"soi-pgb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step-content\"\u003e\n \u003ch3\u003eEn cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eIncorporez 1 % de petit grain bigarade dans vos soins du visage (soit 1 goutte pour 5 ml de soin) pour réguler les peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step\"\u003e\n \u003cdiv class=\"soi-pgb-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-step-content\"\u003e\n \u003ch3\u003eEn inhalation sèche\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir et respirez profondément lors d'un moment de stress aigu. L'effet est rapide et très accessible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-tip\"\u003e\n \u003cdiv class=\"soi-pgb-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\n \u003cp\u003eRéservée à l'adulte, tenir hors de portée des enfants de moins de 6 ans. Évitez l'application pure sur la peau et consultez un professionnel en cas de grossesse ou de traitement médical en cours. Cette huile essentielle ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n \u003ch2\u003eComposition de l'huile essentielle petit grain bigarade Pranarôm\u003c\/h2\u003e\n \u003cdiv class=\"soi-pgb-compo\"\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003eNom botanique\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003eCitrus aurantium ssp amara\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003ePartie distillée\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003eFeuilles et jeunes rameaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003eParaguay (culture biologique certifiée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003eChémotype principal\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003eLinalol, acétate de linalyle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003eMéthode d'extraction\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003eBIO, HECT (Huile Essentielle Chémotypée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-compo-row\"\u003e\n \u003cspan class=\"soi-pgb-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-pgb-compo-value\"\u003e10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n \u003ch2\u003ePetit grain bigarade : les questions que vous vous posez\u003c\/h2\u003e\n \u003cdiv class=\"soi-pgb-accordion\"\u003e\n \u003cdetails class=\"soi-pgb-accordion-item\"\u003e\n \u003csummary class=\"soi-pgb-accordion-header\"\u003e🍊 Quelle différence avec la néroli ou la bergamote ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-pgb-accordion-content\"\u003e\n \u003cp\u003eLa néroli est extraite des fleurs de l'oranger amer, la bergamote de l'écorce d'un agrume distinct. Le petit grain bigarade provient des feuilles du même oranger amer que la néroli : il offre des propriétés comparables, à un tarif bien plus accessible, ce qui en fait une alternative sérieuse pour un usage régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-pgb-accordion-item\"\u003e\n \u003csummary class=\"soi-pgb-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-pgb-accordion-content\"\u003e\n \u003cp\u003eOui, à condition de respecter les dilutions recommandées et de faire des pauses régulières (3 semaines d'utilisation, une semaine de pause).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-pgb-accordion-item\"\u003e\n \u003csummary class=\"soi-pgb-accordion-header\"\u003e🤚 Est-elle adaptée aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-pgb-accordion-content\"\u003e\n \u003cp\u003eElle est généralement bien tolérée, mais un test cutané préalable dans le pli du coude est toujours conseillé avant toute application régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\"\u003e\n \u003ch2\u003eCe que les utilisateurs apprécient\u003c\/h2\u003e\n \u003cdiv class=\"soi-pgb-grid\"\u003e\n \u003cdiv class=\"soi-pgb-card\"\u003e\n \u003ch3\u003e🌸 Un parfum immédiatement réconfortant\u003c\/h3\u003e\n \u003cp\u003eLes retours reviennent souvent sur la même chose : son arôme floral, légèrement boisé et frais, procure une sensation de bien-être dès les premières secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-pgb-card\"\u003e\n \u003ch3\u003e🌿 L'art de décompresser\u003c\/h3\u003e\n \u003cp\u003eParticulièrement plébiscitée en diffusion le soir, seule ou associée à la lavande vraie ou à la camomille romaine pour un effet relaxant renforcé après une journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-pgb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-pgb-cta-box\"\u003e\n \u003cp class=\"soi-pgb-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-pgb-cta-text\" style=\"color: white;\"\u003eDouce, efficace et polyvalente, l'huile essentielle de petit grain bigarade Pranarôm s'invite dans votre quotidien pour calmer les tensions, rééquilibrer votre peau et accompagner vos nuits.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-pgb-marine: #1A2D3D;\n --soi-pgb-marine-dark: #0F1E2B;\n --soi-pgb-marine-light: #2C4458;\n --soi-pgb-pomme: #A1C544;\n --soi-pgb-pomme-dark: #84A636;\n --soi-pgb-pomme-light: rgba(161,197,68,0.10);\n --soi-pgb-white: #FFFFFF;\n --soi-pgb-off-white: #F8FAF6;\n --soi-pgb-stone: #F1F3EE;\n --soi-pgb-line: #E5E8E0;\n --soi-pgb-primary: #7A9A8E;\n --soi-pgb-primary-soft: #C8D9C4;\n --soi-pgb-accent: #B5C76A;\n --soi-pgb-text: #1A2D3D;\n --soi-pgb-text-soft: #4A5B6B;\n --soi-pgb-text-muted: #7B8693;\n --soi-pgb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-pgb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-pgb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-pgb-radius: 12px;\n --soi-pgb-radius-sm: 8px;\n --soi-pgb-radius-pill: 999px;\n}\n\n.soi-pgb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-pgb-fiche img { max-width: 100%; height: auto; }\n\n.soi-pgb-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-pgb-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-pgb-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-pgb-hero {\n position: relative;\n background: var(--soi-pgb-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-pgb-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-pgb-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-pgb-pomme);\n}\n\n.soi-pgb-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-pgb-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-pgb-pomme);\n border-radius: 50%;\n}\n\n.soi-pgb-hero-title {\n display: block;\n color: var(--soi-pgb-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-pgb-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-pgb-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-pgb-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-pgb-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-pgb-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-pgb-label-accent {\n background: var(--soi-pgb-pomme);\n border-color: var(--soi-pgb-pomme);\n color: var(--soi-pgb-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-pgb-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-pgb-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-pgb-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-pgb-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-pgb-pomme);\n border-radius: 2px;\n}\n\n.soi-pgb-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-pgb-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-pgb-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-pgb-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-pgb-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-pgb-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-pgb-benefit {\n background: var(--soi-pgb-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-pgb-radius);\n border: 1px solid var(--soi-pgb-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-pgb-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-pgb-shadow-md);\n}\n\n.soi-pgb-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-pgb-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-pgb-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-pgb-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-pgb-benefit:hover .soi-pgb-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-pgb-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pgb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pgb-benefit p {\n font-size: 13px;\n color: var(--soi-pgb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-pgb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-pgb-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-pgb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pgb-radius);\n border: 1px solid var(--soi-pgb-line);\n align-items: flex-start;\n}\n\n.soi-pgb-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-pgb-marine);\n color: var(--soi-pgb-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-pgb-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-pgb-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-pgb-step-content p {\n font-size: 14px;\n color: var(--soi-pgb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-pgb-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-pgb-pomme-light);\n border-left: 4px solid var(--soi-pgb-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-pgb-radius) var(--soi-pgb-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-pgb-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-pgb-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-pgb-marine);\n margin-bottom: 4px;\n}\n\n.soi-pgb-tip p {\n font-size: 14px;\n color: var(--soi-pgb-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-pgb-compo {\n background: var(--soi-pgb-off-white);\n border-radius: var(--soi-pgb-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-pgb-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-pgb-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-pgb-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-pgb-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-pgb-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-pgb-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-pgb-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-pgb-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-pgb-accordion-item {\n background: var(--soi-pgb-off-white);\n border-radius: var(--soi-pgb-radius-sm);\n border: 1px solid var(--soi-pgb-line);\n overflow: hidden;\n}\n\n.soi-pgb-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-pgb-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-pgb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-pgb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-pgb-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-pgb-accordion-item[open] .soi-pgb-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-pgb-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-pgb-accordion-content p {\n font-size: 14px;\n color: var(--soi-pgb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-pgb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-pgb-card {\n background: var(--soi-pgb-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-pgb-radius);\n border-left: 3px solid var(--soi-pgb-pomme);\n}\n\n.soi-pgb-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-pgb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-pgb-card p {\n font-size: 14px;\n color: var(--soi-pgb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-pgb-cta-box {\n background: var(--soi-pgb-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-pgb-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-pgb-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-pgb-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-pgb-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-pgb-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-pgb-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-pgb-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-pgb-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-pgb-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-pgb-compo-value {\n text-align: left;\n }\n\n .soi-pgb-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-pgb-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-pgb-fiche {\n --soi-pgb-text-soft: #2C3E50;\n --soi-pgb-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603920511306,"sku":"RA0175","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-essentielle-de-petit-grain-bigarade-pranarom-packshot.webp?v=1780215029"},{"product_id":"spray-lacte-anti-moustiques-et-tiques-pranarom","title":"Spray lacté anti-moustiques et tiques - Pranarom","description":"\u003cdiv class=\"soi-arom-fiche\"\u003e\n\n \u003csection class=\"soi-arom-hero\"\u003e\n \u003cdiv class=\"soi-arom-hero-tag\"\u003e\n \u003cspan class=\"soi-arom-tag-dot\"\u003e\u003c\/span\u003e\n Aromathérapie · Pranarom Aromapic\n \u003c\/div\u003e\n \u003cspan class=\"soi-arom-hero-title\"\u003eSpray lacté anti-moustiques et tiques\u003c\/span\u003e\n \u003cp class=\"soi-arom-hero-subtitle\"\u003eJusqu'à 10 heures de protection naturelle prouvée, au Citriodiol® et aux huiles essentielles biologiques. Une formule lactée douce pour le visage et le corps, adaptée à toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-arom-hero-labels\"\u003e\n \u003cspan class=\"soi-arom-label soi-arom-label-accent\"\u003eHUILES ESSENTIELLES BIO\u003c\/span\u003e\n \u003cspan class=\"soi-arom-label\"\u003eSANS DEET\u003c\/span\u003e\n \u003cspan class=\"soi-arom-label\"\u003eDÈS 6 MOIS\u003c\/span\u003e\n \u003cspan class=\"soi-arom-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-arom-section\"\u003e\n \u003ch2\u003ePourquoi ce spray anti-moustiques naturel se distingue\u003c\/h2\u003e\n \u003cp class=\"soi-arom-section-intro\"\u003eLa plupart des répulsifs classiques misent sur des actifs chimiques puissants mais contraignants. Pranarom a fait un autre choix : combiner le Citriodiol®, actif d'origine végétale extrait de l'eucalyptus citronné, à une synergie d'huiles essentielles 100 % biologiques, pour un résultat à la fois efficace et respectueux de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-arom-benefits\"\u003e\n \u003cdiv class=\"soi-arom-benefit\"\u003e\n \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e10h de protection\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 10 heures d'efficacité prouvée contre les moustiques communs et tropicaux, et jusqu'à 5 heures contre le moustique tigre et les tiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-benefit\"\u003e\n \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule naturelle\u003c\/h3\u003e\n \u003cp\u003eAu Citriodiol® d'origine végétale et aux huiles essentielles 100 % biologiques. Sans DEET, sans neurotoxique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-benefit\"\u003e\n \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture lactée confort\u003c\/h3\u003e\n \u003cp\u003eFluide, non grasse, non collante : idéale sur le visage et le corps. Huiles essentielles non photosensibilisantes, utilisable en plein soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-benefit\"\u003e\n \u003cdiv class=\"soi-arom-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eZones tropicales\u003c\/h3\u003e\n \u003cp\u003eEfficace contre les moustiques de zones tropicales, y compris les vecteurs de dengue ou paludisme. Citriodiol® reconnu par l'OMS.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-arom-section\"\u003e\n \u003ch2\u003eComposition du Spray lacté Aromapic\u003c\/h2\u003e\n \u003cp class=\"soi-arom-section-intro\"\u003eLa formule Aromapic associe des actifs végétaux soigneusement dosés pour une efficacité maximale sans agresser votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-arom-grid\"\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e🧪 Citriodiol® (PMD)\u003c\/h3\u003e\n \u003cp\u003eActif répulsif d'origine végétale (p-Menthane-3,8-diol), reconnu par l'OMS pour les zones à risque tropical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e🌸 Géranium BIO\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle répulsive et apaisante pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e🍋 Citronnelle BIO\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle désagréable pour les insectes, agréable à porter au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e💜 Lavandin BIO\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle complément répulsif, au parfum doux et apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e💧 Base lactée hydratante\u003c\/h3\u003e\n \u003cp\u003eAssure confort et souplesse cutanée après chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-tip\"\u003e\n \u003cdiv class=\"soi-arom-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule sans compromis\u003c\/strong\u003e\n \u003cp\u003eSans DEET, sans neurotoxique, sans parfum photosensibilisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-arom-section\"\u003e\n \u003ch2\u003ePour qui est-il adapté ?\u003c\/h2\u003e\n \u003cp class=\"soi-arom-section-intro\"\u003eCe spray anti-moustiques naturel a été testé sous contrôle dermatologique et pédiatrique. Il convient aux profils suivants :\u003c\/p\u003e\n \u003cdiv class=\"soi-arom-grid\"\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e👶 Adultes et enfants dès 6 mois\u003c\/h3\u003e\n \u003cp\u003eUne formule douce adaptée aux plus jeunes, avec application par un adulte pour les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes dès le 4e mois\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes enceintes à partir du quatrième mois de grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e🌱 Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eTexture lactée respectueuse, testée sous contrôle dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs en zones tropicales\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent un spray anti-moustiques tropicaux fiable pour les voyages à risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eÀ noter : ce produit est formulé pour la peau humaine. Pour la protection de vos animaux, des solutions spécifiques de type spray anti-tiques adaptées à leur usage existent.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-arom-section\"\u003e\n \u003ch2\u003eComment utiliser votre spray anti-moustiques et tiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-arom-timeline\"\u003e\n \u003cdiv class=\"soi-arom-step\"\u003e\n \u003cdiv class=\"soi-arom-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAgitez légèrement le flacon avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step\"\u003e\n \u003cdiv class=\"soi-arom-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step-content\"\u003e\n \u003ch3\u003eVaporisez sur les zones exposées\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les zones exposées (visage, bras, jambes) à environ 20 cm de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step\"\u003e\n \u003cdiv class=\"soi-arom-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step-content\"\u003e\n \u003ch3\u003eApplication sur le visage\u003c\/h3\u003e\n \u003cp\u003ePour le visage, vaporisez d'abord dans les mains puis appliquez doucement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step\"\u003e\n \u003cdiv class=\"soi-arom-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-arom-step-content\"\u003e\n \u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n \u003cp\u003eRenouvelez toutes les 8 à 10 heures selon l'exposition et les conditions climatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-arom-tip\"\u003e\n \u003cdiv class=\"soi-arom-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Ne pas appliquer sur une peau lésée. Pour les enfants, l'application doit être réalisée par un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-arom-section\"\u003e\n \u003ch2\u003eSpray anti-moustiques Pranarom : les questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"soi-arom-accordion\"\u003e\n \u003cdetails class=\"soi-arom-accordion-item\"\u003e\n \u003csummary class=\"soi-arom-accordion-header\"\u003e🐅 Ce spray protège-t-il aussi contre les moustiques tigres ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-arom-accordion-content\"\u003e\n \u003cp\u003eOui, avec une efficacité prouvée jusqu'à 5 heures contre le moustique tigre, très présent en France depuis quelques années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-arom-accordion-item\"\u003e\n \u003csummary class=\"soi-arom-accordion-header\"\u003e👕 Peut-on l'utiliser sur les vêtements ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-arom-accordion-content\"\u003e\n \u003cp\u003eCe produit est formulé pour une application cutanée. Pour imprégner les vêtements, un spray anti-moustiques textile spécifique sera plus adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-arom-accordion-item\"\u003e\n \u003csummary class=\"soi-arom-accordion-header\"\u003e🌴 Est-il efficace en zone tropicale ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-arom-accordion-content\"\u003e\n \u003cp\u003eOui, le Citriodiol® qu'il contient est reconnu pour protéger contre les moustiques vecteurs en zones tropicales. Consultez toutefois un médecin avant tout voyage à risque infectieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-arom-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-arom-cta-box\"\u003e\n \u003cp class=\"soi-arom-cta-tag\" style=\"color: white;\"\u003eProfitez de chaque instant en plein air\u003c\/p\u003e\n \u003cp class=\"soi-arom-cta-text\" style=\"color: white;\"\u003eLa confiance d'une formule naturelle et prouvée, agréable à porter sur la peau, pour toute la famille, du jardin aux destinations tropicales. Parce que la liberté de s'évader ne devrait jamais avoir de mauvais souvenir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-arom-marine: #1A2D3D;\n --soi-arom-marine-dark: #0F1E2B;\n --soi-arom-marine-light: #2C4458;\n --soi-arom-pomme: #A1C544;\n --soi-arom-pomme-dark: #84A636;\n --soi-arom-pomme-light: rgba(161,197,68,0.10);\n\n --soi-arom-white: #FFFFFF;\n --soi-arom-off-white: #F8FAF6;\n --soi-arom-stone: #F1F3EE;\n --soi-arom-line: #E5E8E0;\n\n --soi-arom-primary: #7A9A8E;\n --soi-arom-primary-soft: #C5D8D0;\n --soi-arom-accent: #8B9A3E;\n\n --soi-arom-text: #1A2D3D;\n --soi-arom-text-soft: #4A5B6B;\n --soi-arom-text-muted: #7B8693;\n\n --soi-arom-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-arom-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-arom-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-arom-radius: 12px;\n --soi-arom-radius-sm: 8px;\n --soi-arom-radius-pill: 999px;\n}\n\n.soi-arom-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-arom-fiche img { max-width: 100%; height: auto; }\n\n.soi-arom-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-arom-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-arom-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-arom-hero {\n position: relative;\n background: var(--soi-arom-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-arom-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-arom-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-arom-pomme);\n}\n\n.soi-arom-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-arom-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-arom-pomme);\n border-radius: 50%;\n}\n\n.soi-arom-hero-title {\n display: block;\n color: var(--soi-arom-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-arom-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-arom-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-arom-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-arom-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-arom-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-arom-label-accent {\n background: var(--soi-arom-pomme);\n border-color: var(--soi-arom-pomme);\n color: var(--soi-arom-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-arom-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-arom-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-arom-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-arom-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-arom-pomme);\n border-radius: 2px;\n}\n\n.soi-arom-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-arom-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-arom-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-arom-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-arom-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-arom-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-arom-benefit {\n background: var(--soi-arom-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-arom-radius);\n border: 1px solid var(--soi-arom-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-arom-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-arom-shadow-md);\n}\n\n.soi-arom-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-arom-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-arom-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-arom-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-arom-benefit:hover .soi-arom-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-arom-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-arom-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-arom-benefit p {\n font-size: 13px;\n color: var(--soi-arom-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-arom-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-arom-card {\n background: var(--soi-arom-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-arom-radius);\n border-left: 3px solid var(--soi-arom-pomme);\n}\n\n.soi-arom-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-arom-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-arom-card p {\n font-size: 14px;\n color: var(--soi-arom-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-arom-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-arom-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-arom-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-arom-radius);\n border: 1px solid var(--soi-arom-line);\n align-items: flex-start;\n}\n\n.soi-arom-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-arom-marine);\n color: var(--soi-arom-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-arom-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-arom-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-arom-step-content p {\n font-size: 14px;\n color: var(--soi-arom-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-arom-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-arom-pomme-light);\n border-left: 4px solid var(--soi-arom-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-arom-radius) var(--soi-arom-radius) 0;\n align-items: flex-start;\n}\n\n.soi-arom-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-arom-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-arom-marine);\n margin-bottom: 4px;\n}\n\n.soi-arom-tip p {\n font-size: 14px;\n color: var(--soi-arom-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-arom-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-arom-accordion-item {\n background: var(--soi-arom-off-white);\n border-radius: var(--soi-arom-radius-sm);\n border: 1px solid var(--soi-arom-line);\n overflow: hidden;\n}\n\n.soi-arom-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-arom-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-arom-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-arom-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-arom-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-arom-accordion-item[open] .soi-arom-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-arom-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-arom-accordion-content p {\n font-size: 14px;\n color: var(--soi-arom-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-arom-cta-box {\n background: var(--soi-arom-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-arom-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-arom-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-arom-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-arom-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-arom-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-arom-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-arom-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-arom-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-arom-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-arom-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-arom-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-arom-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-arom-fiche {\n --soi-arom-text-soft: #2C3E50;\n --soi-arom-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603922739530,"sku":"RA0215","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/spray-lacte-anti-moustiques-et-tiques-pranarom-packshot_fc293b75-953b-42e5-b9c0-391a344a5523.webp?v=1779173289"},{"product_id":"savon-doux-surgras-certifie-bio-propolia","title":"Savon doux surgras certifié bio – Propolia","description":"\u003cdiv class=\"soi-sdsp-fiche\"\u003e\n\n\u003csection class=\"soi-sdsp-hero\"\u003e\n\u003cdiv class=\"soi-sdsp-hero-tag\"\u003e\n\u003cspan class=\"soi-sdsp-tag-dot\"\u003e\u003c\/span\u003e\nHygiène · Apithérapie · Propolia\n\u003c\/div\u003e\n\u003cspan class=\"soi-sdsp-hero-title\"\u003eSavon Doux Surgras Certifié Bio\u003c\/span\u003e\n\u003cp class=\"soi-sdsp-hero-subtitle\"\u003eUn soin lavant solide enrichi en miel biologique et lait d'ânesse bio, fabriqué par saponification à froid pour nettoyer, nourrir et protéger votre peau au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"soi-sdsp-hero-labels\"\u003e\n\u003cspan class=\"soi-sdsp-label soi-sdsp-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003e100% ORIGINE NATURELLE\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-label\"\u003eTESTÉ SOUS CONTRÔLE DERMATOLOGIQUE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon surgras plutôt qu'un savon classique ?\u003c\/h2\u003e\n\u003cp\u003eUn savon traditionnel peut déséquilibrer le film hydrolipidique de la peau et laisser une sensation de tiraillement après le lavage. Le savon surgras, lui, contient un excédent d'huiles végétales non saponifiées qui restent actives à la surface de la peau. Résultat : votre peau est nettoyée, mais aussi protégée et nourrie en même temps.\u003c\/p\u003e\n\u003cp\u003eCelui de Propolia va encore plus loin grâce à la saponification à froid, un procédé artisanal qui préserve la glycérine naturellement produite lors de la fabrication, ainsi que toutes les qualités des huiles végétales. C'est précisément ce qui en fait un savon bio artisanal d'exception.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eMiel et lait d'ânesse : un duo naturel pour une peau confortable\u003c\/h2\u003e\n\u003cdiv class=\"soi-sdsp-benefits\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit-icon\"\u003e\u003cspan\u003e🍯\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eMiel biologique\u003c\/h3\u003e\n\u003cp\u003eActif emblématique de la ruche, reconnu pour ses propriétés hydratantes, apaisantes et réparatrices. Il aide la peau à conserver son niveau d'hydratation optimal après chaque lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-benefit\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit-icon\"\u003e\u003cspan\u003e🥛\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLait d'ânesse bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels, en vitamines et en minéraux, il apaise les peaux réactives, favorise la régénération cutanée et laisse une sensation de douceur durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-benefit\"\u003e\n\u003cdiv class=\"soi-sdsp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eGlycérine naturelle\u003c\/h3\u003e\n\u003cp\u003eConservée grâce à la saponification à froid, elle renforce l'effet protecteur du savon et contribue au maintien de l'hydratation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eCertifié COSMOS ORGANIC : une formulation exigeante\u003c\/h2\u003e\n\u003cp\u003eCe savon solide bio est certifié COSMOS ORGANIC par Ecocert, l'un des référentiels les plus stricts en cosmétique naturelle et biologique. Il est composé à 100 % d'ingrédients d'origine naturelle, dont la majorité est issue de l'agriculture biologique. Sans colorant artificiel, sans huile de palme, sans ingrédients d'origine pétrochimique. Et fabriqué en France.\u003c\/p\u003e\n\u003cp\u003eIl a également été testé sous contrôle dermatologique, ce qui garantit sa tolérance cutanée, y compris pour les peaux sensibles ou intolérantes aux savons conventionnels.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon surgras Propolia ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-sdsp-timeline\"\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eMouillez vos mains ou la zone à nettoyer avec de l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez doucement le pain de savon entre vos paumes pour créer une mousse onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003eAppliquez et rincez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur le visage ou le corps en massant délicatement, puis rincez à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step\"\u003e\n\u003cdiv class=\"soi-sdsp-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-step-content\"\u003e\n\u003ch3\u003eConservez votre savon\u003c\/h3\u003e\n\u003cp\u003ePour prolonger sa durée de vie, laissez-le sécher sur un porte-savon entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-tip\"\u003e\n\u003cdiv class=\"soi-sdsp-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eUtilisable matin et soir, en routine quotidienne, pour le visage comme pour le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003eComposition du savon surgras Propolia (INCI)\u003c\/h2\u003e\n\u003cp\u003eSodium Olivate, Sodium Cocoate, Aqua, Mel* (Miel*), Equus Asinus Milk* (Lait d'ânesse*), Glycerin*, Sodium Hydroxide. \u003cem\u003e(*Ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"soi-sdsp-compo\"\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003ePoids net\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003e100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003eCOSMOS ORGANIC (Ecocert)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-compo-row\"\u003e\n\u003cspan class=\"soi-sdsp-compo-label\"\u003eProcédé\u003c\/span\u003e\n\u003cspan class=\"soi-sdsp-compo-value\"\u003eSaponification à froid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon bio solide ?\u003c\/h2\u003e\n\u003cdiv class=\"soi-sdsp-grid\"\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🌾 Peaux sèches ou très sèches\u003c\/h3\u003e\n\u003cp\u003eVous cherchez un nettoyage sans effet desséchant : ce savon surgras préserve le confort cutané dès le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n\u003cp\u003eVous supportez mal les savons conventionnels : sa formulation douce, testée sous contrôle dermatologique, respecte les épidermes les plus fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🌿 Démarche naturelle et responsable\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez adopter un savon artisanal bio, sans colorant artificiel, sans huile de palme et sans ingrédients d'origine pétrochimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sdsp-card\"\u003e\n\u003ch3\u003e🐝 Amateurs de produits de la ruche\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les bienfaits du miel et des trésors de la ruche intégrés dans vos soins quotidiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sdsp-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-sdsp-cta-box\"\u003e\n\u003cp class=\"soi-sdsp-cta-tag\" style=\"color: white;\"\u003eSe laver plus naturellement\u003c\/p\u003e\n\u003cp class=\"soi-sdsp-cta-text\" style=\"color: white;\"\u003eAvec son miel bio, son lait d'ânesse et son procédé artisanal de saponification à froid, ce savon surgras Propolia est bien plus qu'un simple nettoyant. Un geste de soin quotidien, doux et efficace, qui respecte votre peau autant que la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-sdsp-marine: #1A2D3D;\n --soi-sdsp-marine-dark: #0F1E2B;\n --soi-sdsp-marine-light: #2C4458;\n --soi-sdsp-pomme: #A1C544;\n --soi-sdsp-pomme-dark: #84A636;\n --soi-sdsp-pomme-light: rgba(161,197,68,0.10);\n --soi-sdsp-white: #FFFFFF;\n --soi-sdsp-off-white: #F8FAF6;\n --soi-sdsp-stone: #F1F3EE;\n --soi-sdsp-line: #E5E8E0;\n --soi-sdsp-primary: #D4A82A;\n --soi-sdsp-primary-soft: #F5E6B8;\n --soi-sdsp-accent: #C8930A;\n --soi-sdsp-text: #1A2D3D;\n --soi-sdsp-text-soft: #4A5B6B;\n --soi-sdsp-text-muted: #7B8693;\n --soi-sdsp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-sdsp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-sdsp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-sdsp-radius: 12px;\n --soi-sdsp-radius-sm: 8px;\n --soi-sdsp-radius-pill: 999px;\n}\n\n.soi-sdsp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sdsp-fiche img { max-width: 100%; height: auto; }\n\n.soi-sdsp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-sdsp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-sdsp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-sdsp-hero {\n position: relative;\n background: var(--soi-sdsp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-sdsp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-sdsp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-sdsp-primary);\n}\n\n.soi-sdsp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-sdsp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-sdsp-primary);\n border-radius: 50%;\n}\n\n.soi-sdsp-hero-title {\n display: block;\n color: var(--soi-sdsp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-sdsp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-sdsp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-sdsp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-sdsp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-sdsp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-sdsp-label-accent {\n background: var(--soi-sdsp-primary);\n border-color: var(--soi-sdsp-primary);\n color: var(--soi-sdsp-marine);\n font-weight: 600;\n}\n\n.soi-sdsp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sdsp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-sdsp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-sdsp-primary);\n border-radius: 2px;\n}\n\n.soi-sdsp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-sdsp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-sdsp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-sdsp-section p em {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--soi-sdsp-text-muted);\n}\n\n.soi-sdsp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-sdsp-benefit {\n background: var(--soi-sdsp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-sdsp-radius);\n border: 1px solid var(--soi-sdsp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sdsp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-sdsp-shadow-md);\n}\n\n.soi-sdsp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-sdsp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-sdsp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-sdsp-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-sdsp-benefit:hover .soi-sdsp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-sdsp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sdsp-benefit p {\n font-size: 13px;\n color: var(--soi-sdsp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-sdsp-card {\n background: var(--soi-sdsp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sdsp-radius);\n border-left: 3px solid var(--soi-sdsp-primary);\n}\n\n.soi-sdsp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-sdsp-card p {\n font-size: 14px;\n color: var(--soi-sdsp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-sdsp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-sdsp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-sdsp-radius);\n border: 1px solid var(--soi-sdsp-line);\n align-items: flex-start;\n}\n\n.soi-sdsp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-sdsp-marine);\n color: var(--soi-sdsp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-sdsp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-sdsp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-sdsp-step-content p {\n font-size: 14px;\n color: var(--soi-sdsp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-compo {\n background: var(--soi-sdsp-off-white);\n border-radius: var(--soi-sdsp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-sdsp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-sdsp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sdsp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sdsp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sdsp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sdsp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sdsp-marine);\n text-align: right;\n}\n\n.soi-sdsp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-sdsp-pomme-light);\n border-left: 4px solid var(--soi-sdsp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-sdsp-radius) var(--soi-sdsp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-sdsp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-sdsp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-sdsp-marine);\n margin-bottom: 4px;\n}\n\n.soi-sdsp-tip p {\n font-size: 14px;\n color: var(--soi-sdsp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-sdsp-cta-box {\n background: var(--soi-sdsp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-sdsp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-sdsp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-sdsp-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-sdsp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-sdsp-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-sdsp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-sdsp-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-sdsp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sdsp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sdsp-compo-value {\n text-align: left;\n }\n\n .soi-sdsp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-sdsp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-sdsp-fiche {\n --soi-sdsp-text-soft: #2C3E50;\n --soi-sdsp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603928932682,"sku":"AP0240","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-doux-surgras-certifie-bio-propolia-packshot_11zon.jpg?v=1781285380"},{"product_id":"roller-apres-piqures-bio-pranarom","title":"Roller après-piqures Bio - Pranarom","description":"\u003cdiv class=\"soi-rpiq-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-rpiq-hero\"\u003e\n \u003cdiv class=\"soi-rpiq-hero-tag\"\u003e\n \u003cspan class=\"soi-rpiq-tag-dot\"\u003e\u003c\/span\u003e\n Aromathérapie · Pranarôm\n \u003c\/div\u003e\n \u003cspan class=\"soi-rpiq-hero-title\"\u003eRoller Après-Piqûres Bio\u003c\/span\u003e\n \u003cp class=\"soi-rpiq-hero-subtitle\"\u003eUn gel apaisant aux huiles essentielles 100 % biologiques pour calmer rapidement l'inconfort cutané après une piqûre d'insecte. Format roller pratique et hygiénique, à glisser dans votre sac dès les beaux jours.\u003c\/p\u003e\n \u003cdiv class=\"soi-rpiq-hero-labels\"\u003e\n \u003cspan class=\"soi-rpiq-label soi-rpiq-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-label\"\u003eDÈS 3 ANS\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-label\"\u003eNON PHOTOSENSIBILISANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Roller Après-Piqûres Pranarôm ?\u003c\/h2\u003e\n \u003cp class=\"soi-rpiq-section-intro\"\u003eCe que vous attendez après une piqûre, c'est un soulagement rapide, sans produits chimiques agressifs. Le Roller Après-Piqûres Pranarôm répond exactement à cela.\u003c\/p\u003e\n \u003cdiv class=\"soi-rpiq-benefits\"\u003e\n \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eLa sensation de fraîcheur procurée par la Menthe des champs calme instantanément les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🕐\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction durable\u003c\/h3\u003e\n \u003cp\u003eLe Curcuma et la Tanaisie aident à réduire l'inconfort cutané sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture gel légère\u003c\/h3\u003e\n \u003cp\u003eNon grasse, non photosensibilisante : vous pouvez l'appliquer même avant de vous exposer au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-benefit\"\u003e\n \u003cdiv class=\"soi-rpiq-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormat roller hygiénique\u003c\/h3\u003e\n \u003cp\u003eApplication précise et ciblée, sans toucher la zone avec les doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003ch2\u003eComposition : des huiles essentielles biologiques soigneusement choisies\u003c\/h2\u003e\n \u003cp class=\"soi-rpiq-section-intro\"\u003eLa force de ce roller repose sur une synergie d'huiles essentielles certifiées biologiques, chacune jouant un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"soi-rpiq-grid\"\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e💜 Lavande aspic bio\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle emblématique pour apaiser la peau irritée après une piqûre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🧊 Menthe des champs bio\u003c\/h3\u003e\n \u003cp\u003eEffet rafraîchissant quasi immédiat, idéal pour stopper la sensation de brûlure ou de démangeaison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🟡 Curcuma bio\u003c\/h3\u003e\n \u003cp\u003eSoutient l'apaisement cutané en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🌼 Tanaisie annuelle bio\u003c\/h3\u003e\n \u003cp\u003eComplète l'action apaisante et contribue à limiter la réaction cutanée visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🌱 Gel d'aloe vera\u003c\/h3\u003e\n \u003cp\u003eBase douce et hydratante qui favorise la pénétration du soin sans assécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-tip\"\u003e\n \u003cdiv class=\"soi-rpiq-tip-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eBonne nouvelle\u003c\/strong\u003e\n \u003cp\u003eLa formule est non photosensibilisante et convient aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Utilisation --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003ch2\u003eComment utiliser le Roller Après-Piqûres Pranarôm ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-rpiq-timeline\"\u003e\n \u003cdiv class=\"soi-rpiq-step\"\u003e\n \u003cdiv class=\"soi-rpiq-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n \u003ch3\u003eAppliquez sans attendre\u003c\/h3\u003e\n \u003cp\u003eAppliquez le roller directement sur la piqûre dès que possible après la morsure ou la piqûre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step\"\u003e\n \u003cdiv class=\"soi-rpiq-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n \u003ch3\u003eFaites rouler la bille\u003c\/h3\u003e\n \u003cp\u003eFaites rouler la bille sur la zone concernée pendant quelques secondes pour diffuser le gel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step\"\u003e\n \u003cdiv class=\"soi-rpiq-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'application 2 à 4 fois par jour selon le besoin, jusqu'à disparition de l'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step\"\u003e\n \u003cdiv class=\"soi-rpiq-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-step-content\"\u003e\n \u003ch3\u003eZone à éviter\u003c\/h3\u003e\n \u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Femme enceinte --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003ch2\u003eRoller Après-Piqûres et femme enceinte : ce qu'il faut savoir\u003c\/h2\u003e\n \u003cp\u003eLa question revient souvent : ce roller est-il compatible avec la grossesse ? La formule contient des huiles essentielles, dont certaines sont déconseillées durant le premier trimestre. Demandez toujours l'avis de votre médecin ou pharmacien avant utilisation si vous êtes enceinte ou allaitante. Ce produit ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-rpiq-grid\"\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePensé pour les personnes qui recherchent des solutions naturelles et certifiées BIO.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🏕️ Aventuriers du plein air\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les voyageurs, randonneurs, campeurs et amateurs d'activités en extérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card\"\u003e\n \u003ch3\u003e🦟 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté à ceux qui réagissent fortement aux piqûres de moustiques ou d'insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-tip\"\u003e\n \u003cdiv class=\"soi-rpiq-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSon format de 15 ml le rend idéal en trousse de voyage ou dans un sac à dos. Compact, léger, discret : il est là quand vous en avez besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-rpiq-grid-compact\"\u003e\n \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-value\"\u003e15 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-label\"\u003eVegan\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eOui\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-card-mini\"\u003e\n \u003cspan class=\"soi-rpiq-card-mini-icon\"\u003e☀️\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-label\"\u003ePhotosensibilisant\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-card-mini-value\"\u003eNon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-compo\"\u003e\n \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n \u003cspan class=\"soi-rpiq-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-compo-value\"\u003eAdultes et enfants dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n \u003cspan class=\"soi-rpiq-compo-label\"\u003eHuiles essentielles\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-compo-value\"\u003e100 % biologiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rpiq-compo-row\"\u003e\n \u003cspan class=\"soi-rpiq-compo-label\"\u003eGamme\u003c\/span\u003e\n \u003cspan class=\"soi-rpiq-compo-value\"\u003eAromapic, Pranarôm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : Précautions --\u003e\n \u003csection class=\"soi-rpiq-section\"\u003e\n \u003cdiv class=\"soi-rpiq-accordion\"\u003e\n \u003cdetails class=\"soi-rpiq-accordion-item\"\u003e\n \u003csummary class=\"soi-rpiq-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-rpiq-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contour des yeux et les muqueuses. La formule contient des huiles essentielles : demandez toujours l'avis de votre médecin ou pharmacien si vous êtes enceinte ou allaitante, notamment durant le premier trimestre. Ce produit ne remplace en aucun cas un avis médical. Convient dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-rpiq-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-rpiq-cta-box\"\u003e\n \u003cp class=\"soi-rpiq-cta-tag\" style=\"color: white;\"\u003eL'indispensable de votre été\u003c\/p\u003e\n \u003cp class=\"soi-rpiq-cta-text\" style=\"color: white;\"\u003eFini le temps où une piqûre gâchait votre soirée ou votre randonnée. Le Roller Après-Piqûres Bio Aromapic de Pranarôm vous offre un apaisement rapide, naturel et certifié BIO, à portée de main en toutes circonstances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-rpiq-marine: #1A2D3D;\n --soi-rpiq-marine-dark: #0F1E2B;\n --soi-rpiq-marine-light: #2C4458;\n --soi-rpiq-pomme: #A1C544;\n --soi-rpiq-pomme-dark: #84A636;\n --soi-rpiq-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-rpiq-white: #FFFFFF;\n --soi-rpiq-off-white: #F8FAF6;\n --soi-rpiq-stone: #F1F3EE;\n --soi-rpiq-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging : vert-jaune Aromapic + blanc) === *\/\n --soi-rpiq-primary: #7A9A8E;\n --soi-rpiq-primary-soft: #E8F0EC;\n --soi-rpiq-accent: #C8B830;\n\n \/* === Textes === *\/\n --soi-rpiq-text: #1A2D3D;\n --soi-rpiq-text-soft: #4A5B6B;\n --soi-rpiq-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-rpiq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-rpiq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-rpiq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-rpiq-radius: 12px;\n --soi-rpiq-radius-sm: 8px;\n --soi-rpiq-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-rpiq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rpiq-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-rpiq-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-rpiq-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-rpiq-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rpiq-hero {\n position: relative;\n background: var(--soi-rpiq-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-rpiq-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-rpiq-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-rpiq-pomme);\n}\n\n.soi-rpiq-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-rpiq-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-rpiq-pomme);\n border-radius: 50%;\n}\n\n.soi-rpiq-hero-title {\n display: block;\n color: var(--soi-rpiq-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-rpiq-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-rpiq-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-rpiq-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-rpiq-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-rpiq-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-rpiq-label-accent {\n background: var(--soi-rpiq-pomme);\n border-color: var(--soi-rpiq-pomme);\n color: var(--soi-rpiq-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rpiq-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rpiq-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-rpiq-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-rpiq-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-rpiq-pomme);\n border-radius: 2px;\n}\n\n.soi-rpiq-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-rpiq-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-rpiq-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-rpiq-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-rpiq-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-rpiq-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-rpiq-benefit {\n background: var(--soi-rpiq-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-rpiq-radius);\n border: 1px solid var(--soi-rpiq-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rpiq-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-rpiq-shadow-md);\n}\n\n.soi-rpiq-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-rpiq-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-rpiq-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-rpiq-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-rpiq-benefit:hover .soi-rpiq-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-rpiq-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-rpiq-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-rpiq-benefit p {\n font-size: 13px;\n color: var(--soi-rpiq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rpiq-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-rpiq-card {\n background: var(--soi-rpiq-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-rpiq-radius);\n border-left: 3px solid var(--soi-rpiq-pomme);\n}\n\n.soi-rpiq-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-rpiq-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-rpiq-card p {\n font-size: 14px;\n color: var(--soi-rpiq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-rpiq-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-rpiq-card-mini {\n background: var(--soi-rpiq-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-rpiq-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-rpiq-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-rpiq-card-mini-label {\n font-size: 11px;\n color: var(--soi-rpiq-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-rpiq-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-rpiq-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-rpiq-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-rpiq-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-rpiq-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-rpiq-radius);\n border: 1px solid var(--soi-rpiq-line);\n align-items: flex-start;\n}\n\n.soi-rpiq-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-rpiq-marine);\n color: var(--soi-rpiq-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-rpiq-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-rpiq-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-rpiq-step-content p {\n font-size: 14px;\n color: var(--soi-rpiq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-rpiq-compo {\n background: var(--soi-rpiq-off-white);\n border-radius: var(--soi-rpiq-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-rpiq-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-rpiq-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-rpiq-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-rpiq-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-rpiq-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-rpiq-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-rpiq-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rpiq-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-rpiq-pomme-light);\n border-left: 4px solid var(--soi-rpiq-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-rpiq-radius) var(--soi-rpiq-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-rpiq-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-rpiq-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-rpiq-marine);\n margin-bottom: 4px;\n}\n\n.soi-rpiq-tip p {\n font-size: 14px;\n color: var(--soi-rpiq-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rpiq-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-rpiq-accordion-item {\n background: var(--soi-rpiq-off-white);\n border-radius: var(--soi-rpiq-radius-sm);\n border: 1px solid var(--soi-rpiq-line);\n overflow: hidden;\n}\n\n.soi-rpiq-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-rpiq-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-rpiq-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-rpiq-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-rpiq-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-rpiq-accordion-item[open] .soi-rpiq-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-rpiq-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-rpiq-accordion-content p {\n font-size: 14px;\n color: var(--soi-rpiq-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rpiq-cta-box {\n background: var(--soi-rpiq-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-rpiq-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-rpiq-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-rpiq-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-rpiq-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-rpiq-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-rpiq-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-rpiq-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-rpiq-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-rpiq-step-num {\n text-align: center;\n margin: 0 auto 0 0;\n }\n\n .soi-rpiq-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-rpiq-compo-value {\n text-align: left;\n }\n\n .soi-rpiq-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-rpiq-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-rpiq-benefits {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 420px) {\n .soi-rpiq-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-rpiq-grid-compact {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-rpiq-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-rpiq-fiche {\n --soi-rpiq-text-soft: #2C3E50;\n --soi-rpiq-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Pranarom","offers":[{"title":"Default Title","offer_id":61603935420746,"sku":"RA0240","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/roller-apres-piqures-bio-pranarom-packshot.webp?v=1779458100"},{"product_id":"gel-lavant-neutre-bio-pranarom","title":"Gel lavant neutre bio – Pranarom","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003ePensé pour toute la famille, le \u003cstrong data-start=\"120\" data-end=\"157\"\u003eGel lavant neutre bio de Pranarom\u003c\/strong\u003e offre une solution d’hygiène quotidienne à la fois simple, sûre et respectueuse de la peau. Sa formule minimaliste et hautement tolérante nettoie en douceur le visage, le corps et les cheveux, sans jamais agresser l’épiderme. Adapté dès le plus jeune âge, il répond aux besoins des peaux les plus sensibles, fragiles ou réactives, tout en s’inscrivant dans une démarche naturelle et responsable.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_RA0010.X_RA0010_RA0015_6d64761a-9ca2-4b93-8b85-b14edc3ce8be.jpg?v=1776185657\" alt=\"Photo d'une femme profitant de sa douche\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"858\" data-end=\"927\"\u003eCaractéristiques et bienfaits du Gel lavant neutre bio de Pranarom\u003c\/h2\u003e\n\u003cp data-start=\"929\" data-end=\"1402\"\u003eGrâce à sa \u003cstrong data-start=\"940\" data-end=\"970\"\u003eformule naturelle à 99,2 %\u003c\/strong\u003e, ce gel lavant respecte l’équilibre cutané tout en assurant un nettoyage efficace et tout en douceur. Son \u003cstrong data-start=\"1077\" data-end=\"1097\"\u003epH physiologique\u003c\/strong\u003e aide à préserver la barrière naturelle de la peau et évite les sensations d’inconfort, même lors d’utilisations fréquentes. Sans parfum, sans colorant, sans sulfate ni allergène, il offre une \u003cstrong data-start=\"1290\" data-end=\"1312\"\u003etolérance optimale\u003c\/strong\u003e, confirmée par des tests réalisés sous contrôle dermatologique, et ne pique pas les yeux.\u003c\/p\u003e\n\u003cp data-start=\"1404\" data-end=\"1720\"\u003eSa texture onctueuse développe une mousse fine et légère qui laisse la peau propre, souple et confortable, sans effet desséchant. Polyvalent, il s’utilise aussi bien comme gel douche que comme shampooing doux, y compris pour les tout-petits ou les peaux sensibilisées, par exemple après un traitement dermatologique.\u003c\/p\u003e\n\u003cp data-start=\"1722\" data-end=\"2054\"\u003eLe Gel lavant neutre bio de Pranarom se distingue également par sa fonction de \u003cstrong data-start=\"1801\" data-end=\"1832\"\u003ebase neutre personnalisable\u003c\/strong\u003e. Il peut être enrichi en huiles essentielles pour créer une fragrance sur mesure, ou en huiles végétales pour renforcer la douceur et le confort, permettant ainsi de concevoir facilement des soins adaptés à chaque besoin.\u003c\/p\u003e\n\u003ch2 data-start=\"2056\" data-end=\"2095\"\u003eUn essentiel doux et personnalisable\u003c\/h2\u003e\n\u003cp data-start=\"2097\" data-end=\"2407\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eVéritable indispensable de la salle de bain, le \u003cstrong data-start=\"2145\" data-end=\"2182\"\u003eGel lavant neutre bio de Pranarom\u003c\/strong\u003e allie simplicité, sécurité et polyvalence. Il accompagne toute la famille au quotidien tout en offrant la liberté de créer des soins personnalisés, pour une hygiène respectueuse de la peau et pleinement adaptée à vos envies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pranarom","offers":[{"title":"Flacon de 250 ml","offer_id":61612341657930,"sku":"RA0010","price":8.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon de 500 ml.","offer_id":61612823806282,"sku":"RA0015","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/pranarom_ra0010_gel_neutre_609d9a61-eafc-48d8-a308-1f1fda1948fb.jpg?v=1778842740"},{"product_id":"bougies-auriculaires-nature-harmonys-candles","title":"Bougies auriculaires nature - Harmony's Candles","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp data-start=\"507\" data-end=\"848\"\u003eLes \u003cstrong\u003eBougies auriculaires Nature en lots de Harmony’s Candles\u003c\/strong\u003e sont pensées pour offrir un véritable moment de relâchement et d’harmonie. Utilisées depuis plusieurs générations et transmises par le bouche-à-oreille, elles s’inscrivent dans une démarche de bien-être naturel. Leur utilisation accompagne les instants de détente profonde, aide à libérer les tensions accumulées et prépare à un repos plus serein. Créées par le Dr Harmony, elles reflètent un savoir-faire authentique et engagé.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_HC0005.X_HC0005_HC0010_df9117bf-505f-4a57-912c-09e0a2844b56.jpg?v=1776185744\" alt=\"Photo d'une femme de profil qui se touche l'oreille\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques et bienfaits des Bougies auriculaires nature en lots de Harmony's Candles\u003c\/h2\u003e\n\u003cp\u003eLes bougies auriculaires Nature sont reconnues pour leur action \u003cstrong\u003erelaxante, apaisante et équilibrante\u003c\/strong\u003e. Elles favorisent une sensation de légèreté et participent à instaurer un climat propice à la détente du corps et de l’esprit. Beaucoup choisissent de les intégrer dans un programme d’entretien trimestriel ou semestriel, tandis que d’autres les utilisent plus régulièrement pour prolonger leur sensation de bien-être.\u003c\/p\u003e\n\u003cp\u003eChaque bougie offre une combustion d’environ 12 minutes. L’usage standard consiste à utiliser une bougie par oreille au cours d’une même séance, avec la possibilité d’adapter le rituel selon les besoins spécifiques. Pour garantir une utilisation optimale, la présence d’une seconde personne est indispensable, accompagnée d’un verre d’eau, d’un anneau en carton et d’allumettes ou d’un briquet.\u003c\/p\u003e\n\u003cp\u003eLa qualité de fabrication constitue un point essentiel. Conçues artisanalement, les bougies associent un \u003cstrong\u003ecoton certifié biologique\u003c\/strong\u003e à une cire de \u003cstrong\u003equalité alimentaire\u003c\/strong\u003e, assurant une combustion maîtrisée et homogène grâce à un double enveloppement. Elles intègrent également un \u003cstrong\u003eembout de sécurité breveté\u003c\/strong\u003e ainsi qu’une étiquette de limite de combustion pour renforcer la sécurité d’utilisation. Issues du commerce équitable, elles respectent des bonnes pratiques de fabrication garantissant traçabilité et fiabilité, tout en soutenant une production humaine portée par des artisans engagés.\u003c\/p\u003e\n\u003ch2\u003eOffrez-vous un moment d’harmonie\u003c\/h2\u003e\n\u003cp\u003eChoisir les \u003cstrong\u003eBougies auriculaires Nature en lots de Harmony’s Candles\u003c\/strong\u003e, c’est opter pour un rituel simple et naturel dédié à la détente et à l’équilibre. Leur conception artisanale, leur exigence de qualité et leur approche responsable en font un allié précieux pour instaurer des pauses bien-être régulières. Une invitation à ralentir, à relâcher les tensions et à retrouver un équilibre durable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Harmony's Candles","offers":[{"title":"Bougies auriculaires nature lot de 2 - Harmony's Candles","offer_id":61612341756234,"sku":"HC0005","price":10.9,"currency_code":"EUR","in_stock":false},{"title":"Etui en plastique de 2 et 4 bougies","offer_id":61612824297802,"sku":"HC0010","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/harmonys_candles_hc0005_bougies_nature_x2_4a9c442f-7be0-49db-9a6d-1f1c3fcfb115.jpg?v=1778842734"},{"product_id":"gel-lavant-neutre-certifi-bio-coslys","title":"Gel lavant neutre bio 3en1 - 100 ml - Coslys","description":"\u003cdiv class=\"soi-geln-fiche\"\u003e\n\n\u003csection class=\"soi-geln-hero\"\u003e\n \u003cdiv class=\"soi-geln-hero-tag\"\u003e\n \u003cspan class=\"soi-geln-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-geln-hero-title\"\u003eUn soin lavant universel pour toute la famille\u003c\/span\u003e\n \u003cp class=\"soi-geln-hero-subtitle\"\u003e97,9 % d'ingrédients d'origine naturelle, sans sulfates, sans parfum, sans savon. Du premier bain de bébé à la douche du soir, une formule réduite à l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-hero-labels\"\u003e\n \u003cspan class=\"soi-geln-label soi-geln-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eHYPOALLERGÉNIQUE\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-geln-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eGel lavant neutre certifié bio Coslys : un soin universel pour toute la famille\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un gel lavant vraiment doux, sans compromis sur les ingrédients, qui convient aussi bien à votre bébé qu'à vous-même ? Le \u003cstrong\u003egel lavant neutre certifié bio Coslys\u003c\/strong\u003e répond exactement à ce besoin. Un seul flacon pour le corps, le visage et les cheveux, toléré dès la naissance, formulé sans parfum, sans savon et sans sulfates. Simple, efficace, rassurant.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel lavant bio au pH neutre ?\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eContrairement à de nombreux gels du commerce, ce produit affiche \u003cstrong\u003e97,9 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et une certification \u003cstrong\u003eCosmos Organic délivrée par Ecocert Greenlife\u003c\/strong\u003e. Son pH neutre respecte le film hydrolipidique de la peau, y compris les épidermes les plus réactifs.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-benefits\"\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e3-en-1\u003c\/h3\u003e\n \u003cp\u003eCorps, visage et cheveux en un seul geste pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique, sans sulfates, sans savon, sans parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e👶\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux bébés dès la naissance, enfants, adultes, femmes enceintes et allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-benefit\"\u003e\n \u003cdiv class=\"soi-geln-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉco-conçu\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France (Anjou), flacon 100 % recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUne formule courte, des ingrédients choisis\u003c\/h2\u003e\n \u003cp class=\"soi-geln-section-intro\"\u003eLa liste INCI du gel lavant neutre Coslys est volontairement courte : chaque ingrédient a sa raison d'être. 10 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🌿 Decyl Glucoside\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux d'origine végétale, sans sulfate, qui nettoie sans décaper.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate et préserve l'équilibre cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🤍 Glycérine\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant naturel qui maintient le confort de la peau après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e⚖️ Acide lactique\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir un pH adapté à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-geln-accordion-item\"\u003e\n \u003csummary class=\"soi-geln-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-geln-accordion-content\"\u003e\n \u003cp\u003eAqua (Water), Glycerin, Decyl Glucoside, Cocamidopropyl Betaine, Xanthan Gum, \u003cem\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/em\u003e, Sodium Chloride, Lactic Acid, Caprylyl Glycol, Sodium Benzoate, Glyceryl Caprylate, Propanediol.\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\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eComment utiliser le gel lavant neutre Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-timeline\"\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité sur la peau ou les cheveux humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement pour faire mousser le gel sur la zone à nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step\"\u003e\n \u003cdiv class=\"soi-geln-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-geln-step-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 \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-geln-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eEn cas de contact accidentel avec les yeux, rincez immédiatement à l'eau claire. Ce gel est conçu pour une utilisation quotidienne sans risque d'altérer le microbiome cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003eUn format pratique, une démarche éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid-compact\"\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003e100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003eAnjou, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card-mini\"\u003e\n \u003cspan class=\"soi-geln-card-mini-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-label\"\u003eAussi disponible\u003c\/span\u003e\n \u003cspan class=\"soi-geln-card-mini-value\"\u003eFormat 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eLe flacon de 100 ml est idéal pour les voyages ou pour tester le produit. Un format 1 litre est également disponible pour les familles qui souhaitent réduire leurs déchets plastique grâce à la recharge. Le flacon est fabriqué en plastique 100 % recyclé et recyclable : à déposer dans le bac de tri jaune après utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePour qui est fait ce gel lavant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-grid\"\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e👶 Parents de nourrissons et jeunes enfants\u003c\/h3\u003e\n \u003cp\u003ePour les peaux ultra-sensibles des tout-petits, dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes ou allaitantes\u003c\/h3\u003e\n \u003cp\u003ePour celles qui souhaitent éviter tout ingrédient superflu durant cette période.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e🩹 Peaux réactives, eczéma, psoriasis\u003c\/h3\u003e\n \u003cp\u003ePour les personnes aux épidermes sensibles. Toujours demander l'avis d'un médecin en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-geln-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui préfèrent un seul produit polyvalent, sain et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-geln-accordion\"\u003e\n \u003cdetails class=\"soi-geln-accordion-item\"\u003e\n \u003csummary class=\"soi-geln-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n \u003cdiv class=\"soi-geln-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique, il ne remplace pas un traitement médical. En cas de pathologie cutanée, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-geln-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-geln-cta-box\"\u003e\n \u003cp class=\"soi-geln-cta-tag\" style=\"color: white;\"\u003eSe laver plus simplement\u003c\/p\u003e\n \u003cp class=\"soi-geln-cta-text\" style=\"color: white;\"\u003eUn gel, toute une famille protégée. Le gel lavant neutre certifié bio Coslys, c'est la promesse d'une formule sans fioriture, respectueuse des peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-geln-marine: #1A2D3D;\n --soi-geln-marine-dark: #0F1E2B;\n --soi-geln-marine-light: #2C4458;\n --soi-geln-pomme: #A1C544;\n --soi-geln-pomme-dark: #84A636;\n --soi-geln-pomme-light: rgba(161,197,68,0.10);\n\n --soi-geln-white: #FFFFFF;\n --soi-geln-off-white: #F8FAFE;\n --soi-geln-stone: #EFF4FA;\n --soi-geln-line: #DDE6EF;\n\n --soi-geln-primary: #5BA4D9;\n --soi-geln-primary-soft: #D6E9F6;\n --soi-geln-accent: #89C4E8;\n\n --soi-geln-text: #1A2D3D;\n --soi-geln-text-soft: #4A5B6B;\n --soi-geln-text-muted: #7B8693;\n\n --soi-geln-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-geln-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-geln-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-geln-radius: 12px;\n --soi-geln-radius-sm: 8px;\n --soi-geln-radius-pill: 999px;\n}\n\n.soi-geln-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-geln-fiche img { max-width: 100%; height: auto; }\n\n.soi-geln-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-geln-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-geln-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-geln-hero {\n position: relative;\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-geln-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-geln-pomme);\n}\n\n.soi-geln-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-geln-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-geln-pomme);\n border-radius: 50%;\n}\n\n.soi-geln-hero-title {\n display: block;\n color: var(--soi-geln-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-geln-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-geln-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-geln-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-geln-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-geln-label-accent {\n background: var(--soi-geln-pomme);\n border-color: var(--soi-geln-pomme);\n color: var(--soi-geln-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-geln-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-geln-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-geln-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-geln-pomme);\n border-radius: 2px;\n}\n\n.soi-geln-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-geln-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-geln-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-geln-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-geln-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-geln-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-geln-benefit {\n background: var(--soi-geln-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-geln-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-geln-shadow-md);\n}\n\n.soi-geln-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-geln-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-geln-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-geln-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-geln-benefit:hover .soi-geln-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-geln-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-benefit p {\n font-size: 13px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-geln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-geln-card {\n background: var(--soi-geln-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border-left: 3px solid var(--soi-geln-pomme);\n}\n\n.soi-geln-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-geln-card p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-geln-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-geln-card-mini {\n background: var(--soi-geln-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-geln-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-geln-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-geln-card-mini-label {\n font-size: 11px;\n color: var(--soi-geln-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-geln-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-geln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-geln-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-geln-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-geln-radius);\n border: 1px solid var(--soi-geln-line);\n align-items: flex-start;\n}\n\n.soi-geln-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-geln-marine);\n color: var(--soi-geln-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-geln-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-geln-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-geln-step-content p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-geln-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-geln-pomme-light);\n border-left: 4px solid var(--soi-geln-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-geln-radius) var(--soi-geln-radius) 0;\n align-items: flex-start;\n}\n\n.soi-geln-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-geln-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-geln-marine);\n margin-bottom: 4px;\n}\n\n.soi-geln-tip p {\n font-size: 14px;\n color: var(--soi-geln-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-geln-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-geln-accordion-item {\n background: var(--soi-geln-off-white);\n border-radius: var(--soi-geln-radius-sm);\n border: 1px solid var(--soi-geln-line);\n overflow: hidden;\n}\n\n.soi-geln-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-geln-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-geln-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-geln-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-geln-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-geln-accordion-item[open] .soi-geln-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-geln-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-geln-accordion-content p {\n font-size: 14px;\n color: var(--soi-geln-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-geln-accordion-content p + p {\n margin-top: 0.5rem;\n}\n\n\/* === CTA BOX === *\/\n.soi-geln-cta-box {\n background: var(--soi-geln-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-geln-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-geln-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-geln-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-geln-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-geln-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-geln-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-geln-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-geln-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-geln-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-geln-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-geln-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-geln-fiche {\n --soi-geln-text-soft: #2C3E50;\n --soi-geln-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":62001447993674,"sku":"CS0057","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-lavant-neutre_coslys.webp?v=1781252228"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/pour_le_corps.webp?v=1780058464","url":"https:\/\/www.soinature.com\/collections\/hygiene-corps.oembed","provider":"Soinature","version":"1.0","type":"link"}