{"title":"Pour les mains","description":"","products":[{"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":"savon-mains-purifiant-propolis","title":"Savon mains purifiant Propolis et Romarin - 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\"\u003eSavon mains purifiant Propolis et Romarin\u003c\/span\u003e\n \u003cp class=\"soi-sav-hero-subtitle\"\u003eUn savon liquide naturel qui nettoie en profondeur sans dessécher, grâce à la puissance purifiante de la propolis et à l'énergie aromatique du romarin.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-hero-labels\"\u003e\n \u003cspan class=\"soi-sav-label soi-sav-label-accent\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS SLS \/ SLES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-sav-label\"\u003eTESTÉ DERMATOLOGIQUEMENT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eVous cherchez un savon liquide mains naturel qui nettoie vraiment, sans agresser ni dessécher ? Le Savon Liquide Purifiant Propolis et Romarin de Propolia répond exactement à ce besoin. Formulé avec 100 % d'ingrédients d'origine naturelle et fabriqué en France, il combine la puissance purifiante de la propolis d'abeille et l'énergie aromatique du romarin pour des mains propres, douces et protégées à chaque lavage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003ePourquoi ce savon mains à la propolis est-il différent ?\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eBeaucoup de savons liquides nettoient, mais peu prennent soin de la peau au quotidien. Ici, la formule joue sur deux tableaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-grid\"\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🐝 La propolis\u003c\/h3\u003e\n \u003cp\u003eRésine naturelle produite par les abeilles, la propolis est reconnue pour ses propriétés purifiantes et apaisantes. Elle aide à protéger la peau des agressions extérieures sans perturber son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🌿 Le romarin\u003c\/h3\u003e\n \u003cp\u003ePlante emblématique de la garrigue occitane, le romarin apporte une action tonifiante et un parfum frais et végétal qui rend le geste de lavage agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-card\"\u003e\n \u003ch3\u003e🍯 Glycérine végétale et miel\u003c\/h3\u003e\n \u003cp\u003eCes deux actifs complètent la formule en apportant hydratation et douceur, pour éviter que vos mains ne tirent après le rinçage.\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 liquide purifiant Propolia\u003c\/h2\u003e\n \u003cp class=\"soi-sav-section-intro\"\u003eFormulé sans tensioactifs sulfatés (SLS\/SLES), ce savon respecte le film hydrolipidique naturel de la peau. Voici ses actifs clés.\u003c\/p\u003e\n \u003cdiv class=\"soi-sav-compo\"\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eExtrait de propolis\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eActif purifiant et apaisant d'origine apicole\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eHuile essentielle de romarin\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eTonifiante, parfum naturel de garrigue\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eGlycérine végétale\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eAgent hydratant et adoucissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eMiel\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eNourrissant, contribue à la douceur de la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-sav-compo-row\"\u003e\n \u003cspan class=\"soi-sav-compo-label\"\u003eTensioactifs\u003c\/span\u003e\n \u003cspan class=\"soi-sav-compo-value\"\u003eD'origine végétale, sans sulfates\u003c\/span\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\u003eBon à savoir\u003c\/strong\u003e\n \u003cp\u003eIngrédients complets disponibles sur l'emballage. Produit testé sous contrôle dermatologique.\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\u003ePour qui est fait ce savon purifiant ?\u003c\/h2\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\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, y compris les plus fragiles.\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\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté aux adultes et aux enfants dès 3 ans.\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\u003eLavages fréquents\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes qui se lavent souvent les mains (professionnels de santé, parents, cuisiniers) et craignent le dessèchement.\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\u003eAdeptes du naturel\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui privilégient les cosmétiques naturels et fabriqués en France.\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\u003eComment utiliser le savon liquide Propolis et Romarin ?\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\u003eDoser\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le pompe-doseur pour déposer la quantité souhaitée dans le creux de vos mains mouillées.\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\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pendant au moins 20 secondes en insistant sur les espaces entre les doigts et les ongles.\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\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau, puis séchez délicatement. À utiliser aussi souvent que nécessaire, sans restriction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003ch2\u003eLes engagements qualité 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\"\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\"\u003eIngrédients\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e100 % origine naturelle\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\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003eSLS, SLES, parabènes\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\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-sav-card-mini-value\"\u003e300 ml, pompe ergonomique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-sav-section\"\u003e\n \u003cdiv class=\"soi-sav-accordion\"\u003e\n \u003cdetails class=\"soi-sav-accordion-item\"\u003e\n \u003csummary class=\"soi-sav-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-sav-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un avis médical ni un traitement 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-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;\"\u003eLe geste purifiant au quotidien\u003c\/p\u003e\n \u003cp class=\"soi-sav-cta-text\" style=\"color: white;\"\u003eNi agressif, ni banal : ce savon liquide à la propolis et au romarin transforme un geste du quotidien en vrai moment de soin. Vos mains restent propres, douces et protégées, lavage après lavage.\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 --soi-sav-white: #FFFFFF;\n --soi-sav-off-white: #F8FAF6;\n --soi-sav-stone: #F1F3EE;\n --soi-sav-line: #E5E8E0;\n --soi-sav-primary: #6B3FA0;\n --soi-sav-primary-soft: rgba(107,63,160,0.08);\n --soi-sav-accent: #A0633A;\n --soi-sav-text: #1A2D3D;\n --soi-sav-text-soft: #4A5B6B;\n --soi-sav-text-muted: #7B8693;\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.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.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 line-height: 1.7;\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.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.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.soi-sav-compo {\n background: var(--soi-sav-off-white);\n border-radius: var(--soi-sav-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-sav-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-sav-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-sav-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-sav-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-sav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-sav-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-sav-marine);\n text-align: right;\n}\n\n.soi-sav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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.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.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.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.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@media (max-width: 640px) {\n .soi-sav-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-sav-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-sav-compo-value {\n text-align: left;\n }\n\n .soi-sav-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\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":61603349561674,"sku":"AP0126","price":9.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-mains-purifiant-propolis-et-romarin-propolia-packshot.webp?v=1779458221"},{"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":"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":"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":"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-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":"gel-lavant-mains-lavande-citron-certifie-bio-coslys","title":"Gel Lavant Mains Lavande \u0026 Citron Certifié Bio – Coslys","description":"\u003cdiv class=\"soi-glmc-fiche\"\u003e\n\n\u003csection class=\"soi-glmc-hero\"\u003e\n \u003cdiv class=\"soi-glmc-hero-tag\"\u003e\n \u003cspan class=\"soi-glmc-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-glmc-hero-title\"\u003eLa douceur bio à chaque lavage\u003c\/span\u003e\n \u003cp class=\"soi-glmc-hero-subtitle\"\u003eUn gel lavant mains sans savon, à 97 % d'origine naturelle, qui nettoie vos mains en douceur grâce à la lavande et au citron biologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-glmc-hero-labels\"\u003e\n \u003cspan class=\"soi-glmc-label soi-glmc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003eSANS SAVON\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-label\"\u003e97 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eUn gel lavant mains bio qui nettoie sans agresser\u003c\/h2\u003e\n \u003cp\u003eSe laver les mains plusieurs fois par jour ne devrait jamais rimer avec inconfort ou peau tiraillée. La formule sans savon de ce gel lavant, composée à 97 % d'ingrédients d'origine naturelle, nettoie efficacement vos mains sans détruire leur film hydrolipidique naturel.\u003c\/p\u003e\n \u003cp\u003eConvenant à tous types de peaux, y compris les peaux sensibles, ce gel lavant bio se distingue par l'intégration d'une eau florale de reine des prés biologique, reconnue pour ses propriétés apaisantes et adoucissantes sur les peaux irritées ou sèches.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons conventionnels, sa texture gel légère rince facilement et ne laisse aucun résidu collant, pour des mains propres, douces et confortables dès le premier lavage.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eLavande et citron bio : un duo parfumé qui fait du bien\u003c\/h2\u003e\n \u003cp\u003eL'association lavande bio et citron bio n'est pas qu'esthétique. La lavande est reconnue pour ses vertus apaisantes, tandis que le citron apporte une note pétillante et purifiante. Ensemble, ils forment un parfum frais, naturel et délicat qui accompagne agréablement chaque geste du quotidien, sans jamais agresser les voies respiratoires comme peuvent le faire les fragrances synthétiques.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel lavant mains plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-glmc-benefits\"\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGage de qualité, de traçabilité et d'ingrédients véritablement biologiques, loin des labels marketing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSans savon\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les lavages fréquents : il nettoie sans assécher ni provoquer de tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan et fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit à Somloire en Anjou, dans le laboratoire Coslys, avec un savoir-faire local et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-benefit\"\u003e\n \u003cdiv class=\"soi-glmc-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFabriqué en plastique 100 % recyclé, recyclable et rechargeable pour limiter les déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eComposition du Gel Lavant Mains Coslys\u003c\/h2\u003e\n \u003cp class=\"soi-glmc-section-intro\"\u003eLa formule repose sur des actifs naturels soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"soi-glmc-compo\"\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eEau florale de reine des prés bio\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eApaisante et adoucissante, idéale pour les peaux sensibles et réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eHuile essentielle de lavande bio\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eNote florale apaisante, parfum naturel certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eExtrait de citron bio\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eEffet frais et purifiant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eTensioactifs d'origine végétale\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003eNettoyage doux sans savon, respectueux du microbiome cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-compo-row\"\u003e\n \u003cspan class=\"soi-glmc-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-glmc-compo-value\"\u003e97 % d'ingrédients d'origine naturelle, sans sulfates agressifs ni parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-tip\"\u003e\n \u003cdiv class=\"soi-glmc-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eInformation\u003c\/strong\u003e\n \u003cp\u003eLa liste INCI complète est disponible sur l'emballage du produit. En cas d'allergie connue, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel lavant mains bio au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-glmc-timeline\"\u003e\n \u003cdiv class=\"soi-glmc-step\"\u003e\n \u003cdiv class=\"soi-glmc-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step-content\"\u003e\n \u003ch3\u003eDéposez le gel\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur le distributeur pompe pour déposer une petite noisette de gel au creux de vos mains humides. Une à deux pressions suffisent pour un lavage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step\"\u003e\n \u003cdiv class=\"soi-glmc-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step-content\"\u003e\n \u003ch3\u003eFrottez et nettoyez\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement en insistant sur les espaces entre les doigts et les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step\"\u003e\n \u003cdiv class=\"soi-glmc-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-glmc-step-content\"\u003e\n \u003ch3\u003eRincez et hydratez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sèches, complétez avec une crème mains hydratante après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce gel lavant mains\u003c\/h2\u003e\n \u003cdiv class=\"soi-glmc-accordion\"\u003e\n \u003cdetails class=\"soi-glmc-accordion-item\"\u003e\n \u003csummary class=\"soi-glmc-accordion-header\"\u003e👶 Ce gel convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glmc-accordion-content\"\u003e\n \u003cp\u003eLa formule douce et sans savon est conçue pour toute la famille. Pour les jeunes enfants, vérifiez toujours la tolérance cutanée individuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-glmc-accordion-item\"\u003e\n \u003csummary class=\"soi-glmc-accordion-header\"\u003e♻️ Peut-on recharger le flacon ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glmc-accordion-content\"\u003e\n \u003cp\u003eOui, Coslys propose ce produit en version recharge pour prolonger la durée de vie de votre flacon pompe et réduire vos déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-glmc-accordion-item\"\u003e\n \u003csummary class=\"soi-glmc-accordion-header\"\u003e🧴 Ce produit est-il adapté aux lavages fréquents ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-glmc-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Sa formule sans savon a précisément été pensée pour les mains qui se lavent souvent sans se dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-glmc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-glmc-cta-box\"\u003e\n \u003cp class=\"soi-glmc-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans les gestes simples\u003c\/p\u003e\n \u003cp class=\"soi-glmc-cta-text\" style=\"color: white;\"\u003eUn geste aussi simple que se laver les mains mérite une formule à la hauteur. Avec ce gel lavant bio Coslys, vous choisissez une douceur certifiée, un parfum naturel qui rafraîchit l'instant, et une démarche éco-responsable du flacon jusqu'à la dernière goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-glmc-marine: #1A2D3D;\n --soi-glmc-marine-dark: #0F1E2B;\n --soi-glmc-marine-light: #2C4458;\n --soi-glmc-pomme: #A1C544;\n --soi-glmc-pomme-dark: #84A636;\n --soi-glmc-pomme-light: rgba(161,197,68,0.10);\n --soi-glmc-white: #FFFFFF;\n --soi-glmc-off-white: #F8FAF6;\n --soi-glmc-stone: #F1F3EE;\n --soi-glmc-line: #E5E8E0;\n --soi-glmc-primary: #D4C84A;\n --soi-glmc-primary-soft: #F5F3D6;\n --soi-glmc-accent: #A8B5D4;\n --soi-glmc-text: #1A2D3D;\n --soi-glmc-text-soft: #4A5B6B;\n --soi-glmc-text-muted: #7B8693;\n --soi-glmc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-glmc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-glmc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-glmc-radius: 12px;\n --soi-glmc-radius-sm: 8px;\n --soi-glmc-radius-pill: 999px;\n}\n\n.soi-glmc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-glmc-fiche img { max-width: 100%; height: auto; }\n\n.soi-glmc-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-glmc-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-glmc-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-glmc-hero {\n position: relative;\n background: var(--soi-glmc-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-glmc-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-glmc-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-glmc-pomme);\n}\n\n.soi-glmc-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-glmc-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-glmc-pomme);\n border-radius: 50%;\n}\n\n.soi-glmc-hero-title {\n display: block;\n color: var(--soi-glmc-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-glmc-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-glmc-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-glmc-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-glmc-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-glmc-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-glmc-label-accent {\n background: var(--soi-glmc-pomme);\n border-color: var(--soi-glmc-pomme);\n color: var(--soi-glmc-marine);\n font-weight: 600;\n}\n\n.soi-glmc-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-glmc-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-glmc-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-glmc-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-glmc-pomme);\n border-radius: 2px;\n}\n\n.soi-glmc-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-glmc-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-glmc-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-glmc-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-glmc-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-glmc-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-glmc-benefit {\n background: var(--soi-glmc-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-glmc-radius);\n border: 1px solid var(--soi-glmc-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-glmc-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-glmc-shadow-md);\n}\n\n.soi-glmc-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-glmc-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-glmc-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-glmc-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-glmc-benefit:hover .soi-glmc-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-glmc-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-glmc-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-glmc-benefit p {\n font-size: 13px;\n color: var(--soi-glmc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-compo {\n background: var(--soi-glmc-off-white);\n border-radius: var(--soi-glmc-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-glmc-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-glmc-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-glmc-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-glmc-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-glmc-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-glmc-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-glmc-marine);\n text-align: right;\n}\n\n.soi-glmc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-glmc-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-glmc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-glmc-radius);\n border: 1px solid var(--soi-glmc-line);\n align-items: flex-start;\n}\n\n.soi-glmc-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-glmc-marine);\n color: var(--soi-glmc-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-glmc-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-glmc-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-glmc-step-content p {\n font-size: 14px;\n color: var(--soi-glmc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-glmc-pomme-light);\n border-left: 4px solid var(--soi-glmc-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-glmc-radius) var(--soi-glmc-radius) 0;\n align-items: flex-start;\n}\n\n.soi-glmc-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-glmc-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-glmc-marine);\n margin-bottom: 4px;\n}\n\n.soi-glmc-tip p {\n font-size: 14px;\n color: var(--soi-glmc-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-glmc-accordion-item {\n background: var(--soi-glmc-off-white);\n border-radius: var(--soi-glmc-radius-sm);\n border: 1px solid var(--soi-glmc-line);\n overflow: hidden;\n}\n\n.soi-glmc-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-glmc-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-glmc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-glmc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-glmc-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-glmc-accordion-item[open] .soi-glmc-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-glmc-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-glmc-accordion-content p {\n font-size: 14px;\n color: var(--soi-glmc-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-glmc-cta-box {\n background: var(--soi-glmc-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-glmc-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-glmc-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-glmc-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-glmc-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-glmc-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-glmc-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-glmc-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-glmc-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-glmc-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-glmc-compo-value {\n text-align: left;\n }\n\n .soi-glmc-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-glmc-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-glmc-fiche {\n --soi-glmc-text-soft: #2C3E50;\n --soi-glmc-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Flacon pompe de 1L","offer_id":61612339855690,"sku":"CS0015","price":8.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 300 ml","offer_id":61612822266186,"sku":"CS0016","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0015-gel-lavant-mains-lavande-citron_b37a1fa4-79dd-44a5-a935-ff67a92c3f02.jpg?v=1778842734"},{"product_id":"gel-lavant-mains-pomme-certifie-bio-coslys","title":"Gel Lavant Mains Pomme certifié bio – Coslys","description":"\u003cdiv class=\"soi-glpm-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-glpm-hero\"\u003e\n \u003cdiv class=\"soi-glpm-hero-tag\"\u003e\n \u003cspan class=\"soi-glpm-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Coslys\n \u003c\/div\u003e\n \u003cspan class=\"soi-glpm-hero-title\"\u003eDes mains douces, lavage après lavage\u003c\/span\u003e\n \u003cp class=\"soi-glpm-hero-subtitle\"\u003eUn gel lavant certifié bio, formulé sans savon, qui nettoie en douceur sans jamais tiraillier. 97,5 % d'ingrédients d'origine naturelle, fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-glpm-hero-labels\"\u003e\n \u003cspan class=\"soi-glpm-label soi-glpm-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-label\"\u003e0% SAVON\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir ce savon liquide naturel pour les mains ? --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide naturel pour les mains ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à de nombreux gels du commerce, ce savon naturel pour les mains est formulé sans savon traditionnel (0 % savon), ce qui le rend particulièrement doux pour les peaux sensibles ou sollicitées au quotidien. Sa texture légère mousse facilement et rince sans résidu, sans jamais laisser cette sensation de tiraillement désagréable que l'on connaît trop bien.\u003c\/p\u003e\n \u003cp\u003eCertifié Cosmos Organic par Ecocert Greenlife, il affiche 97,5 % d'ingrédients d'origine naturelle. Il est également vegan et fabriqué en France, dans le respect des exigences de qualité les plus strictes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les actifs clés qui font la différence --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"soi-glpm-grid\"\u003e\n \u003cdiv class=\"soi-glpm-card\"\u003e\n \u003ch3\u003e🍎 Extrait de pomme bio française\u003c\/h3\u003e\n \u003cp\u003eIssu de vergers français, il est naturellement riche en polyphénols antioxydants. Il apporte une touche de soin à chaque lavage et une fragrance fruitée et gourmande qui rend l'expérience vraiment agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-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 calme les peaux réactives ou légèrement irritées et contribue à maintenir le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-card\"\u003e\n \u003ch3\u003e🧴 Agents lavants doux d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eIls nettoient efficacement sans détruire le film hydrolipidique de la peau, ce qui est particulièrement important si vous vous lavez les mains plusieurs fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un geste éco-responsable au quotidien --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003eUn geste éco-responsable au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-glpm-benefits\"\u003e\n \u003cdiv class=\"soi-glpm-benefit\"\u003e\n \u003cdiv class=\"soi-glpm-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePlastique 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eLe flacon pompe de 1 litre est fabriqué en plastique entièrement recyclé, recyclable et rechargeable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-benefit\"\u003e\n \u003cdiv class=\"soi-glpm-benefit-icon\"\u003e\u003cspan\u003e🏠\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormat familial 1 litre\u003c\/h3\u003e\n \u003cp\u003eIdéal pour la salle de bain, la cuisine ou même un usage professionnel intensif. Moins de flacons, moins de déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-benefit\"\u003e\n \u003cdiv class=\"soi-glpm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003e97,5 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eUne formulation respectueuse de votre peau et de l'environnement, certifiée Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pour qui est-il adapté ? --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003ePour qui est-il adapté ?\u003c\/h2\u003e\n \u003cp\u003eCe savon liquide pour les mains naturel convient à tous types de peaux, y compris les peaux sèches, sensibles ou intolérantes aux parfums synthétiques. Il peut être utilisé par toute la famille, adultes comme enfants, dès lors que le contact oculaire est évité.\u003c\/p\u003e\n \u003cdiv class=\"soi-glpm-tip\"\u003e\n \u003cdiv class=\"soi-glpm-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSa formule sans savon et sans paraben en fait un allié de choix pour les personnes qui se lavent les mains de nombreuses fois par jour : professionnels de santé, parents de jeunes enfants, cuisiniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment l'utiliser ? --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-glpm-timeline\"\u003e\n \u003cdiv class=\"soi-glpm-step\"\u003e\n \u003cdiv class=\"soi-glpm-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-step-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003eAppuyez sur la pompe pour déposer une noisette de gel dans le creux de vos mains mouillées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-step\"\u003e\n \u003cdiv class=\"soi-glpm-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-step-content\"\u003e\n \u003ch3\u003eFrottez\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pendant au moins 20 secondes en insistant sur les espaces entre les doigts et les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-step\"\u003e\n \u003cdiv class=\"soi-glpm-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Ce geste simple, répété régulièrement, est le meilleur allié de votre hygiène au 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 (liste INCI) --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003eComposition (liste INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-glpm-accordion\"\u003e\n \u003cdetails class=\"soi-glpm-accordion-item\" open\u003e\n \u003csummary class=\"soi-glpm-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"soi-glpm-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Glucoside Tartrate, Coco-Glucoside, Glycerin*, Filipendula Ulmaria Flower Water*, Pyrus Malus Fruit Extract*, Sodium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e97,5 % des ingrédients sont d'origine naturelle. 21 % du total des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Informations produit --\u003e\n \u003csection class=\"soi-glpm-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-glpm-compo\"\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003eCoslys\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003e1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003eCosmos Organic, Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eVegan\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003eOui\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003eTous types de peaux, toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-glpm-compo-row\"\u003e\n \u003cspan class=\"soi-glpm-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-glpm-compo-value\"\u003eSavon, paraben, sulfate, colorant synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-glpm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-glpm-cta-box\"\u003e\n \u003cp class=\"soi-glpm-cta-tag\" style=\"color: white;\"\u003eSe laver les mains en douceur\u003c\/p\u003e\n \u003cp class=\"soi-glpm-cta-text\" style=\"color: white;\"\u003eParce que se laver les mains ne devrait jamais rimer avec peau tiraillée, le Gel Lavant Mains Pomme bio de Coslys transforme un geste du quotidien en véritable instant de soin. Doux, efficace, naturel à 97,5 % et fabriqué en France.\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-glpm-marine: #1A2D3D;\n --soi-glpm-marine-dark: #0F1E2B;\n --soi-glpm-marine-light: #2C4458;\n --soi-glpm-pomme: #A1C544;\n --soi-glpm-pomme-dark: #84A636;\n --soi-glpm-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-glpm-white: #FFFFFF;\n --soi-glpm-off-white: #F8FAF6;\n --soi-glpm-stone: #F1F3EE;\n --soi-glpm-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging pomme \/ vert clair \/ jaune doré) === *\/\n --soi-glpm-primary: #7BAD4A;\n --soi-glpm-primary-soft: #E8F2D8;\n --soi-glpm-accent: #C8D64E;\n\n \/* === Textes === *\/\n --soi-glpm-text: #1A2D3D;\n --soi-glpm-text-soft: #4A5B6B;\n --soi-glpm-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-glpm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-glpm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-glpm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-glpm-radius: 12px;\n --soi-glpm-radius-sm: 8px;\n --soi-glpm-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-glpm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-glpm-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-glpm-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-glpm-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-glpm-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-glpm-hero {\n position: relative;\n background: var(--soi-glpm-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-glpm-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-glpm-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-glpm-pomme);\n}\n\n.soi-glpm-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-glpm-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-glpm-pomme);\n border-radius: 50%;\n}\n\n.soi-glpm-hero-title {\n display: block;\n color: var(--soi-glpm-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-glpm-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-glpm-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-glpm-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-glpm-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-glpm-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-glpm-label-accent {\n background: var(--soi-glpm-pomme);\n border-color: var(--soi-glpm-pomme);\n color: var(--soi-glpm-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-glpm-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-glpm-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-glpm-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-glpm-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-glpm-pomme);\n border-radius: 2px;\n}\n\n.soi-glpm-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-glpm-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-glpm-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS (cercles marine) === *\/\n.soi-glpm-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-glpm-benefit {\n background: var(--soi-glpm-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-glpm-radius);\n border: 1px solid var(--soi-glpm-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-glpm-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-glpm-shadow-md);\n}\n\n.soi-glpm-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-glpm-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-glpm-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-glpm-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-glpm-benefit:hover .soi-glpm-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-glpm-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-glpm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-glpm-benefit p {\n font-size: 13px;\n color: var(--soi-glpm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-glpm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-glpm-card {\n background: var(--soi-glpm-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-glpm-radius);\n border-left: 3px solid var(--soi-glpm-pomme);\n}\n\n.soi-glpm-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-glpm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-glpm-card p {\n font-size: 14px;\n color: var(--soi-glpm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-glpm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-glpm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-glpm-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-glpm-radius);\n border: 1px solid var(--soi-glpm-line);\n align-items: flex-start;\n}\n\n.soi-glpm-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-glpm-marine);\n color: var(--soi-glpm-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-glpm-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-glpm-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-glpm-step-content p {\n font-size: 14px;\n color: var(--soi-glpm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-glpm-compo {\n background: var(--soi-glpm-off-white);\n border-radius: var(--soi-glpm-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-glpm-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-glpm-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-glpm-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-glpm-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-glpm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-glpm-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-glpm-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-glpm-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-glpm-pomme-light);\n border-left: 4px solid var(--soi-glpm-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-glpm-radius) var(--soi-glpm-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-glpm-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-glpm-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-glpm-marine);\n margin-bottom: 4px;\n}\n\n.soi-glpm-tip p {\n font-size: 14px;\n color: var(--soi-glpm-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-glpm-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-glpm-accordion-item {\n background: var(--soi-glpm-off-white);\n border-radius: var(--soi-glpm-radius-sm);\n border: 1px solid var(--soi-glpm-line);\n overflow: hidden;\n}\n\n.soi-glpm-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-glpm-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-glpm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-glpm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-glpm-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-glpm-accordion-item[open] .soi-glpm-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-glpm-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-glpm-accordion-content p {\n font-size: 14px;\n color: var(--soi-glpm-text-soft);\n line-height: 1.6;\n margin-bottom: 0.5rem;\n}\n\n.soi-glpm-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-glpm-accordion-content em {\n font-style: italic;\n color: var(--soi-glpm-text-muted);\n}\n\n.soi-glpm-accordion-content strong {\n color: var(--soi-glpm-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-glpm-cta-box {\n background: var(--soi-glpm-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-glpm-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-glpm-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-glpm-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-glpm-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-glpm-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-glpm-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-glpm-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-glpm-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-glpm-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-glpm-compo-value {\n text-align: left;\n }\n\n .soi-glpm-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-glpm-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-glpm-fiche {\n --soi-glpm-text-soft: #2C3E50;\n --soi-glpm-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Flacon pompe de 1L","offer_id":61612339888458,"sku":"CS0005","price":9.9,"currency_code":"EUR","in_stock":true},{"title":"Flacon pompe de 300 ml","offer_id":61612822200650,"sku":"CS0006","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/coslys-cs0005-gel-lavant-mains-pomme_8c036949-26a6-42ba-a007-d55f35f77838.jpg?v=1778842759"},{"product_id":"creme-reparatrice-aloe-vera-bio-puraloe","title":"Crème réparatrice Aloe Vera bio - 150 ml - Pur'Aloé","description":"\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\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 Cosmétique bio · Pur'Aloé\n \u003c\/div\u003e\n \u003cspan class=\"soi-aloe-hero-title\"\u003e70 % d'aloe vera natif pour une peau régénérée\u003c\/span\u003e\n \u003cp class=\"soi-aloe-hero-subtitle\"\u003eUne crème réparatrice certifiée bio, formulée sans eau ni sulfates ajoutés, concentrée en pulpe fraîche d'aloe vera pour nourrir, apaiser et protéger votre peau au quotidien.\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\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN PROVENCE\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-label\"\u003eEMBALLAGE RECYCLABLE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCrème réparatrice à l'Aloe Vera bio : 70 % de pur aloe natif pour une peau régénérée\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez une crème hydratante à l'aloe vera réellement concentrée, sans compromis sur la naturalité, la crème réparatrice Pur'Aloé est faite pour vous. Avec \u003cstrong\u003e70 % de jus d'aloe vera natif certifié bio\u003c\/strong\u003e, extrait directement de la pulpe de feuilles fraîches, elle va bien plus loin qu'une simple crème à l'aloe vera classique.\u003c\/p\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, formulée sans eau ni sulfates ajoutés, et fabriquée en Provence : voilà une crème aloe vera qui tient vraiment ses promesses.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePourquoi cette crème aloe vera se distingue vraiment ?\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eLa plupart des crèmes aloe vera du marché contiennent moins de 5 % d'aloe vera réel, dilué dans de l'eau. Ici, \u003cstrong\u003e70 % du produit, c'est de l'aloe vera natif pur\u003c\/strong\u003e, issu de la pulpe fraîche de la feuille, non dilué, non dénaturé. Cette concentration exceptionnelle garantit une action réparatrice, régénérante et hydratante bien supérieure à la moyenne.\u003c\/p\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\u003eRéparation intense\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera reconstitue le film hydrolipidique de l'épiderme et soutient la régénération cellulaire des peaux abîmées ou agressées.\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\u003eHydratation durable\u003c\/h3\u003e\n \u003cp\u003eL'huile d'amande douce bio et le beurre de karité bio renforcent la barrière cutanée et limitent les pertes insensibles en eau.\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\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes tocophérols (vitamine E) et l'acide ascorbique (vitamine C) neutralisent les radicaux libres et protègent contre les agressions extérieures.\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\u003eApaisement\u003c\/h3\u003e\n \u003cp\u003eL'extrait d'écorce de saule blanc complète l'action apaisante sur les peaux sensibles et irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003ePour qui, et sur quelles zones ?\u003c\/h2\u003e\n \u003cp class=\"soi-aloe-section-intro\"\u003eCette crème aloe vera visage, mains et corps convient à tous les types de peau, y compris les peaux sèches, sensibles ou réactives. Elle s'adapte à toutes vos routines :\u003c\/p\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e✨ Soin quotidien du visage\u003c\/h3\u003e\n \u003cp\u003eUne hydratation profonde à l'aloe vera sans film gras, idéale matin et soir pour préserver l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🤲 Soin des mains\u003c\/h3\u003e\n \u003cp\u003eAprès exposition à l'eau, au froid ou à des produits ménagers, cette crème restaure et protège vos mains fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🧴 Application ciblée sur le corps\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, zones de sécheresse persistante : appliquez en soin ciblé sur les parties du corps qui en ont le plus besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComment utiliser la crème réparatrice Pur'Aloé ?\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\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de crème sur la zone concernée (visage, mains ou corps).\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\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à complète absorption par la peau.\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\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et soir, ou selon vos besoins, pour des résultats visibles dès les premières semaines.\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\u003eCette crème ne contient ni eau ni sulfates ajoutés : une noisette suffit amplement pour couvrir une zone entière. Sa texture fondante pénètre rapidement sans laisser de résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eComposition complète de la crème aloe vera bio Pur'Aloé\u003c\/h2\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\"\u003e70 % jus d'aloe vera natif bio (pulpe extraite de feuille fraîche)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eActifs complémentaires\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003eHuile d'amande douce bio, beurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e100 % du total des ingrédients\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n \u003cspan class=\"soi-aloe-compo-label\"\u003eIssus de l'agriculture bio\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-compo-value\"\u003e82,2 %\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\"\u003eEau ajoutée, sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-accordion\"\u003e\n \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n \u003csummary class=\"soi-aloe-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n \u003cp\u003e\u003cem\u003e*Aloe Barbadensis Leaf Juice, *Prunus Amygdalus Dulcis Oil, Dicaprylyl Carbonate, *Butyrospermum Parkii Butter, Glyceryl Stearate, Cetearyl Alcohol, Propanediol, Cetyl Alcohol, Stearyl Alcohol, Glycerin, Cetearyl Glucoside, Salix Alba Bark Extract, Aqua, Tocopherols, Sodium Stearoyl Glutamate, Helianthus Annuus Seed Oil, Potassium Hydroxide, Ascorbic Acid, *Litsea Cubeba Fruit Oil, *Cananga Odorata Flower Oil, *Citrus Bergamia Peel Oil Expressed, Phytic Acid, Benzyl Benzoate, Benzyl Salicylate, Citral, Farnesol, Geraniol, Limonene, Linalool.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eCertifications et engagements Pur'Aloé\u003c\/h2\u003e\n \u003cdiv class=\"soi-aloe-grid\"\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eGarantit des ingrédients bio, des procédés respectueux de l'environnement et une traçabilité rigoureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera est sourcé de manière éthique, dans le respect des producteurs et de leur savoir-faire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en Provence, France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire local pour une qualité maîtrisée de bout en bout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-aloe-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eTube et bouchon à déposer au bac de tri jaune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-aloe-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\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\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003e150 ml\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\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003eTube\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\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003ePur'Aloé (Ciel d'Azur Labs)\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\"\u003eRéférence\u003c\/span\u003e\n \u003cspan class=\"soi-aloe-card-mini-value\"\u003ePU0050\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\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\u003c\/p\u003e\n \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eAvec 70 % d'aloe vera natif bio, du karité, de l'amande douce et zéro compromis sur la formule, cette crème réparatrice Pur'Aloé est le soin de référence pour toute peau qui a besoin de se ressourcer 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-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 --soi-aloe-white: #FFFFFF;\n --soi-aloe-off-white: #F8FAF6;\n --soi-aloe-stone: #F1F3EE;\n --soi-aloe-line: #E5E8E0;\n --soi-aloe-primary: #C24878;\n --soi-aloe-primary-soft: rgba(194,72,120,0.08);\n --soi-aloe-accent: #5BA847;\n --soi-aloe-text: #1A2D3D;\n --soi-aloe-text-soft: #4A5B6B;\n --soi-aloe-text-muted: #7B8693;\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.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\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}\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}\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 margin-bottom: 1.25rem;\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\/* === ACCORDÉON === *\/\n.soi-aloe-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-aloe-accordion-item {\n background: var(--soi-aloe-off-white);\n border-radius: var(--soi-aloe-radius-sm);\n border: 1px solid var(--soi-aloe-line);\n overflow: hidden;\n}\n\n.soi-aloe-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-aloe-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-aloe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-aloe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-aloe-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-aloe-accordion-item[open] .soi-aloe-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-aloe-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-aloe-accordion-content p {\n font-size: 14px;\n color: var(--soi-aloe-text-soft);\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":62001487315274,"sku":"PU0050","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-reparatrice-aloe-vera-certifiee-bio-150-ml-puraloe-packshot.webp?v=1781184031"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/pour_les_mains.webp?v=1781163406","url":"https:\/\/www.soinature.com\/collections\/hygiene-mains.oembed","provider":"Soinature","version":"1.0","type":"link"}